@sphoro/bugcatch-web-sdk 0.18.0 → 0.19.0

package/dist/bugcatch.standalone.umd.js

@@ -1,81 +1,106 @@
-(function(U,K){typeof exports=="object"&&typeof module<"u"?module.exports=K():typeof define=="function"&&define.amd?define(K):(U=typeof globalThis<"u"?globalThis:U||self,U.BugCatch=K())})(this,function(){"use strict";var xn=U=>{throw TypeError(U)};var wr=(U,K,ae)=>K.has(U)||xn("Cannot "+ae);var kn=(U,K,ae)=>K.has(U)?xn("Cannot add the same private member more than once"):K instanceof WeakSet?K.add(U):K.set(U,ae);var H=(U,K,ae)=>(wr(U,K,"access private method"),ae);var B,De,Sn,oe,$n,st,Ne,Ue,ct,Cn,Tn,En,_e,In;const U="[REDACTED]",K=new Set(["auth","bearer","session","sid","phpsessid","otp","pass","passwd","pwd","sig","codeverifier"]),ae=["token","secret","password","passwd","apikey","signature","credential","sessionid","privatekey","accesskey","authorization"],Ln=new Set(["key","code","state","nonce","salt","hash"]),lt=[/eyJ[\w-]{8,}\.[\w-]{8,}\.[\w-]+/g,/(?:AKIA|ASIA|AROA|AIDA|AGPA|ANPA|ANVA|APKA)[0-9A-Z]{16}/g,/AIza[\w-]{35}/g,/gh[pousr]_[A-Za-z0-9]{36,}/g,/github_pat_\w{22,}/g,/[sprk]k_(?:live|test)_[0-9A-Za-z]{10,}/g,/xox[abposr]-[A-Za-z0-9-]{10,}/g,/sk-ant-[\w-]{20,}/g,/sk-[\w-]{20,}/g,/glpat-[\w-]{20,}/g,/shp(?:at|ss|ca|pa)_[A-Za-z0-9]{32}/g],An=/\bBearer\s+[\w.~+/=-]{8,}/gi,Mn=/^([A-Za-z][A-Za-z0-9+.-]*:\/\/)([^/?#@]+)@/;function dt(t){try{return decodeURIComponent(t.replace(/\+/g," "))}catch{return t}}function Bn(t){return dt(t).toLowerCase().replace(/[^a-z0-9]/g,"")}function Rn(t){return t.length>=20?!0:lt.some(e=>(e.lastIndex=0,e.test(t)))}function jn(t,e){const n=Bn(t);if(!n)return!1;if(K.has(n))return!0;for(const o of ae)if(n.includes(o))return!0;return Ln.has(n)?Rn(dt(e)):!1}function Pe(t){return t.split("&").map(e=>{const n=e.indexOf("=");if(n===-1)return e;const o=e.slice(0,n),a=e.slice(n+1);return a&&jn(o,a)?`${o}=${U}`:e}).join("&")}function ut(t){let e=t;for(const n of lt)n.lastIndex=0,e=e.replace(n,U);return e}function pt(t){if(t==null)return t;let e=String(t);if(!e)return e;e=e.replace(Mn,`$1${U}@`);const n=e.indexOf("#");let o=n===-1?e:e.slice(0,n),a=n===-1?"":e.slice(n);const r=o.indexOf("?");if(r!==-1&&(o=o.slice(0,r+1)+Pe(o.slice(r+1))),a.length>1){const i=a.slice(1),s=i.indexOf("?");s!==-1?a=`#${i.slice(0,s+1)}${Pe(i.slice(s+1))}`:i.includes("=")&&(a=`#${Pe(i)}`)}return ut(o+a)}function On(t){if(t==null)return t;let e=String(t);return e&&(e=e.replace(/[A-Za-z][A-Za-z0-9+.-]{0,30}:\/\/[^\s"'<>)\]]+/g,n=>pt(n)),e=e.replace(An,`Bearer ${U}`),ut(e))}function ke(t){const e=[];return{push(n){e.push(n),e.length>t&&e.splice(0,e.length-t)},all:()=>e.slice(),clear:()=>{e.length=0},get size(){return e.length}}}const ht=["log","info","warn","error","debug"];function zn(t,{levels:e=["warn","error","log","info"]}={}){const n={};for(const o of ht)n[o]=console[o],e.includes(o)&&(console[o]=(...a)=>{try{t.push({level:o,text:a.map(bt).join(" ").slice(0,2e3),at:new Date().toISOString()})}catch{}n[o].apply(console,a)});return()=>{for(const o of ht)console[o]=n[o]}}function Qn(t,{slowMs:e=2e3}={}){const n=window.fetch,o=XMLHttpRequest.prototype.open,a=XMLHttpRequest.prototype.send;return n&&(window.fetch=async function(...i){var f,d,u;const s=performance.now(),c=typeof i[0]=="string"?i[0]:(f=i[0])==null?void 0:f.url,l=((d=i[1])==null?void 0:d.method)||(typeof i[0]=="object"?(u=i[0])==null?void 0:u.method:"GET")||"GET";try{const g=await n.apply(this,i);return Ke(t,{url:c,method:l,status:g.status,ms:Math.round(performance.now()-s),slowMs:e}),g}catch(g){throw Ke(t,{url:c,method:l,status:0,error:String((g==null?void 0:g.message)||g),ms:Math.round(performance.now()-s),slowMs:e}),g}}),XMLHttpRequest.prototype.open=function(i,s,...c){return this.__bc={method:i,url:s,started:0},o.call(this,i,s,...c)},XMLHttpRequest.prototype.send=function(...i){return this.__bc&&(this.__bc.started=performance.now(),this.addEventListener("loadend",()=>{Ke(t,{url:this.__bc.url,method:this.__bc.method,status:this.status,ms:Math.round(performance.now()-this.__bc.started),slowMs:e})})),a.apply(this,i)},()=>{n&&(window.fetch=n),XMLHttpRequest.prototype.open=o,XMLHttpRequest.prototype.send=a}}function Ke(t,{url:e,method:n,status:o,ms:a,error:r,slowMs:i}){try{t.push({url:pt(String(e)).slice(0,500),method:n,status:o,ms:a,error:r===void 0?void 0:On(r),failed:o===0||o>=400,slow:a>=i,at:new Date().toISOString()})}catch{}}function Hn(t){const e=o=>{const a=String(o.message||"Error"),r=o.filename?` (${o.filename}:${o.lineno}:${o.colno})`:"";t.push({level:"error",text:(/^uncaught/i.test(a)?a:`Uncaught ${a}`)+r,at:new Date().toISOString()})},n=o=>{t.push({level:"error",text:`Unhandled rejection: ${bt(o.reason)}`,at:new Date().toISOString()})};return window.addEventListener("error",e),window.addEventListener("unhandledrejection",n),()=>{window.removeEventListener("error",e),window.removeEventListener("unhandledrejection",n)}}async function ft(){const t=gt();try{if(navigator.getBattery){const e=await navigator.getBattery();t.battery=Math.round(e.level*100),t.charging=e.charging}}catch{}return t}function gt(){var e,n,o,a,r,i,s,c,l;const t=window.navigator||{};return{userAgent:t.userAgent,platform:t.platform,language:t.language,languages:t.languages?[...t.languages]:null,online:t.onLine,cookieEnabled:t.cookieEnabled,maxTouchPoints:t.maxTouchPoints??null,viewport:{width:window.innerWidth,height:window.innerHeight},screen:{width:(e=window.screen)==null?void 0:e.width,height:(n=window.screen)==null?void 0:n.height,availWidth:(o=window.screen)==null?void 0:o.availWidth,availHeight:(a=window.screen)==null?void 0:a.availHeight,colorDepth:(r=window.screen)==null?void 0:r.colorDepth,orientation:((s=(i=window.screen)==null?void 0:i.orientation)==null?void 0:s.type)||null},devicePixelRatio:window.devicePixelRatio,referrer:document.referrer||null,title:document.title,capturedAt:new Date().toISOString(),timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,timezoneOffsetMinutes:new Date().getTimezoneOffset(),browserMode:t.webdriver?"Automated":"Normal",doNotTrack:t.doNotTrack||null,hardwareConcurrency:t.hardwareConcurrency??null,deviceMemory:t.deviceMemory??null,connection:t.connection?{effectiveType:t.connection.effectiveType,downlink:t.connection.downlink,rtt:t.connection.rtt,saveData:t.connection.saveData}:null,prefersColorScheme:(c=window.matchMedia)!=null&&c.call(window,"(prefers-color-scheme: dark)").matches?"dark":"light",prefersReducedMotion:((l=window.matchMedia)==null?void 0:l.call(window,"(prefers-reduced-motion: reduce)").matches)||!1}}function bt(t){if(typeof t=="string")return t;if(t instanceof Error)return`${t.name}: ${t.message}`;try{return JSON.stringify(t)}catch{return String(t)}}const mt='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11.5a7.5 7 0 0 1 7.5-7h1a7.5 7 0 0 1 0 14H9l-4.2 2.6a.5.5 0 0 1-.76-.5l.5-3.1A7 7 0 0 1 4 11.5z"/><path d="M8.5 11.5h.01M12 11.5h.01M15.5 11.5h.01" stroke-width="2.6"/></svg>',qn='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9.5l6 6 6-6"/></svg>',Dn='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4.2"/><path d="M12 2.6v2.2M12 19.2v2.2M2.6 12h2.2M19.2 12h2.2M5.4 5.4l1.6 1.6M17 17l1.6 1.6M18.6 5.4L17 7M7 17l-1.6 1.6"/></svg>',Nn='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13.4A8.2 8.2 0 1 1 10.6 4a6.6 6.6 0 0 0 9.4 9.4z"/></svg>',Un='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="2.8" y="4.4" width="18.4" height="12.6" rx="2.2"/><path d="M8.6 20.2h6.8"/><path d="M12 4.4v12.6"/><path d="M12 7.2a3.6 3.6 0 0 1 0 7.2z" fill="currentColor" stroke="none"/></svg>',re='<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="M12 7.5v5.2M12 16.3h.01"/></svg>',fe='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18"/></svg>',ie='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.8l4.6 4.4L19 7"/></svg>',yt='<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="M12 11v5.5M12 7.7h.01"/></svg>',_n='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.3 4.2a2 2 0 0 1 3.4 0l7.6 13.1a2 2 0 0 1-1.7 3H4.4a2 2 0 0 1-1.7-3z"/><path d="M12 9.5v4.2M12 17h.01"/></svg>';function wt(t,e){console.warn(`[BugCatch] ${t}`,...e?[e]:[]);const n=new Error("[BugCatch] part of the widget could not be loaded — check the connection and try again.");return e&&(n.cause=e),n}function vt(t){let e=null;return(...n)=>(e||(e=t(...n).catch(o=>{throw e=null,o})),e)}const xt=vt(()=>Promise.resolve().then(()=>Ga).catch(t=>{throw wt("the report panel could not be loaded.",t)})),Se=vt(()=>Promise.resolve().then(()=>gr).catch(t=>{throw wt("the calling code could not be loaded.",t)})),Pn={info:yt,success:ie,warning:_n,critical:re};function kt(t,{where:e,onDismiss:n}){const o=document.createElement("div");o.className=`notice tone-${t.tone} at-${e}`,o.setAttribute("role","status");const a=document.createElement("span");a.className="notice-ico",a.setAttribute("aria-hidden","true"),a.innerHTML=Pn[t.tone]||yt;const r=document.createElement("div");r.className="notice-text";const i=document.createElement("strong");if(i.textContent=t.title,r.append(i),t.body){const s=document.createElement("p");s.textContent=t.body,r.append(s)}if(t.ctaHref&&t.ctaLabel){const s=document.createElement("a");s.className="notice-cta",s.href=t.ctaHref,s.textContent=t.ctaLabel,/^https?:/i.test(t.ctaHref)&&(s.target="_blank",s.rel="noopener noreferrer"),r.append(s)}if(o.append(a,r),t.dismissible&&n){const s=document.createElement("button");s.type="button",s.className="notice-x",s.setAttribute("aria-label","Dismiss this notice"),s.innerHTML=fe,s.addEventListener("click",()=>n(t)),o.append(s)}return o}const St={"bottom-right":"bottom:20px;right:20px;","bottom-left":"bottom:20px;left:20px;","top-right":"top:20px;right:20px;","top-left":"top:20px;left:20px;"},$t=[{value:"light",label:"Light",icon:Dn},{value:"dark",label:"Dark",icon:Nn},{value:"auto",label:"System default",icon:Un}],Ct="bugcatch:theme";function Kn(){try{const t=localStorage.getItem(Ct);return $t.some(e=>e.value===t)?t:null}catch{return null}}function Vn(t){try{localStorage.setItem(Ct,t)}catch{}}const Fn=t=>`
+(function(_,Y){typeof exports=="object"&&typeof module<"u"?module.exports=Y():typeof define=="function"&&define.amd?define(Y):(_=typeof globalThis<"u"?globalThis:_||self,_.BugCatch=Y())})(this,function(){"use strict";var Ln=_=>{throw TypeError(_)};var Ir=(_,Y,re)=>Y.has(_)||Ln("Cannot "+re);var An=(_,Y,re)=>Y.has(_)?Ln("Cannot add the same private member more than once"):Y instanceof WeakSet?Y.add(_):Y.set(_,re);var D=(_,Y,re)=>(Ir(_,Y,"access private method"),re);var B,Pe,Mn,ae,Bn,ut,Ke,_e,pt,Rn,jn,On,Ve,zn;const _="[REDACTED]",Y=new Set(["auth","bearer","session","sid","phpsessid","otp","pass","passwd","pwd","sig","codeverifier"]),re=["token","secret","password","passwd","apikey","signature","credential","sessionid","privatekey","accesskey","authorization"],qn=new Set(["key","code","state","nonce","salt","hash"]),ht=[/eyJ[\w-]{8,}\.[\w-]{8,}\.[\w-]+/g,/(?:AKIA|ASIA|AROA|AIDA|AGPA|ANPA|ANVA|APKA)[0-9A-Z]{16}/g,/AIza[\w-]{35}/g,/gh[pousr]_[A-Za-z0-9]{36,}/g,/github_pat_\w{22,}/g,/[sprk]k_(?:live|test)_[0-9A-Za-z]{10,}/g,/xox[abposr]-[A-Za-z0-9-]{10,}/g,/sk-ant-[\w-]{20,}/g,/sk-[\w-]{20,}/g,/glpat-[\w-]{20,}/g,/shp(?:at|ss|ca|pa)_[A-Za-z0-9]{32}/g],Qn=/\bBearer\s+[\w.~+/=-]{8,}/gi,Hn=/^([A-Za-z][A-Za-z0-9+.-]*:\/\/)([^/?#@]+)@/;function ft(e){try{return decodeURIComponent(e.replace(/\+/g," "))}catch{return e}}function Dn(e){return ft(e).toLowerCase().replace(/[^a-z0-9]/g,"")}function Nn(e){return e.length>=20?!0:ht.some(t=>(t.lastIndex=0,t.test(e)))}function Un(e,t){const n=Dn(e);if(!n)return!1;if(Y.has(n))return!0;for(const o of re)if(n.includes(o))return!0;return qn.has(n)?Nn(ft(t)):!1}function Fe(e){return e.split("&").map(t=>{const n=t.indexOf("=");if(n===-1)return t;const o=t.slice(0,n),a=t.slice(n+1);return a&&Un(o,a)?`${o}=${_}`:t}).join("&")}function gt(e){let t=e;for(const n of ht)n.lastIndex=0,t=t.replace(n,_);return t}function bt(e){if(e==null)return e;let t=String(e);if(!t)return t;t=t.replace(Hn,`$1${_}@`);const n=t.indexOf("#");let o=n===-1?t:t.slice(0,n),a=n===-1?"":t.slice(n);const r=o.indexOf("?");if(r!==-1&&(o=o.slice(0,r+1)+Fe(o.slice(r+1))),a.length>1){const i=a.slice(1),s=i.indexOf("?");s!==-1?a=`#${i.slice(0,s+1)}${Fe(i.slice(s+1))}`:i.includes("=")&&(a=`#${Fe(i)}`)}return gt(o+a)}function Pn(e){if(e==null)return e;let t=String(e);return t&&(t=t.replace(/[A-Za-z][A-Za-z0-9+.-]{0,30}:\/\/[^\s"'<>)\]]+/g,n=>bt(n)),t=t.replace(Qn,`Bearer ${_}`),gt(t))}function Se(e){const t=[];return{push(n){t.push(n),t.length>e&&t.splice(0,t.length-e)},all:()=>t.slice(),clear:()=>{t.length=0},get size(){return t.length}}}const mt=["log","info","warn","error","debug"];function Kn(e,{levels:t=["warn","error","log","info"]}={}){const n={};for(const o of mt)n[o]=console[o],t.includes(o)&&(console[o]=(...a)=>{try{e.push({level:o,text:a.map(vt).join(" ").slice(0,2e3),at:new Date().toISOString()})}catch{}n[o].apply(console,a)});return()=>{for(const o of mt)console[o]=n[o]}}function _n(e,{slowMs:t=2e3}={}){const n=window.fetch,o=XMLHttpRequest.prototype.open,a=XMLHttpRequest.prototype.send;return n&&(window.fetch=async function(...i){var p,f,u;const s=performance.now(),l=typeof i[0]=="string"?i[0]:(p=i[0])==null?void 0:p.url,c=((f=i[1])==null?void 0:f.method)||(typeof i[0]=="object"?(u=i[0])==null?void 0:u.method:"GET")||"GET";try{const h=await n.apply(this,i);return We(e,{url:l,method:c,status:h.status,ms:Math.round(performance.now()-s),slowMs:t}),h}catch(h){throw We(e,{url:l,method:c,status:0,error:String((h==null?void 0:h.message)||h),ms:Math.round(performance.now()-s),slowMs:t}),h}}),XMLHttpRequest.prototype.open=function(i,s,...l){return this.__bc={method:i,url:s,started:0},o.call(this,i,s,...l)},XMLHttpRequest.prototype.send=function(...i){return this.__bc&&(this.__bc.started=performance.now(),this.addEventListener("loadend",()=>{We(e,{url:this.__bc.url,method:this.__bc.method,status:this.status,ms:Math.round(performance.now()-this.__bc.started),slowMs:t})})),a.apply(this,i)},()=>{n&&(window.fetch=n),XMLHttpRequest.prototype.open=o,XMLHttpRequest.prototype.send=a}}function We(e,{url:t,method:n,status:o,ms:a,error:r,slowMs:i}){try{e.push({url:bt(String(t)).slice(0,500),method:n,status:o,ms:a,error:r===void 0?void 0:Pn(r),failed:o===0||o>=400,slow:a>=i,at:new Date().toISOString()})}catch{}}function Vn(e){const t=o=>{const a=String(o.message||"Error"),r=o.filename?` (${o.filename}:${o.lineno}:${o.colno})`:"";e.push({level:"error",text:(/^uncaught/i.test(a)?a:`Uncaught ${a}`)+r,at:new Date().toISOString()})},n=o=>{e.push({level:"error",text:`Unhandled rejection: ${vt(o.reason)}`,at:new Date().toISOString()})};return window.addEventListener("error",t),window.addEventListener("unhandledrejection",n),()=>{window.removeEventListener("error",t),window.removeEventListener("unhandledrejection",n)}}async function yt(){const e=wt();try{if(navigator.getBattery){const t=await navigator.getBattery();e.battery=Math.round(t.level*100),e.charging=t.charging}}catch{}return e}function wt(){var t,n,o,a,r,i,s,l,c;const e=window.navigator||{};return{userAgent:e.userAgent,platform:e.platform,language:e.language,languages:e.languages?[...e.languages]:null,online:e.onLine,cookieEnabled:e.cookieEnabled,maxTouchPoints:e.maxTouchPoints??null,viewport:{width:window.innerWidth,height:window.innerHeight},screen:{width:(t=window.screen)==null?void 0:t.width,height:(n=window.screen)==null?void 0:n.height,availWidth:(o=window.screen)==null?void 0:o.availWidth,availHeight:(a=window.screen)==null?void 0:a.availHeight,colorDepth:(r=window.screen)==null?void 0:r.colorDepth,orientation:((s=(i=window.screen)==null?void 0:i.orientation)==null?void 0:s.type)||null},devicePixelRatio:window.devicePixelRatio,referrer:document.referrer||null,title:document.title,capturedAt:new Date().toISOString(),timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,timezoneOffsetMinutes:new Date().getTimezoneOffset(),browserMode:e.webdriver?"Automated":"Normal",doNotTrack:e.doNotTrack||null,hardwareConcurrency:e.hardwareConcurrency??null,deviceMemory:e.deviceMemory??null,connection:e.connection?{effectiveType:e.connection.effectiveType,downlink:e.connection.downlink,rtt:e.connection.rtt,saveData:e.connection.saveData}:null,prefersColorScheme:(l=window.matchMedia)!=null&&l.call(window,"(prefers-color-scheme: dark)").matches?"dark":"light",prefersReducedMotion:((c=window.matchMedia)==null?void 0:c.call(window,"(prefers-reduced-motion: reduce)").matches)||!1}}function vt(e){if(typeof e=="string")return e;if(e instanceof Error)return`${e.name}: ${e.message}`;try{return JSON.stringify(e)}catch{return String(e)}}const Fn='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11.5a7.5 7 0 0 1 7.5-7h1a7.5 7 0 0 1 0 14H9l-4.2 2.6a.5.5 0 0 1-.76-.5l.5-3.1A7 7 0 0 1 4 11.5z"/><path d="M8.5 11.5h.01M12 11.5h.01M15.5 11.5h.01" stroke-width="2.6"/></svg>',Wn='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9.5l6 6 6-6"/></svg>',xt='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4.2"/><path d="M12 2.6v2.2M12 19.2v2.2M2.6 12h2.2M19.2 12h2.2M5.4 5.4l1.6 1.6M17 17l1.6 1.6M18.6 5.4L17 7M7 17l-1.6 1.6"/></svg>',kt='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13.4A8.2 8.2 0 1 1 10.6 4a6.6 6.6 0 0 0 9.4 9.4z"/></svg>',St='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="2.8" y="4.4" width="18.4" height="12.6" rx="2.2"/><path d="M8.6 20.2h6.8"/><path d="M12 4.4v12.6"/><path d="M12 7.2a3.6 3.6 0 0 1 0 7.2z" fill="currentColor" stroke="none"/></svg>',ie='<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="M12 7.5v5.2M12 16.3h.01"/></svg>',ge='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18"/></svg>',se='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.8l4.6 4.4L19 7"/></svg>',$t='<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="M12 11v5.5M12 7.7h.01"/></svg>',Yn='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.3 4.2a2 2 0 0 1 3.4 0l7.6 13.1a2 2 0 0 1-1.7 3H4.4a2 2 0 0 1-1.7-3z"/><path d="M12 9.5v4.2M12 17h.01"/></svg>';function Ct(e,t){console.warn(`[BugCatch] ${e}`,...t?[t]:[]);const n=new Error("[BugCatch] part of the widget could not be loaded — check the connection and try again.");return t&&(n.cause=t),n}function Tt(e){let t=null;return(...n)=>(t||(t=e(...n).catch(o=>{throw t=null,o})),t)}const Et=Tt(()=>Promise.resolve().then(()=>cr).catch(e=>{throw Ct("the report panel could not be loaded.",e)})),$e=Tt(()=>Promise.resolve().then(()=>$r).catch(e=>{throw Ct("the calling code could not be loaded.",e)})),Xn={info:$t,success:se,warning:Yn,critical:ie};function It(e,{where:t,onDismiss:n}){const o=document.createElement("div");o.className=`notice tone-${e.tone} at-${t}`,o.setAttribute("role","status");const a=document.createElement("span");a.className="notice-ico",a.setAttribute("aria-hidden","true"),a.innerHTML=Xn[e.tone]||$t;const r=document.createElement("div");r.className="notice-text";const i=document.createElement("strong");if(i.textContent=e.title,r.append(i),e.body){const s=document.createElement("p");s.textContent=e.body,r.append(s)}if(e.ctaHref&&e.ctaLabel){const s=document.createElement("a");s.className="notice-cta",s.href=e.ctaHref,s.textContent=e.ctaLabel,/^https?:/i.test(e.ctaHref)&&(s.target="_blank",s.rel="noopener noreferrer"),r.append(s)}if(o.append(a,r),e.dismissible&&n){const s=document.createElement("button");s.type="button",s.className="notice-x",s.setAttribute("aria-label","Dismiss this notice"),s.innerHTML=ge,s.addEventListener("click",()=>n(e)),o.append(s)}return o}const Ye="#0e0e10",Ce="#ffffff";function Xe(e){const t=Jn(e);if(!t)return Ce;const[n,o,a]=t.map(i=>{const s=i/255;return s<=.03928?s/12.92:((s+.055)/1.055)**2.4});return .2126*n+.7152*o+.0722*a>.179?Ye:Ce}function Jn(e){const t=String(e||"").trim();let n=/^#([0-9a-f]{3})$/i.exec(t);return n?[...n[1]].map(o=>parseInt(o+o,16)):(n=/^#([0-9a-f]{6})$/i.exec(t),n?[0,2,4].map(o=>parseInt(n[1].slice(o,o+2),16)):(n=/^rgba?\(\s*(\d+)[\s,]+(\d+)[\s,]+(\d+)/i.exec(t),n?[n[1],n[2],n[3]].map(Number):null))}const Lt={"bottom-right":"bottom:20px;right:20px;","bottom-left":"bottom:20px;left:20px;","top-right":"top:20px;right:20px;","top-left":"top:20px;left:20px;"},be=[{value:"light",label:"Light",icon:xt},{value:"dark",label:"Dark",icon:kt},{value:"auto",label:"System default",icon:St}],At="bugcatch:theme";function Zn(){try{const e=localStorage.getItem(At);return be.some(t=>t.value===e)?e:null}catch{return null}}function Gn(e){try{localStorage.setItem(At,e)}catch{}}const Mt=`
+  --bc-bg: #151517;
+  --bc-elevated: #1c1c1f;
+  --bc-fg: #f3f2ef;
+  --bc-muted: #b3b0aa;
+  --bc-faint: #8f8c86;
+  --bc-border: #2c2c30;
+  --bc-subtle: #1f1f22;
+  --bc-stone: #26262a;
+  --bc-raised: #303035;
+  --bc-danger: #ff6b81;
+  --bc-ok: #4fd19a;
+  --bc-warn: #f2a54a;
+  --bc-info: #79a8ff;
+  --bc-brand-ink: #b3b0aa;
+  --bc-brand-mark: #a59cff;
+  --bc-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 30px 70px -20px rgba(0,0,0,.8), 0 8px 20px -8px rgba(0,0,0,.5);
+  --bc-shadow-sm: 0 0 0 1px rgba(255,255,255,.07), 0 1px 2px rgba(0,0,0,.4);
+  --bc-accent-soft: color-mix(in srgb, var(--bc-accent) 14%, var(--bc-bg));`,eo=e=>`
 :host { all: initial; }
 :host {
-  --bc-accent: ${t};
-  --bc-on-accent: #fff;
-  --bc-bg: #fff;
-  --bc-elevated: #fff;
-  --bc-fg: #14161c;
-  --bc-muted: #5f6673;
-  --bc-faint: #9aa1ad;
-  --bc-border: #e6e8ee;
-  --bc-subtle: #f4f5f8;
-  --bc-raised: #fff;
-  --bc-danger: #dc2626;
-  --bc-ok: #059669;
-  --bc-warn: #b45309;
+  --bc-accent: ${e||"var(--bc-fg)"};
+  --bc-on-accent: ${e?Xe(e):"var(--bc-bg)"};
+  /* The assistant's orb: BugCatch's own three colours, or the host's accent
+     with two lighter cuts of it, so the orb on their site is in their colour. */
+  --bc-o1: ${e?`color-mix(in srgb, ${e} 32%, #fff)`:"#ffb3c9"};
+  --bc-o2: ${e||"#6a5cff"};
+  --bc-o3: ${e?`color-mix(in srgb, ${e} 22%, #ffe7d1)`:"#ffd6a0"};
+  --bc-bg: #ffffff;
+  --bc-elevated: #ffffff;
+  --bc-fg: #0e0e10;
+  --bc-muted: #57544e;
+  --bc-faint: #75726c;
+  --bc-border: #e9e7e3;
+  --bc-subtle: #f6f5f3;
+  /* Warm stone: fields, chips and the selected track. */
+  --bc-stone: #f0efec;
+  --bc-raised: #ffffff;
+  --bc-danger: #c8233d;
+  --bc-ok: #0b7a55;
+  --bc-warn: #a4570a;
+  --bc-info: #2459d1;
   /* The lockup's own two colours, kept off --bc-accent on purpose: that one is
      the customer's brand, and this mark is ours. Values are the light cut of
      brand/sphoro-bugcatch-primary.svg, pulled up from near-black so the mark
      identifies itself without out-shouting the host's page. */
-  --bc-brand-ink: #4b5563;
+  --bc-brand-ink: #57544e;
   --bc-brand-mark: #5647ee;
-  --bc-shadow: 0 24px 64px rgba(10,12,16,.22), 0 4px 14px rgba(10,12,16,.08);
-  --bc-shadow-sm: 0 1px 2px rgba(10,12,16,.06), 0 1px 1px rgba(10,12,16,.04);
-  --bc-dur: 240ms;
+  --bc-shadow: 0 0 0 1px rgba(20,18,14,.06), 0 30px 70px -24px rgba(20,18,14,.30), 0 8px 20px -8px rgba(20,18,14,.10);
+  --bc-shadow-sm: 0 0 0 1px rgba(20,18,14,.06), 0 1px 2px rgba(20,18,14,.05);
+  --bc-dur: 220ms;
   --bc-ease: cubic-bezier(.22,1,.36,1);
+  /* Film grain over the orb, so it reads as light rather than a gradient. */
+  --bc-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
   /* The system everything below is drawn from. Derived tokens are written in
      terms of the ones above, so a host that overrides --bc-accent or the
      palette gets a coherent result without touching these. */
-  --bc-accent-soft: color-mix(in srgb, var(--bc-accent) 10%, var(--bc-bg));
-  --bc-accent-line: color-mix(in srgb, var(--bc-accent) 32%, var(--bc-border));
-  --bc-ring: 0 0 0 3px color-mix(in srgb, var(--bc-accent) 22%, transparent);
+  --bc-accent-soft: color-mix(in srgb, var(--bc-accent) 7%, var(--bc-bg));
+  --bc-accent-line: color-mix(in srgb, var(--bc-accent) 30%, var(--bc-border));
+  --bc-ring: 0 0 0 3px color-mix(in srgb, var(--bc-accent) 16%, transparent);
   --bc-r-sm: 8px;
   --bc-r-md: 12px;
-  --bc-r-lg: 18px;
-  --bc-r-xl: 22px;
+  --bc-r-lg: 16px;
+  --bc-r-xl: 20px;
   --bc-fs-xs: 11.5px;
   --bc-fs-sm: 12.5px;
   --bc-fs-md: 14px;
-  --bc-fs-lg: 16px;
+  --bc-fs-lg: 15px;
   --bc-pad: 18px;
 }
-:host(.bc-dark) {
-  --bc-bg: #14161c;
-  --bc-elevated: #1c1f27;
-  --bc-fg: #eef0f4;
-  --bc-muted: #a3aab6;
-  --bc-faint: #6f7682;
-  --bc-border: #2a2e38;
-  --bc-subtle: #1f222a;
-  --bc-raised: #363d4b;
-  --bc-warn: #f59e0b;
-  --bc-brand-ink: #9aa1ad;
-  --bc-brand-mark: #9b8fff;
-  --bc-shadow: 0 24px 64px rgba(0,0,0,.6), 0 4px 14px rgba(0,0,0,.4);
-  --bc-shadow-sm: 0 1px 2px rgba(0,0,0,.4);
-  --bc-accent-soft: color-mix(in srgb, var(--bc-accent) 18%, var(--bc-bg));
+:host(.bc-dark) {${Mt}
 }
 @media (prefers-color-scheme: dark) {
-  :host(.bc-auto) {
-    --bc-bg: #14161c;
-    --bc-elevated: #1c1f27;
-    --bc-fg: #eef0f4;
-    --bc-muted: #a3aab6;
-    --bc-faint: #6f7682;
-    --bc-border: #2a2e38;
-    --bc-subtle: #1f222a;
-    --bc-raised: #363d4b;
-    --bc-warn: #f59e0b;
-    --bc-brand-ink: #9aa1ad;
-    --bc-brand-mark: #9b8fff;
-    --bc-shadow: 0 24px 64px rgba(0,0,0,.6), 0 4px 14px rgba(0,0,0,.4);
-    --bc-shadow-sm: 0 1px 2px rgba(0,0,0,.4);
-    --bc-accent-soft: color-mix(in srgb, var(--bc-accent) 18%, var(--bc-bg));
+  :host(.bc-auto) {${Mt}
   }
 }
 
 * { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif; }
+
+/* ---------- the orb ----------
+   The assistant's face, on the launcher and at the top of every screen: three
+   blurred colour blobs turning slowly under a highlight and grain. Hue from
+   --bc-o1..3. Sized by whoever places it. */
+.orb {
+  position: relative; display: block; flex: none; aspect-ratio: 1; border-radius: 50%;
+  background: var(--bc-o2); overflow: hidden; isolation: isolate;
+  box-shadow: inset -3px -5px 10px rgba(0,0,0,.22), inset 2px 3px 7px rgba(255,255,255,.35);
+}
+.orb::before {
+  content: ''; position: absolute; inset: -20%; border-radius: 50%; z-index: -1;
+  background:
+    radial-gradient(circle at 70% 72%, var(--bc-o3) 0%, transparent 44%),
+    radial-gradient(circle at 26% 66%, var(--bc-o1) 0%, transparent 48%),
+    radial-gradient(circle at 58% 30%, var(--bc-o2) 0%, transparent 62%);
+  filter: blur(3px);
+  animation: bc-orb-turn 18s linear infinite;
+}
+.orb::after {
+  content: ''; position: absolute; inset: 0; border-radius: 50%;
+  background: radial-gradient(circle at 34% 26%, rgba(255,255,255,.85) 0 5%, rgba(255,255,255,0) 30%), var(--bc-grain);
+  mix-blend-mode: soft-light;
+}
+@keyframes bc-orb-turn { to { transform: rotate(360deg); } }
 svg { width: 1em; height: 1em; display: block; }
 /* The hidden attribute has to actually hide. Nearly every element in here is given a
    display by a rule below, and any of them beats the attribute's own UA style
@@ -106,65 +131,50 @@ button:focus-visible, a:focus-visible, select:focus-visible, [tabindex]:focus-vi
 @keyframes bc-launcher-in { from { opacity: 0; transform: translateY(12px) scale(.86) } to { opacity: 1; transform: none } }
 @keyframes bc-item-in { from { opacity: 0; transform: translateY(8px) scale(.96) } to { opacity: 1; transform: none } }
 
-/* ---------- dock: theme switch stacked above the launcher ---------- */
+/* ---------- dock: the launcher, and what is said beside it ---------- */
 .dock {
   position: fixed; z-index: 2147483000;
   display: flex; flex-direction: column; gap: 10px;
 }
 .dock[hidden] { display: none; }
-/* While the panel is open the switch rises above the scrim so it stays usable
-   — the panel shares the shadow root, so a change re-themes the open form. */
+/* While the panel is open the launcher rises above the scrim, so the button
+   that opened it is the button that closes it. */
 .dock.over { z-index: 2147483002; }
 .dock.at-right { align-items: flex-end; }
 .dock.at-left { align-items: flex-start; }
-/* Anchored to the top, "above the launcher" would be off-screen, so the
-   switch goes under it and the launcher stays the outermost thing. */
+/* Anchored to the top, "above the launcher" would be off-screen, so cards go
+   under it and the launcher stays the outermost thing. */
 .dock.at-top { flex-direction: column-reverse; }
 
-.themer {
-  display: inline-flex; align-items: center; gap: 2px;
-  padding: 3px; border-radius: 999px;
-  background: var(--bc-elevated); border: 1px solid var(--bc-border);
-  box-shadow: 0 6px 18px rgba(10,12,16,.14), 0 1px 3px rgba(10,12,16,.08);
-  animation: bc-launcher-in 420ms var(--bc-ease) both;
-}
-.themer button {
-  display: grid; place-items: center;
-  width: 28px; height: 28px; padding: 0;
-  border: none; border-radius: 999px; background: transparent;
-  color: var(--bc-muted); cursor: pointer;
-  transition: background var(--bc-dur) var(--bc-ease), color var(--bc-dur) var(--bc-ease), transform 140ms var(--bc-ease);
-}
-.themer button svg { font-size: 15px; }
-.themer button:hover { background: var(--bc-subtle); color: var(--bc-fg); }
-.themer button:active { transform: scale(.92); }
-.themer button[aria-pressed="true"] { background: var(--bc-accent); color: var(--bc-on-accent); }
-.themer button[aria-pressed="true"]:hover { background: var(--bc-accent); filter: brightness(1.06); }
-
-/* ---------- launcher ---------- */
+/* ---------- launcher ----------
+   A pill with the assistant's orb in it: ink by default, the host's colour when
+   they set one. The shadow is neutral, never tinted, so a bright brand colour
+   does not glow on somebody's checkout. */
 .launcher {
   position: relative;
-  display: inline-flex; align-items: center; gap: 9px;
-  height: 48px; padding: 0 20px 0 16px; border: none; border-radius: 999px;
+  display: inline-flex; align-items: center; gap: 10px;
+  height: 46px; padding: 0 18px 0 7px; border: none; border-radius: 999px;
   background: var(--bc-accent); color: var(--bc-on-accent);
-  font-size: var(--bc-fs-md); font-weight: 620; line-height: 1; letter-spacing: -.01em;
+  font-size: var(--bc-fs-md); font-weight: 560; line-height: 1; letter-spacing: -.01em;
   cursor: pointer;
-  box-shadow: 0 10px 28px color-mix(in srgb, var(--bc-accent) 34%, rgba(10,12,16,.2)), 0 2px 6px rgba(10,12,16,.16);
-  transition: transform var(--bc-dur) var(--bc-ease), box-shadow var(--bc-dur) var(--bc-ease), filter 160ms linear, padding var(--bc-dur) var(--bc-ease);
+  box-shadow: 0 1px 2px rgba(0,0,0,.18), 0 10px 26px -8px rgba(0,0,0,.36);
+  transition: transform var(--bc-dur) var(--bc-ease), box-shadow var(--bc-dur) var(--bc-ease), filter 160ms linear;
   animation: bc-launcher-in 420ms var(--bc-ease) both;
 }
-/* Two glyphs in one box: the bubble when closed, a chevron when open, turned
+/* Two faces in one circle: the orb when closed, a chevron when open, turned
    into each other so the button reads as the panel's own handle. */
-.launcher .ico { position: relative; width: 20px; height: 20px; flex: none; }
+.launcher .ico { position: relative; width: 32px; height: 32px; flex: none; }
 .launcher .ico > span {
-  position: absolute; inset: 0;
+  position: absolute; inset: 0; display: grid; place-items: center; border-radius: 50%;
   transition: transform 320ms var(--bc-ease), opacity 200ms ease;
 }
-.launcher .ico svg { width: 20px; height: 20px; }
+.launcher .ico .orb { width: 32px; }
+.launcher .ico .when-open { background: color-mix(in srgb, var(--bc-on-accent) 14%, transparent); }
+.launcher .ico svg { width: 18px; height: 18px; }
 .launcher .ico .when-open { opacity: 0; transform: rotate(-90deg) scale(.6); }
 .launcher[aria-expanded="true"] .ico .when-closed { opacity: 0; transform: rotate(90deg) scale(.6); }
 .launcher[aria-expanded="true"] .ico .when-open { opacity: 1; transform: none; }
-.launcher:hover { transform: translateY(-2px); filter: brightness(1.06); }
+.launcher:hover { transform: translateY(-1px); box-shadow: 0 1px 2px rgba(0,0,0,.18), 0 14px 30px -8px rgba(0,0,0,.42); }
 .launcher:active { transform: translateY(0) scale(.97); transition-duration: 90ms; }
 .launcher:focus-visible { outline-offset: 3px; }
 .launcher[hidden] { display: none; }
@@ -187,11 +197,11 @@ button:focus-visible, a:focus-visible, select:focus-visible, [tabindex]:focus-vi
    In this sheet because the card beside the button exists before the panel's
    does. The tone is a colour and an icon; the site's accent is the info one. */
 .notice {
-  --tone: var(--bc-accent);
+  --tone: var(--bc-info);
   display: flex; align-items: flex-start; gap: 10px;
-  padding: 12px 12px 12px 14px; border-radius: var(--bc-r-md);
-  background: color-mix(in srgb, var(--tone) 7%, var(--bc-elevated));
-  border: 1px solid color-mix(in srgb, var(--tone) 28%, var(--bc-border));
+  padding: 11px 10px 11px 12px; border-radius: var(--bc-r-md);
+  background: var(--bc-subtle);
+  border: 1px solid var(--bc-border);
   color: var(--bc-fg);
   font-size: var(--bc-fs-sm); line-height: 1.45; text-align: left;
   animation: bc-item-in 240ms var(--bc-ease) both;
@@ -199,33 +209,48 @@ button:focus-visible, a:focus-visible, select:focus-visible, [tabindex]:focus-vi
 .notice.tone-success { --tone: var(--bc-ok); }
 .notice.tone-warning { --tone: var(--bc-warn); }
 .notice.tone-critical { --tone: var(--bc-danger); }
-.notice-ico { flex: none; color: var(--tone); font-size: 16px; margin-top: 1px; }
+/* The tone is the icon's colour and a wash behind it — enough to tell a delay
+   from a fix at a glance, without a coloured card shouting over the form. */
+.notice-ico {
+  flex: none; display: grid; place-items: center; width: 22px; height: 22px; margin-top: -1px;
+  border-radius: 7px; font-size: 14px;
+  color: var(--tone); background: color-mix(in srgb, var(--tone) 13%, transparent);
+}
 .notice-text { flex: 1; min-width: 0; overflow-wrap: anywhere; }
-.notice-text strong { display: block; font-weight: 650; letter-spacing: -.005em; }
+.notice-text strong { display: block; font-weight: 600; letter-spacing: -.005em; }
 .notice-text p { margin: 2px 0 0; color: var(--bc-muted); white-space: pre-line; }
 .notice-cta {
-  display: inline-block; margin-top: 6px;
-  color: var(--tone); font-weight: 620; text-decoration: none;
+  display: inline-flex; align-items: center; gap: 4px; margin-top: 6px;
+  color: var(--bc-fg); font-weight: 600; text-decoration: underline;
+  text-decoration-color: color-mix(in srgb, var(--bc-fg) 30%, transparent); text-underline-offset: 3px;
 }
-.notice-cta:hover { text-decoration: underline; text-underline-offset: 2px; }
+.notice-cta:hover { text-decoration-color: currentColor; }
 .notice-x {
   flex: none; display: grid; place-items: center;
-  width: 26px; height: 26px; margin: -4px -4px 0 0; padding: 0;
+  width: 24px; height: 24px; margin: -2px -2px 0 0; padding: 0;
   border: 0; border-radius: 999px; background: transparent;
-  color: var(--bc-muted); cursor: pointer;
+  color: var(--bc-faint); cursor: pointer;
 }
-.notice-x:hover { background: color-mix(in srgb, var(--tone) 12%, transparent); color: var(--bc-fg); }
-.notice-x svg { font-size: 14px; }
+.notice-x:hover { background: color-mix(in srgb, var(--bc-fg) 7%, transparent); color: var(--bc-fg); }
+.notice-x svg { font-size: 13px; }
 /* Beside the button it floats over somebody else's page: opaque, lifted, and
    never taller than a glance. The whole text is in the panel. */
 .notice.at-launcher {
   width: min(320px, calc(100vw - 40px));
-  box-shadow: 0 10px 28px rgba(10,12,16,.14), 0 1px 3px rgba(10,12,16,.08);
+  background: var(--bc-elevated); border-color: transparent;
+  box-shadow: var(--bc-shadow);
+  padding: 13px 12px 13px 13px;
 }
 .notice.at-launcher .notice-text p {
   display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
 }
-.notice.at-panel { margin-bottom: 10px; }
+/* In the panel they are a stack of short lines above the form, not a wall:
+   the body is held to two lines, and the whole of it was beside the button. */
+.notice.at-panel { margin-bottom: 8px; padding: 9px 8px 9px 10px; }
+.notice.at-panel .notice-text p {
+  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
+}
+.notice.at-panel .notice-cta { margin-top: 3px; }
 
 /* The dock sits in a corner of a page the widget does not own. On a notched
    phone that corner is under the home indicator, and in landscape it is under
@@ -245,25 +270,12 @@ button:focus-visible, a:focus-visible, select:focus-visible, [tabindex]:focus-vi
   .dock.over { display: none; }
 }
 @media (pointer: coarse) {
-  /* The theme switch's buttons are small glyphs whose boxes cannot grow without
-     moving the launcher under them, so each keeps its size and gets an
-     invisible target drawn around it instead. */
-  .themer button { position: relative; }
-  .themer button::after {
-    content: '';
-    position: absolute;
-    inset: -8px;
-  }
-  /* The themer's three buttons sit side by side, so their expanders would
-     overlap each other without a gap to grow into. */
-  .themer { gap: 4px; }
   .notice-x { width: 36px; height: 36px; margin: -9px -8px -6px 0; }
 }
 /* Hover is a lie on a touchscreen: it latches on tap and stays. The launcher's
    lift in particular was left applied after the panel closed. */
 @media (hover: none) {
   .launcher:hover { transform: none; filter: none; }
-  .themer button:hover { transform: none; }
 }
 
 /* ---------- while the panel's code is on its way ----------
@@ -288,13 +300,13 @@ button:focus-visible, a:focus-visible, select:focus-visible, [tabindex]:focus-vi
 }
 .loadfail button[data-act="retry"] { text-decoration: underline; text-underline-offset: 2px; }
 .loadfail button svg { font-size: 13px; margin: 0; }
-`;function Wn(t){const e=document.createElement("div");e.setAttribute("data-bugcatch","widget");let n=Kn()||Yn(t.config.theme);e.className=Tt(n);const o=e.attachShadow({mode:"open"}),a=document.createElement("style");a.textContent=Fn(t.config.accent||"#4F46E5"),o.appendChild(a);const r=St[t.config.widgetPosition]?t.config.widgetPosition:"bottom-right",i=document.createElement("div");i.className=`dock ${r.includes("right")?"at-right":"at-left"}`+(r.startsWith("top")?" at-top":""),i.style.cssText=St[r];const s=document.createElement("div");s.className="themer",s.setAttribute("role","group"),s.setAttribute("aria-label","Report widget theme"),s.innerHTML=$t.map(C=>`<button type="button" data-theme="${C.value}" title="${C.label}" aria-label="${C.label}" aria-pressed="${C.value===n}">${C.icon}</button>`).join(""),s.addEventListener("click",C=>{const S=C.target.closest("button[data-theme]");!S||S.dataset.theme===n||(n=S.dataset.theme,e.className=Tt(n),Vn(n),s.querySelectorAll("button").forEach(x=>{x.setAttribute("aria-pressed",String(x.dataset.theme===n))}))});const c=document.createElement("button");c.className="launcher",c.type="button",c.innerHTML=`<span class="ico" aria-hidden="true"><span class="when-closed">${mt}</span><span class="when-open">${qn}</span></span><span>Report a bug</span>`,c.setAttribute("aria-haspopup","dialog"),c.setAttribute("aria-expanded","false");let l=null;c.addEventListener("click",()=>{if(l){l.close();return}l=f()});function f(){w(),b();let C=null,S=!1;const x=()=>{S=!0,c.removeAttribute("aria-busy"),l=null},v={close:()=>C?C.close():x(),destroy:()=>C?C.destroy():x()};return c.setAttribute("aria-busy","true"),xt(t.config.chunkBase).then(({openPanel:k})=>{S||(c.removeAttribute("aria-busy"),i.classList.add("over"),c.setAttribute("aria-expanded","true"),C=k({root:o,host:e,dock:i,client:t,preloadCall:g,onClose:()=>{l=null,i.classList.remove("over"),c.setAttribute("aria-expanded","false")}}))},()=>{S||(x(),m())}),v}const d=()=>{xt(t.config.chunkBase).catch(()=>{})};for(const C of["pointerenter","touchstart","focus"])c.addEventListener(C,d,{once:!0,passive:!0});const u=Et(d);function g(){Se(t.config.chunkBase).catch(()=>{})}let y=null;function m(){w(),y=document.createElement("div"),y.className="msg err loadfail",y.setAttribute("role","alert"),y.innerHTML=`${re}<span>The report form didn't load. Check your connection and try again.</span><button type="button" data-act="retry">Try again</button><button type="button" data-act="dismiss" aria-label="Dismiss">${fe}</button>`,y.querySelector('[data-act="retry"]').addEventListener("click",()=>{c.focus(),l||(l=f())}),y.querySelector('[data-act="dismiss"]').addEventListener("click",()=>{c.focus(),w()}),i.prepend(y)}function w(){y==null||y.remove(),y=null}let p=null;function h(C){b(),p=kt(C,{where:"launcher",onDismiss:S=>{t.dismissAnnouncement(S),c.focus(),b()}}),y?y.after(p):i.prepend(p)}function b(){p==null||p.remove(),p=null}const T=t.config.announcements===!1?()=>{}:Et(()=>{t.announcements().then(C=>{const S=C.find(x=>x.placement==="launcher");S&&!l&&e.isConnected&&h(S)}).catch(()=>{})});return i.append(s,c),o.appendChild(i),document.body.appendChild(e),t.widgetControls={open:()=>{l||c.click()},close:()=>{l==null||l.close()},isOpen:()=>!!l},()=>{u(),T(),l==null||l.destroy(),e.remove(),t.widgetControls=null}}function Yn(t){return t==="dark"||t==="light"?t:"auto"}function Tt(t){return t==="dark"?"bc-dark":t==="light"?"bc-light":"bc-auto"}function Et(t){let e=()=>{};const n=()=>{if(typeof requestIdleCallback=="function"){const o=requestIdleCallback(t,{timeout:5e3});e=()=>cancelIdleCallback(o)}else{const o=setTimeout(t,1500);e=()=>clearTimeout(o)}};return document.readyState==="complete"?n():(window.addEventListener("load",n,{once:!0}),e=()=>window.removeEventListener("load",n)),()=>e()}const Xn="Too many requests are being sent from here at the moment. Please try again in a minute.";function ue(t){return t||Xn}const Jn=typeof window<"u"&&window.fetch?window.fetch.bind(window):null,Zn=typeof XMLHttpRequest<"u"?XMLHttpRequest.prototype.open:null,Gn=typeof XMLHttpRequest<"u"?XMLHttpRequest.prototype.send:null,It=["image/png","image/jpeg","image/webp","image/gif","video/webm","video/mp4","audio/webm","audio/ogg","audio/mpeg","audio/mp4","audio/wav","application/pdf","text/plain","text/csv","application/json","application/zip","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],$e=["image/png","image/jpeg","image/webp","video/webm","video/mp4"],eo=()=>{var t;return!!((t=navigator==null?void 0:navigator.mediaDevices)!=null&&t.getUserMedia&&typeof MediaRecorder<"u")},to=()=>{var t;return!!((t=navigator==null?void 0:navigator.mediaDevices)!=null&&t.getDisplayMedia&&typeof MediaRecorder<"u")},no=()=>{var t;return!!((t=navigator==null?void 0:navigator.mediaDevices)!=null&&t.getDisplayMedia)};function Ce(t,e=It){const n=String(t||"").split(";")[0].trim().toLowerCase();return e.includes(n)?n:null}async function oo(){const t=await navigator.mediaDevices.getDisplayMedia({video:{frameRate:1},audio:!1});try{const e=t.getVideoTracks()[0],n=document.createElement("video");n.srcObject=t,n.muted=!0,n.playsInline=!0,await n.play(),await new Promise(s=>requestAnimationFrame(()=>requestAnimationFrame(s)));const{width:o,height:a}=e.getSettings(),r=document.createElement("canvas");r.width=o||n.videoWidth,r.height=a||n.videoHeight,r.getContext("2d").drawImage(n,0,0,r.width,r.height);const i=await new Promise(s=>r.toBlob(s,"image/png"));if(!i)throw new Error("The browser returned an empty screenshot.");return{blob:i,mime:"image/png",kind:"SCREENSHOT"}}finally{t.getTracks().forEach(e=>e.stop())}}async function ao({maxMs:t=12e4,onTick:e,onAutoStop:n}={}){const o=await navigator.mediaDevices.getDisplayMedia({video:{frameRate:15},audio:!1}),a=["video/webm;codecs=vp9","video/webm;codecs=vp8","video/webm"].find(g=>MediaRecorder.isTypeSupported(g))||"video/webm",r=new MediaRecorder(o,{mimeType:a,videoBitsPerSecond:25e5}),i=[];r.ondataavailable=g=>{g.data.size&&i.push(g.data)},r.start(1e3);const s=Date.now(),c=setInterval(()=>e==null?void 0:e(Math.floor((Date.now()-s)/1e3)),500),l=()=>{clearInterval(c),clearTimeout(u),o.getTracks().forEach(g=>g.stop())},f=new Promise(g=>{r.onstop=()=>{l(),g(new Blob(i,{type:a}))}}),d=()=>{r.state!=="inactive"&&r.stop(),n==null||n()};o.getVideoTracks()[0].addEventListener("ended",d);const u=setTimeout(d,t);return{mime:a,maxMs:t,async stop(){return clearTimeout(u),r.state!=="inactive"&&r.stop(),{blob:await f,mime:a,kind:"VIDEO"}},cancel(){l(),r.state!=="inactive"&&r.stop()}}}async function ro({maxMs:t=12e4,onTick:e,onAutoStop:n}={}){const o=await navigator.mediaDevices.getUserMedia({audio:!0}),a=["audio/webm;codecs=opus","audio/webm","audio/mp4","audio/ogg"].find(g=>MediaRecorder.isTypeSupported(g))||"",r=new MediaRecorder(o,a?{mimeType:a}:void 0),i=[];r.ondataavailable=g=>{g.data.size&&i.push(g.data)},r.start(1e3);const s=Date.now(),c=setInterval(()=>e==null?void 0:e(Math.floor((Date.now()-s)/1e3)),500),l=()=>{clearInterval(c),clearTimeout(u),o.getTracks().forEach(g=>g.stop())},f=new Promise(g=>{r.onstop=()=>{l(),g(new Blob(i,{type:r.mimeType||a}))}}),u=setTimeout(()=>{r.state!=="inactive"&&r.stop(),n==null||n()},t);return{mime:r.mimeType||a,maxMs:t,async stop(){clearTimeout(u),r.state!=="inactive"&&r.stop();const g=await f;return{blob:g,mime:g.type||r.mimeType||a,kind:"AUDIO"}},cancel(){l(),r.state!=="inactive"&&r.stop()}}}async function io({apiBase:t,apiKey:e,blob:n,mime:o,onProgress:a}){var l;const r=Ce(o||n.type);if(!r)throw new Error(`[BugCatch] ${o||n.type||"that file"} can't be attached.`);const i=await Jn(`${t}/ingest/presign`,{method:"POST",headers:{"Content-Type":"application/json","X-BugCatch-Key":e},body:JSON.stringify({mime:r})});if(i.status===429){let f="";try{f=((l=await i.json())==null?void 0:l.message)||""}catch{}throw new Error(`[BugCatch] ${ue(typeof f=="string"?f:"")}`)}if(!i.ok)throw new Error(`[BugCatch] could not start the upload (HTTP ${i.status}).`);const{key:s,uploadUrl:c}=await i.json();return await so(c,n,r,a),{storageKey:s,mime:r}}function so(t,e,n,o){return new Promise((a,r)=>{const i=new XMLHttpRequest;Zn.call(i,"PUT",t,!0),i.setRequestHeader("Content-Type",n),i.upload.onprogress=s=>{s.lengthComputable&&(o==null||o(s.loaded/s.total))},i.onload=()=>{i.status>=200&&i.status<300?a():r(new Error(`[BugCatch] upload failed (HTTP ${i.status}).`))},i.onerror=()=>r(new Error("[BugCatch] the browser blocked the upload to storage. If this is a new environment, the media bucket is probably missing its CORS policy.")),i.onabort=()=>r(new Error("[BugCatch] upload cancelled.")),Gn.call(i,e)})}function pe(t){return t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(0)} KB`:`${(t/1024/1024).toFixed(1)} MB`}function Te(t){const e=Math.floor(t/60),n=t%60;return`${e}:${String(n).padStart(2,"0")}`}const Ee="bugcatch.watch",Lt=[2e3,5e3,15e3,3e4,6e4],co=5e3;let ge=null;function lo(t){ge=t||null}const Ve=()=>ge?`${Ee}:${ge}`:Ee;function Fe(){return ge?`?projectId=${encodeURIComponent(ge)}`:""}function P(){try{const t=window.localStorage;return(t==null?void 0:t.getItem(Ve()))||(t==null?void 0:t.getItem(Ee))||null}catch{return null}}function We(t){var e;if(t)try{(e=window.localStorage)==null||e.setItem(Ve(),t)}catch{}}function se(){var t,e;try{(t=window.localStorage)==null||t.removeItem(Ve()),(e=window.localStorage)==null||e.removeItem(Ee)}catch{}At()}const Ie="bugcatch.unread";function uo(t){return[(t==null?void 0:t.bugId)||"report",(t==null?void 0:t.kind)||"status",(t==null?void 0:t.at)||""].join("|")}function be(){var t;try{const e=(t=window.localStorage)==null?void 0:t.getItem(Ie),n=e?JSON.parse(e):[];return Array.isArray(n)?n.filter(o=>o&&typeof o.id=="string"):[]}catch{return[]}}function Le(t){var e,n;try{t.length?(e=window.localStorage)==null||e.setItem(Ie,JSON.stringify(t)):(n=window.localStorage)==null||n.removeItem(Ie)}catch{}}function po(t){const e={...t,id:uo(t)},n=be().filter(o=>o.id!==e.id);return n.push(e),Le(n.slice(-20)),e}function ho(t){const e=be().filter(n=>n.id!==t);return Le(e),e}function fo(t){const e=be().filter(n=>n.bugId!==t);return Le(e),e}function At(){return Le([]),[]}function go(t,e){let n=t,o=n.indexOf(`
+`;function to(e){const t=document.createElement("div");t.setAttribute("data-bugcatch","widget");let n=Zn()||no(e.config.theme);t.className=Bt(n);const o=t.attachShadow({mode:"open"}),a=document.createElement("style");a.textContent=eo(e.config.accent||null),o.appendChild(a);const r=Lt[e.config.widgetPosition]?e.config.widgetPosition:"bottom-right",i=document.createElement("div");i.className=`dock ${r.includes("right")?"at-right":"at-left"}`+(r.startsWith("top")?" at-top":""),i.style.cssText=Lt[r];const s={current:()=>n,label:()=>be.find(b=>b.value===n).label,cycle(){const b=be[(be.findIndex(m=>m.value===n)+1)%be.length];return n=b.value,t.className=Bt(n),Gn(n),b}},l=document.createElement("button");l.className="launcher",l.type="button",l.innerHTML=`<span class="ico" aria-hidden="true"><span class="when-closed"><span class="orb"></span></span><span class="when-open">${Wn}</span></span><span>Report a bug</span>`,l.setAttribute("aria-haspopup","dialog"),l.setAttribute("aria-expanded","false");let c=null;l.addEventListener("click",()=>{if(c){c.close();return}c=p()});function p(){T(),d();let b=null,m=!1;const w=()=>{m=!0,l.removeAttribute("aria-busy"),c=null},v={close:()=>b?b.close():w(),destroy:()=>b?b.destroy():w()};return l.setAttribute("aria-busy","true"),Et(e.config.chunkBase).then(({openPanel:S})=>{m||(l.removeAttribute("aria-busy"),i.classList.add("over"),l.setAttribute("aria-expanded","true"),b=S({root:o,host:t,dock:i,client:e,preloadCall:h,themeControls:s,onClose:()=>{c=null,i.classList.remove("over"),l.setAttribute("aria-expanded","false")}}))},()=>{m||(w(),E())}),v}const f=()=>{Et(e.config.chunkBase).catch(()=>{})};for(const b of["pointerenter","touchstart","focus"])l.addEventListener(b,f,{once:!0,passive:!0});const u=Rt(f);function h(){$e(e.config.chunkBase).catch(()=>{})}let x=null;function E(){T(),x=document.createElement("div"),x.className="msg err loadfail",x.setAttribute("role","alert"),x.innerHTML=`${ie}<span>The report form didn't load. Check your connection and try again.</span><button type="button" data-act="retry">Try again</button><button type="button" data-act="dismiss" aria-label="Dismiss">${ge}</button>`,x.querySelector('[data-act="retry"]').addEventListener("click",()=>{l.focus(),c||(c=p())}),x.querySelector('[data-act="dismiss"]').addEventListener("click",()=>{l.focus(),T()}),i.prepend(x)}function T(){x==null||x.remove(),x=null}let g=null;function k(b){d(),g=It(b,{where:"launcher",onDismiss:m=>{e.dismissAnnouncement(m),l.focus(),d()}}),x?x.after(g):i.prepend(g)}function d(){g==null||g.remove(),g=null}const y=e.config.announcements===!1?()=>{}:Rt(()=>{e.announcements().then(b=>{const m=b.find(w=>w.placement==="launcher");m&&!c&&t.isConnected&&k(m)}).catch(()=>{})});return i.append(l),o.appendChild(i),document.body.appendChild(t),e.widgetControls={open:()=>{c||l.click()},close:()=>{c==null||c.close()},isOpen:()=>!!c},()=>{u(),y(),c==null||c.destroy(),t.remove(),e.widgetControls=null}}function no(e){return e==="dark"||e==="light"?e:"auto"}function Bt(e){return e==="dark"?"bc-dark":e==="light"?"bc-light":"bc-auto"}function Rt(e){let t=()=>{};const n=()=>{if(typeof requestIdleCallback=="function"){const o=requestIdleCallback(e,{timeout:5e3});t=()=>cancelIdleCallback(o)}else{const o=setTimeout(e,1500);t=()=>clearTimeout(o)}};return document.readyState==="complete"?n():(window.addEventListener("load",n,{once:!0}),t=()=>window.removeEventListener("load",n)),()=>t()}const oo="Too many requests are being sent from here at the moment. Please try again in a minute.";function pe(e){return e||oo}const ao=typeof window<"u"&&window.fetch?window.fetch.bind(window):null,ro=typeof XMLHttpRequest<"u"?XMLHttpRequest.prototype.open:null,io=typeof XMLHttpRequest<"u"?XMLHttpRequest.prototype.send:null,jt=["image/png","image/jpeg","image/webp","image/gif","video/webm","video/mp4","audio/webm","audio/ogg","audio/mpeg","audio/mp4","audio/wav","application/pdf","text/plain","text/csv","application/json","application/zip","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],Te=["image/png","image/jpeg","image/webp","video/webm","video/mp4"],so=()=>{var e;return!!((e=navigator==null?void 0:navigator.mediaDevices)!=null&&e.getUserMedia&&typeof MediaRecorder<"u")},co=()=>{var e;return!!((e=navigator==null?void 0:navigator.mediaDevices)!=null&&e.getDisplayMedia&&typeof MediaRecorder<"u")},lo=()=>{var e;return!!((e=navigator==null?void 0:navigator.mediaDevices)!=null&&e.getDisplayMedia)};function Ee(e,t=jt){const n=String(e||"").split(";")[0].trim().toLowerCase();return t.includes(n)?n:null}async function uo(){const e=await navigator.mediaDevices.getDisplayMedia({video:{frameRate:1},audio:!1});try{const t=e.getVideoTracks()[0],n=document.createElement("video");n.srcObject=e,n.muted=!0,n.playsInline=!0,await n.play(),await new Promise(s=>requestAnimationFrame(()=>requestAnimationFrame(s)));const{width:o,height:a}=t.getSettings(),r=document.createElement("canvas");r.width=o||n.videoWidth,r.height=a||n.videoHeight,r.getContext("2d").drawImage(n,0,0,r.width,r.height);const i=await new Promise(s=>r.toBlob(s,"image/png"));if(!i)throw new Error("The browser returned an empty screenshot.");return{blob:i,mime:"image/png",kind:"SCREENSHOT"}}finally{e.getTracks().forEach(t=>t.stop())}}async function po({maxMs:e=12e4,onTick:t,onAutoStop:n}={}){const o=await navigator.mediaDevices.getDisplayMedia({video:{frameRate:15},audio:!1}),a=["video/webm;codecs=vp9","video/webm;codecs=vp8","video/webm"].find(h=>MediaRecorder.isTypeSupported(h))||"video/webm",r=new MediaRecorder(o,{mimeType:a,videoBitsPerSecond:25e5}),i=[];r.ondataavailable=h=>{h.data.size&&i.push(h.data)},r.start(1e3);const s=Date.now(),l=setInterval(()=>t==null?void 0:t(Math.floor((Date.now()-s)/1e3)),500),c=()=>{clearInterval(l),clearTimeout(u),o.getTracks().forEach(h=>h.stop())},p=new Promise(h=>{r.onstop=()=>{c(),h(new Blob(i,{type:a}))}}),f=()=>{r.state!=="inactive"&&r.stop(),n==null||n()};o.getVideoTracks()[0].addEventListener("ended",f);const u=setTimeout(f,e);return{mime:a,maxMs:e,async stop(){return clearTimeout(u),r.state!=="inactive"&&r.stop(),{blob:await p,mime:a,kind:"VIDEO"}},cancel(){c(),r.state!=="inactive"&&r.stop()}}}async function ho({maxMs:e=12e4,onTick:t,onAutoStop:n}={}){const o=await navigator.mediaDevices.getUserMedia({audio:!0}),a=["audio/webm;codecs=opus","audio/webm","audio/mp4","audio/ogg"].find(h=>MediaRecorder.isTypeSupported(h))||"",r=new MediaRecorder(o,a?{mimeType:a}:void 0),i=[];r.ondataavailable=h=>{h.data.size&&i.push(h.data)},r.start(1e3);const s=Date.now(),l=setInterval(()=>t==null?void 0:t(Math.floor((Date.now()-s)/1e3)),500),c=()=>{clearInterval(l),clearTimeout(u),o.getTracks().forEach(h=>h.stop())},p=new Promise(h=>{r.onstop=()=>{c(),h(new Blob(i,{type:r.mimeType||a}))}}),u=setTimeout(()=>{r.state!=="inactive"&&r.stop(),n==null||n()},e);return{mime:r.mimeType||a,maxMs:e,async stop(){clearTimeout(u),r.state!=="inactive"&&r.stop();const h=await p;return{blob:h,mime:h.type||r.mimeType||a,kind:"AUDIO"}},cancel(){c(),r.state!=="inactive"&&r.stop()}}}async function fo({apiBase:e,apiKey:t,blob:n,mime:o,onProgress:a}){var c;const r=Ee(o||n.type);if(!r)throw new Error(`[BugCatch] ${o||n.type||"that file"} can't be attached.`);const i=await ao(`${e}/ingest/presign`,{method:"POST",headers:{"Content-Type":"application/json","X-BugCatch-Key":t},body:JSON.stringify({mime:r})});if(i.status===429){let p="";try{p=((c=await i.json())==null?void 0:c.message)||""}catch{}throw new Error(`[BugCatch] ${pe(typeof p=="string"?p:"")}`)}if(!i.ok)throw new Error(`[BugCatch] could not start the upload (HTTP ${i.status}).`);const{key:s,uploadUrl:l}=await i.json();return await go(l,n,r,a),{storageKey:s,mime:r}}function go(e,t,n,o){return new Promise((a,r)=>{const i=new XMLHttpRequest;ro.call(i,"PUT",e,!0),i.setRequestHeader("Content-Type",n),i.upload.onprogress=s=>{s.lengthComputable&&(o==null||o(s.loaded/s.total))},i.onload=()=>{i.status>=200&&i.status<300?a():r(new Error(`[BugCatch] upload failed (HTTP ${i.status}).`))},i.onerror=()=>r(new Error("[BugCatch] the browser blocked the upload to storage. If this is a new environment, the media bucket is probably missing its CORS policy.")),i.onabort=()=>r(new Error("[BugCatch] upload cancelled.")),io.call(i,t)})}function he(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(0)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function Ie(e){const t=Math.floor(e/60),n=e%60;return`${t}:${String(n).padStart(2,"0")}`}const Le="bugcatch.watch",Ot=[2e3,5e3,15e3,3e4,6e4],bo=5e3;let me=null;function mo(e){me=e||null}const Je=()=>me?`${Le}:${me}`:Le;function Ae(){return me?`?projectId=${encodeURIComponent(me)}`:""}function F(){try{const e=window.localStorage;return(e==null?void 0:e.getItem(Je()))||(e==null?void 0:e.getItem(Le))||null}catch{return null}}function Ze(e){var t;if(e)try{(t=window.localStorage)==null||t.setItem(Je(),e)}catch{}}function ce(){var e,t;try{(e=window.localStorage)==null||e.removeItem(Je()),(t=window.localStorage)==null||t.removeItem(Le)}catch{}zt()}const Me="bugcatch.unread";function yo(e){return[(e==null?void 0:e.bugId)||"report",(e==null?void 0:e.kind)||"status",(e==null?void 0:e.at)||""].join("|")}function ye(){var e;try{const t=(e=window.localStorage)==null?void 0:e.getItem(Me),n=t?JSON.parse(t):[];return Array.isArray(n)?n.filter(o=>o&&typeof o.id=="string"):[]}catch{return[]}}function Be(e){var t,n;try{e.length?(t=window.localStorage)==null||t.setItem(Me,JSON.stringify(e)):(n=window.localStorage)==null||n.removeItem(Me)}catch{}}function wo(e){const t={...e,id:yo(e)},n=ye().filter(o=>o.id!==t.id);return n.push(t),Be(n.slice(-20)),t}function vo(e){const t=ye().filter(n=>n.id!==e);return Be(t),t}function xo(e){const t=ye().filter(n=>n.bugId!==e);return Be(t),t}function zt(){return Be([]),[]}function ko(e,t){let n=e,o=n.indexOf(`
 
 `);for(;o!==-1;){const a=n.slice(0,o);n=n.slice(o+2);const r=a.split(`
 `).filter(i=>i.startsWith("data:")).map(i=>i.slice(5).trim()).join(`
-`);if(r)try{e(JSON.parse(r))}catch{}o=n.indexOf(`
+`);if(r)try{t(JSON.parse(r))}catch{}o=n.indexOf(`
 
-`)}return n}async function bo({apiBase:t}){const e=P();if(!e)return{reporter:null,reports:[]};const n=await fetch(`${t}/ingest/watch/reports${Fe()}`,{headers:{Authorization:`Bearer ${e}`}});if(n.status===401)return se(),{reporter:null,reports:[]};if(!n.ok)throw new Error(`[BugCatch] could not load your reports (HTTP ${n.status})`);return n.json()}async function mo({apiBase:t,bugId:e}){const n=P();if(!n)return null;const o=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}${Fe()}`,{headers:{Authorization:`Bearer ${n}`}});if(o.status===401)return se(),null;if(o.status===404)return null;if(!o.ok)throw new Error(`[BugCatch] could not load that report (HTTP ${o.status})`);return o.json()}async function yo({apiBase:t,bugId:e,body:n,attachments:o}){const a=P();if(!a)throw new Error("[BugCatch] nothing filed from this browser yet.");const r=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/messages`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${a}`},body:JSON.stringify({...n?{body:n}:{},...o!=null&&o.length?{attachments:o}:{}})});if(r.status===401)throw se(),new Error("[BugCatch] this browser can no longer prove it filed that report.");if(!r.ok){let i="";try{const s=await r.json();i=Array.isArray(s.message)?s.message.join(", "):s.message||""}catch{}throw r.status===429?new Error(ue(i)):new Error(i||`[BugCatch] could not send that (HTTP ${r.status}).`)}return r.json()}async function wo({apiBase:t,apiKey:e,projectId:n}){const o={agent:!1,live:!1};try{const a=await fetch(`${t}/ingest/calls?projectId=${encodeURIComponent(n)}`,{headers:{"X-BugCatch-Key":e}});if(!a.ok)return o;const r=await a.json();return r!=null&&r.available?r.kinds&&typeof r.kinds=="object"?{agent:!1,live:!!r.kinds.live}:{agent:!1,live:r.kind==="live"}:o}catch{return o}}async function vo({apiBase:t,apiKey:e,token:n,payload:o,watchToken:a}){const r=await fetch(`${t}/ingest/calls`,{method:"POST",headers:{"Content-Type":"application/json","X-BugCatch-Key":e,...n?{"X-BugCatch-Session":n}:{}},body:JSON.stringify(a?{...o,watchToken:a}:o)});if(!r.ok){let i="";try{const c=await r.json();i=Array.isArray(c.message)?c.message.join(", "):c.message||""}catch{}const s=new Error(r.status===429?ue(i):i||`[BugCatch] the call could not be started (HTTP ${r.status}).`);throw s.status=r.status,s}return r.json()}async function Mt({apiBase:t,bugId:e}){const n=P();if(!n)return!1;try{const o=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call`,{headers:{Authorization:`Bearer ${n}`}});if(!o.ok)return!1;const a=await o.json();return!!(a!=null&&a.offered)}catch{return!1}}async function xo({apiBase:t,bugId:e}){const n=P();if(!n)throw new Error("[BugCatch] nothing filed from this browser yet.");const o=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call`,{method:"POST",headers:{Authorization:`Bearer ${n}`}});if(o.status===401)throw se(),new Error("[BugCatch] this browser can no longer prove it filed that report.");if(!o.ok){let a="";try{const r=await o.json();a=Array.isArray(r.message)?r.message.join(", "):r.message||""}catch{}throw new Error(a||`[BugCatch] the call could not be started (HTTP ${o.status}).`)}return o.json()}async function ko({apiBase:t,bugId:e,callId:n}){const o=P();if(o)try{await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call/${encodeURIComponent(n)}/give-up`,{method:"POST",headers:{Authorization:`Bearer ${o}`}})}catch{}}async function So({apiBase:t,bugId:e,callId:n}){const o=P();if(!o)throw new Error("[BugCatch] nothing filed from this browser yet.");const a=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call/${encodeURIComponent(n)}/answer`,{method:"POST",headers:{Authorization:`Bearer ${o}`}});if(a.status===401)throw se(),new Error("[BugCatch] this browser can no longer prove it filed that report.");if(a.status===409)throw new Error("[BugCatch] that call is no longer ringing.");if(!a.ok){let r="";try{const i=await a.json();r=Array.isArray(i.message)?i.message.join(", "):i.message||""}catch{}throw new Error(r||`[BugCatch] the call could not be answered (HTTP ${a.status}).`)}return a.json()}async function Bt({apiBase:t,bugId:e,callId:n}){const o=P();if(o)try{await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/live-call/${encodeURIComponent(n)}/decline`,{method:"POST",headers:{Authorization:`Bearer ${o}`}})}catch{}}function $o({apiBase:t,onUpdate:e}){let n=!0,o=0,a=null;async function r(){const i=P();if(!i)throw new Error("nothing filed from this browser yet");a=new AbortController;const s=await fetch(`${t}/ingest/watch/stream${Fe()}`,{headers:{Authorization:`Bearer ${i}`,Accept:"text/event-stream"},signal:a.signal});if(s.status===401)throw n=!1,se(),new Error("subscription no longer valid");if(!s.ok||!s.body)throw new Error(`stream failed (${s.status})`);const c=Date.now(),l=s.body.getReader(),f=new TextDecoder;let d="";try{for(;;){const{value:u,done:g}=await l.read();if(g)break;d+=f.decode(u,{stream:!0}),d=go(d,y=>{if(y.type!=="ping")try{e(y)}catch{}})}}finally{Date.now()-c>=co&&(o=0)}}return(async()=>{for(;n;){try{await r()}catch(s){if((s==null?void 0:s.name)==="AbortError")return}if(!n)return;const i=Lt[Math.min(o,Lt.length-1)];o+=1,await new Promise(s=>setTimeout(s,i))}})(),()=>{n=!1,a==null||a.abort(),a=null}}const Co={OPEN:"is open",IN_PROGRESS:"is being worked on",RESOLVED:"has been fixed",CLOSED:"has been closed"},To={status:null,severity:"#e8912a",assignment:"#4da3ff",reply:"#35b87f"};function Rt(t){return t!=null&&t.summary?t.summary:`Your report ${Co[t==null?void 0:t.status]||"was updated"}`}function Eo(t){var e;return(t==null?void 0:t.kind)==="reply"&&((e=t.reply)!=null&&e.body)?`${t.reply.author?`${t.reply.author}: `:""}${t.reply.body}`:(t==null?void 0:t.title)||""}function Io(t){const e=Date.parse(t||"");if(!Number.isFinite(e))return"";const n=Math.round((Date.now()-e)/6e4);if(n<1)return"just now";if(n<60)return`${n}m ago`;const o=Math.round(n/60);if(o<24)return`${o}h ago`;const a=Math.round(o/24);return a===1?"yesterday":`${a}d ago`}function Lo(){var t;try{const e=document.querySelector('[data-bugcatch="widget"]'),n=(t=e==null?void 0:e.shadowRoot)==null?void 0:t.querySelector(".dock"),o=(n==null?void 0:n.getBoundingClientRect().height)||0;return o?Math.round(o)+12:0}catch{return 0}}function Ao({accent:t="#4F46E5",position:e="bottom-right",onRead:n=null,onReadAll:o=null,onCall:a=null}={}){const[r,i]=String(e).split("-"),s=r==="top",c=i==="left",l=new Map;let f=null,d=null;function u(){return f!=null&&f.isConnected||(f=document.createElement("div"),f.setAttribute("data-bugcatch","updates"),f.style.cssText=["position:fixed",`${s?"top":"bottom"}:${20+Lo()}px`,`${c?"left":"right"}:20px`,"z-index:2147482998","display:flex","flex-direction:column","gap:10px",`align-items:${c?"flex-start":"flex-end"}`,"width:min(320px,calc(100vw - 40px))","pointer-events:none"].join(";"),document.body.appendChild(f)),f}function g(p){if(!p._bcShown){p.remove();return}p.style.opacity="0",p.style.transform=`translateY(${s?-8:8}px)`,setTimeout(()=>p.remove(),250)}function y(p,h){const b=document.createElement("button");return b.type="button",b.textContent=p,b.style.cssText=["padding:5px 11px",`border:${h?"0":"1px solid rgba(236,238,242,.24)"}`,"border-radius:6px",`background:${h?t:"transparent"}`,`color:${h?"#fff":"#eceef2"}`,"font:600 12px/1.4 inherit","cursor:pointer","white-space:nowrap"].join(";"),b}function m(p){var v;const h=document.createElement("div");h.setAttribute("role","status"),h.style.cssText=["box-sizing:border-box","width:100%","padding:12px 14px","border-radius:10px","background:#1b1e26","color:#eceef2",'font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',"box-shadow:0 12px 30px rgba(0,0,0,0.45)",`border-left:3px solid ${To[p==null?void 0:p.kind]||t}`,"opacity:0",`transform:translateY(${s?-8:8}px)`,"transition:opacity .2s ease,transform .2s ease","pointer-events:auto"].join(";");const b=document.createElement("div");b.style.cssText="font-weight:600;margin-bottom:2px",b.textContent=Rt(p);const T=document.createElement("div");T.style.cssText=(p==null?void 0:p.kind)==="reply"?"color:#a4abba;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden":"color:#a4abba",T.textContent=Eo(p);const C=document.createElement("div");C.style.cssText="display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap";const S=document.createElement("span");S.style.cssText="color:#7b8394;font-size:11px;margin-right:auto",S.textContent=Io(p==null?void 0:p.at);const x=y("Mark as read",!1);if(x.setAttribute("aria-label",`Mark as read: ${Rt(p)}`),x.addEventListener("click",()=>n==null?void 0:n(p.id)),C.append(S,x),(v=p==null?void 0:p.call)!=null&&v.offered&&typeof a=="function"){const k=y("Talk it through",!0);k.addEventListener("click",()=>a(p)),C.insertBefore(k,x)}return h.append(b,T,C),h}function w(p){const h=document.createElement("div");h.style.cssText=["box-sizing:border-box","width:100%","display:flex","align-items:center","gap:8px","padding:8px 12px","border-radius:10px","background:#1b1e26","color:#a4abba",'font:12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',"box-shadow:0 12px 30px rgba(0,0,0,0.45)","pointer-events:auto"].join(";");const b=document.createElement("span");b.style.cssText="margin-right:auto",b.textContent=`${p} more update${p===1?"":"s"}`;const T=y("Mark all as read",!1);return T.style.cssText+=";padding:4px 9px",T.addEventListener("click",()=>o==null?void 0:o()),h.append(b,T),h}return{render(p){const h=Array.isArray(p)?p:[];if(!h.length){for(const k of l.values())g(k);l.clear(),d==null||d.remove(),d=null,f==null||f.remove(),f=null;return}const b=h.slice(-3),T=new Set(b.map(k=>k.id)),C=u();for(const[k,O]of l)T.has(k)||(g(O),l.delete(k));const S=[];for(const k of b){if(l.has(k.id))continue;const O=m(k);l.set(k.id,O),S.push(O)}const x=s?[...b].reverse():b;for(const k of x)C.appendChild(l.get(k.id));const v=h.length-b.length;v>0?(d==null||d.remove(),d=w(v),s?C.appendChild(d):C.insertBefore(d,C.firstChild)):(d==null||d.remove(),d=null),requestAnimationFrame(()=>{for(const k of S)k.isConnected&&(k._bcShown=!0,k.style.opacity="1",k.style.transform="translateY(0)")})},destroy(){l.clear(),d=null,f==null||f.remove(),f=null}}}async function Mo({apiBase:t,apiKey:e,projectId:n,sessionToken:o}){try{const a=await fetch(`${t}/ingest/known-issues?projectId=${encodeURIComponent(n)}`,{headers:Ye(e,o)});if(!a.ok)return[];const r=await a.json();return Array.isArray(r==null?void 0:r.issues)?r.issues:[]}catch{return[]}}async function Bo({apiBase:t,apiKey:e,projectId:n,q:o,sessionToken:a,signal:r}){try{const i=`${t}/ingest/known-issues/match?projectId=${encodeURIComponent(n)}&q=${encodeURIComponent(o)}`,s=await fetch(i,{headers:Ye(e,a),signal:r});if(!s.ok)return[];const c=await s.json();return Array.isArray(c==null?void 0:c.issues)?c.issues:[]}catch{return[]}}async function Ro({apiBase:t,apiKey:e,projectId:n,bugId:o,reporterEmail:a,reporterName:r,metadata:i,logs:s,sessionToken:c}){const l=P(),f=await fetch(`${t}/ingest/known-issues/${encodeURIComponent(o)}/join`,{method:"POST",headers:Ye(e,c),body:JSON.stringify({projectId:n,reporterEmail:a,reporterName:r,metadata:i,logs:s,...l?{watchToken:l}:{}})});if(!f.ok)throw new Error(await jo(f));const d=await f.json();return d!=null&&d.watchToken&&We(d.watchToken),d}function Ye(t,e){return{"Content-Type":"application/json","X-BugCatch-Key":t,...e?{"X-BugCatch-Session":e}:{}}}async function jo(t){let e="";try{const n=await t.json();e=Array.isArray(n.message)?n.message.join(", "):n.message||""}catch{}return t.status===429?ue(e):e||`Could not add you to this issue (HTTP ${t.status})`}async function Oo({apiBase:t,bugId:e,...n}){const o=P();if(!o)throw new Error("This browser cannot access that report.");const a=await fetch(`${t}/ingest/watch/reports/${encodeURIComponent(e)}/verification`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${o}`},body:JSON.stringify(n)}),r=await a.json().catch(()=>({}));if(!a.ok)throw new Error(r.message||"Could not record feedback. Please refresh and try again.");return r}const zo="bugcatch.session.",Xe=t=>`${zo}${t}`,Je=new Map;function te(t){var e;if(!t)return null;try{const n=(e=window.localStorage)==null?void 0:e.getItem(Xe(t));if(n){const o=JSON.parse(n);if(o!=null&&o.token)return o}}catch{}return Je.get(t)||null}function Qo(t,e){var o;if(!t||!(e!=null&&e.token))return;const n={token:e.token,email:e.email||null,name:e.name||null};Je.set(t,n);try{(o=window.localStorage)==null||o.setItem(Xe(t),JSON.stringify(n))}catch{}}function Ze(t){var e;if(t){Je.delete(t);try{(e=window.localStorage)==null||e.removeItem(Xe(t))}catch{}}}function Ae({apiKey:t,token:e}){return{"Content-Type":"application/json","X-BugCatch-Key":t,...e?{"X-BugCatch-Session":e}:{}}}async function jt(t){let e="";try{const n=await t.json();e=Array.isArray(n.message)?n.message.join(", "):n.message||""}catch{}return t.status===429?ue(e):e||`Request failed (HTTP ${t.status})`}async function Ho({apiBase:t,apiKey:e,projectId:n,token:o}){const a={mode:"off",signedIn:null,signedOutReason:null};try{const r=await fetch(`${t}/ingest/login?projectId=${encodeURIComponent(n)}`,{headers:Ae({apiKey:e,token:o})});if(!r.ok)return a;const i=await r.json();return{mode:i.mode==="optional"||i.mode==="required"?i.mode:"off",signedIn:i.signedIn||null,signedOutReason:i.signedOutReason||null}}catch{return a}}async function qo({apiBase:t,apiKey:e,projectId:n,email:o,name:a}){const r=await fetch(`${t}/ingest/login/start`,{method:"POST",headers:Ae({apiKey:e}),body:JSON.stringify({projectId:n,email:o,...a?{name:a}:{}})});if(!r.ok)throw new Error(await jt(r));return r.json()}async function Do({apiBase:t,apiKey:e,projectId:n,email:o,code:a}){const r=await fetch(`${t}/ingest/login`,{method:"POST",headers:Ae({apiKey:e}),body:JSON.stringify({projectId:n,email:o,code:a})});if(!r.ok)throw new Error(await jt(r));const i=await r.json(),s={token:i.sessionToken,email:i.email,name:i.name};return Qo(n,s),s}async function No({apiBase:t,apiKey:e,projectId:n,token:o}){if(Ze(n),!o)return{signedOut:!0};try{await fetch(`${t}/ingest/logout`,{method:"POST",headers:Ae({apiKey:e,token:o}),body:JSON.stringify({projectId:n})})}catch{}return{signedOut:!0}}let Ot=!1;if(typeof window<"u"&&window.addEventListener)for(const t of["pointerdown","keydown","touchstart"])window.addEventListener(t,()=>{Ot=!0},{once:!0,capture:!0,passive:!0});function Uo(){return Ot}const _o=2e4,zt=120,Ge=200;function Qt(t){if(typeof t!="string"||!t.trim()||t.length>400)return null;try{return new RegExp(t.trim(),"gi")}catch{return null}}const Ht=t=>String(t).replace(/\s+/g," ").trim().slice(0,zt);function qt(t,e){const n=t&&t.normalize;if(n==="phone"){const o=e.replace(/\D/g,"");return o.length===10?o:o.length===12&&o.startsWith("91")?o.slice(2):o.length===11&&o.startsWith("0")?o.slice(1):e}return n==="upper"?e.toUpperCase():e}function Dt(t){const e=t.length>1&&t[1]!==void 0?t[1]:t[0];return typeof e!="string"||!e.trim()?null:{value:Ht(e),start:t.index,end:t.index+t[0].length}}function Po(t,e){return((t.slice(e.start,e.valueStart)+t.slice(e.valueEnd,e.end)).match(/[a-z]/gi)||[]).length}const Ko=/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}|[A-Za-z0-9][\w-]{5,40}/gi,Nt=/[\w-]/;function Vo(t,e){const n=(t||[]).filter(u=>u&&u.scan!==!1&&u.pattern),o=[],a=[],r=(e||[]).map(u=>typeof u=="string"?u.slice(0,_o):"");r.forEach((u,g)=>{u&&n.forEach((y,m)=>{const w=Qt(y.pattern);if(!w)return;let p,h=0;for(w.lastIndex=0;(p=w.exec(u))!==null&&!(++h>Ge);){if(p[0]===""){w.lastIndex+=1;continue}const b=Dt(p);if(!b)continue;const T=p.length>1&&p[1]!==void 0?p[1]:p[0],C=p.index+Math.max(0,p[0].indexOf(T)),S={block:g,order:m,key:y.key,label:y.label,value:qt(y,b.value),start:b.start,end:b.end,valueStart:C,valueEnd:C+T.length};S.weight=Po(u,S),o.push(S)}})});const i=o.filter(u=>!o.some(g=>g!==u&&g.block===u.block&&g.key!==u.key&&g.valueStart<=u.valueStart&&g.valueEnd>=u.valueEnd&&g.weight>u.weight)),s=new Map;for(const u of i){const g=u.value.toLowerCase();s.has(g)||s.set(g,{value:u.value,keys:new Map});const y=s.get(g);y.keys.has(u.key)||y.keys.set(u.key,{key:u.key,label:u.label,order:u.order})}const c=[],l=[],f=new Map;for(const u of s.values()){const g=[...u.keys.values()].sort((w,p)=>w.order-p.order);if(g.length>1){l.push({value:u.value,kinds:g.map(({key:w,label:p})=>({key:w,label:p}))});continue}const[{key:y,label:m}]=g;f.has(y)||f.set(y,[]),f.get(y).push({key:y,label:m,value:u.value})}for(const u of f.values())if(u.length===1)c.push(u[0]);else for(const g of u)l.push({value:g.value,kinds:[{key:g.key,label:g.label}]});const d=new Set(s.keys());return r.forEach((u,g)=>{if(!u)return;const y=o.filter(h=>h.block===g),m=new RegExp(Ko.source,"gi");let w,p=0;for(;(w=m.exec(u))!==null&&++p<=Ge;){const h=w.index,b=h+w[0].length;if(y.some(k=>h<k.end&&b>k.start))continue;const T=u[h-1]||"",C=u[b]||"";if(Nt.test(T)||Nt.test(C)||T==="/"||T==="@"||C==="@"||T==="."||C==="."&&/\w/.test(u[b+1]||"")||!/\d/.test(w[0]))continue;const S=Ht(w[0]),x=S.toLowerCase();if(d.has(x))continue;const v=(t||[]).filter(k=>k&&Ut(k,S)).map(({key:k,label:O})=>({key:k,label:O}));v.length&&(d.add(x),a.push({value:S,kinds:v}))}}),{found:c,conflicts:l,loose:a}}function Ut(t,e){const n=typeof e=="string"?e.trim():"";if(!n||n.length>zt)return null;const o=Qt(t&&(t.valuePattern||t.pattern));if(!o)return null;let a,r=0;for(o.lastIndex=0;(a=o.exec(n))!==null&&!(++r>Ge);){if(a[0]===""){o.lastIndex+=1;continue}const i=a.index+a[0].length===n.length,s=a.index===0||a.index===1;if(i&&s){const c=Dt(a);if(c)return qt(t,c.value)}}return null}async function Fo({apiBase:t,apiKey:e,projectId:n}){const o={policy:"off",fields:[]};try{const a=await fetch(`${t}/ingest/reference-fields?projectId=${encodeURIComponent(n)}`,{headers:{"X-BugCatch-Key":e}});if(!a.ok)return o;const r=await a.json(),i=r.policy==="optional"||r.policy==="required"?r.policy:"off",s=Array.isArray(r.fields)?r.fields:[];return s.length?{policy:i,fields:s}:o}catch{return o}}const Wo=/Did this answer your question\?/i;async function Yo({apiBase:t,apiKey:e,projectId:n}){try{const o=await fetch(`${t}/ingest/agent-issues?projectId=${encodeURIComponent(n)}`,{headers:{"X-BugCatch-Key":e}});if(!o.ok)return[];const a=await o.json();return(Array.isArray(a==null?void 0:a.issues)?a.issues:[]).filter(r=>r&&typeof r.key=="string"&&typeof r.title=="string").map(r=>({key:r.key,title:r.title,hint:typeof r.hint=="string"?r.hint:""}))}catch{return[]}}const Xo=5*6e4,_t="bugcatch:announcements:seen",Jo=40,Zo=["info","success","warning","critical"],Pt=t=>`bugcatch:announcements:${t}`;async function Go({apiBase:t,apiKey:e,projectId:n,fresh:o=!1}){var a;if(!o){const r=ia(n);if(r)return r}try{const r=await fetch(`${t}/ingest/announcements?projectId=${encodeURIComponent(n)}`,{headers:{"X-BugCatch-Key":e}}),i=r.ok?ra((a=await r.json())==null?void 0:a.announcements):[];return sa(n,i),i}catch{return[]}}function ea(t,{on:e=oa(),seen:n=Vt()}={}){return(t||[]).filter(o=>aa(o,e)&&!(o.dismissible&&n.includes(Kt(o))))}function ta(t){if(!(!(t!=null&&t.id)||!t.dismissible))try{const e=Kt(t),n=[...Vt().filter(o=>o!==e),e];localStorage.setItem(_t,JSON.stringify(n.slice(-Jo)))}catch{}}function na(t){return typeof t!="string"||!t||t.startsWith("//")?null:t.startsWith("/")||/^(https?:\/\/|mailto:)./i.test(t)?t:null}function oa(t=new Date){const e=n=>String(n).padStart(2,"0");return`${t.getFullYear()}-${e(t.getMonth()+1)}-${e(t.getDate())}`}function aa(t,e){return!(t.startsOn&&e<t.startsOn||t.endsOn&&e>t.endsOn)}function Kt(t){return`${t.id}#${t.revision||0}`}function ra(t){return(Array.isArray(t)?t:[]).filter(e=>e&&typeof e.id=="string"&&typeof e.title=="string"&&e.title.trim()).map(e=>{const n=e.placement==="launcher"?"launcher":"panel",o=na(e.ctaHref);return{id:e.id,revision:Number.isInteger(e.revision)?e.revision:0,title:e.title,body:typeof e.body=="string"?e.body:"",tone:Zo.includes(e.tone)?e.tone:"info",ctaLabel:o&&typeof e.ctaLabel=="string"?e.ctaLabel:"",ctaHref:o&&typeof e.ctaLabel=="string"?o:"",placement:n,dismissible:n==="launcher"||e.dismissible!==!1,startsOn:typeof e.startsOn=="string"?e.startsOn:"",endsOn:typeof e.endsOn=="string"?e.endsOn:""}})}function Vt(){try{const t=JSON.parse(localStorage.getItem(_t)||"[]");return Array.isArray(t)?t.filter(e=>typeof e=="string"):[]}catch{return[]}}function ia(t){try{const e=JSON.parse(localStorage.getItem(Pt(t))||"null");if(!e||!Array.isArray(e.list)||typeof e.at!="number")return null;const n=Date.now()-e.at;return n>=0&&n<Xo?e.list:null}catch{return null}}function sa(t,e){try{localStorage.setItem(Pt(t),JSON.stringify({at:Date.now(),list:e}))}catch{}}const Me=120,ca=500,Be=30,la=1e3,et={loanId:["loanId","loanNumber"],applicationId:["applicationId"],customerNumber:["customerNumber","customerId"]},da=/[\u0000-\u001f\u007f]/;function ua(t){if(typeof t=="number")return Number.isFinite(t)?String(t):null;if(typeof t!="string")return null;const e=t.trim();return!e||e.length>Me||da.test(e)?null:e}function J(t){return t===null?"null":Array.isArray(t)?"an array":typeof t=="object"?"an object":`a ${typeof t}`}function tt(t,e,n,o,a){for(const r of n){if(!(r in t)||t[r]===void 0||t[r]===null||t[r]==="")continue;const i=ua(t[r]);if(i)return i;const s=t[r];a(typeof s=="string"&&s.trim().length>Me?`${o}.${r} is longer than ${Me} characters and was dropped — pass the identifier itself, not a sentence or a URL.`:`${o}.${r} should be a string or number, got ${J(s)} — it was dropped.`)}return null}function Ft(t){if(t===null||typeof t=="boolean")return{ok:!0,value:t};if(typeof t=="number")return Number.isFinite(t)?{ok:!0,value:t}:{ok:!1};if(typeof t=="string")return{ok:!0,value:t.slice(0,ca)};if(typeof t=="object")try{const e=JSON.stringify(t);if(e&&e.length<=la)return{ok:!0,value:JSON.parse(e)}}catch{}return{ok:!1}}const Wt=["email","name","phone"],pa=new Set(["id","userId",...Wt,...Object.values(et).flat()]);function Yt(t,e=()=>{}){if(t==null)return null;if(typeof t!="object"||Array.isArray(t))return e(`identify() takes an object like { id, email, name } or null, got ${J(t)} — ignored.`),null;const n={};try{const o=tt(t,"id",["id","userId"],"identify()",e);o&&(n.id=o);for(const r of Wt){const i=t[r];if(i==null||i==="")continue;if(r==="phone"&&typeof i=="number"&&Number.isFinite(i)){n.phone=String(i);continue}if(typeof i!="string"){e(`identify().${r} should be a string, got ${J(i)} — it was dropped.`);continue}const s=i.trim().slice(0,r==="name"?200:Me);s&&(r==="email"&&!s.includes("@")&&e(`identify().email "${s}" does not look like an email address — reports cannot be threaded or followed up without one.`),n[r]=s)}for(const[r,i]of Object.entries(et)){const s=tt(t,r,i,"identify()",e);s&&(n[r]=s)}let a=0;for(const[r,i]of Object.entries(t)){if(pa.has(r)||i===void 0||typeof i=="function")continue;if(a>=Be){e(`identify() was given more than ${Be} extra fields; the rest were dropped.`);break}const s=Ft(i);if(!s.ok){e(`identify().${r} could not be sent (${J(i)} too large or not serialisable) — dropped.`);continue}n[r]=s.value,a+=1}}catch{}return!n.id&&!n.email&&e("identify() was called without an id or email — reports will not be attributed to anyone, and nothing can be looked up by user."),n}function Xt(t,e,n=()=>{}){if(e===null)return{};const o={...t||{}};if(e===void 0)return o;if(typeof e!="object"||Array.isArray(e))return n(`setContext() takes an object like { loanId, screen } or null, got ${J(e)} — ignored.`),o;try{const a=new Map;for(const[r,i]of Object.entries(et))for(const s of i)a.set(s,r);for(const[r,i]of Object.entries(e)){const s=a.get(r);if(i==null){delete o[s||r];continue}if(s){const l=tt({[r]:i},s,[r],"setContext()",n);l?o[s]=l:delete o[s];continue}if(typeof i=="function")continue;if(!(r in o)&&Object.keys(o).length>=Be){n(`setContext() holds at most ${Be} keys; "${r}" was dropped.`);continue}const c=Ft(i);if(!c.ok){n(`setContext().${r} could not be sent (${J(i)} too large or not serialisable) — dropped.`);continue}o[r]=c.value}}catch{}return o}const Jt=["apiBase","apiKey","projectId","consoleLimit","networkLimit","captureConsole","captureNetwork","captureErrors","widget","widgetPosition","theme","accent","attachments","maxAttachments","maxAttachmentBytes","maxRecordingMs","beforeSend","user","context","updates","updateToast","onUpdate","voice","onCallState","onIncomingCall","onReportSubmitted","onAssistantPhase","onError","debug","drafts","knownIssues","agentIssues","release","environment","buildId","chunkBase","announcements"],ha=["beforeSend","onUpdate","onCallState","onIncomingCall","onReportSubmitted","onAssistantPhase","onError"];function fa(t){const e=t.toLowerCase().replace(/[-_]/g,"");return Jt.find(n=>n.toLowerCase()===e)||null}const Zt=/^(your[_-]|<|xxx|todo|changeme)/i,ga=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;function ba(t,{pageHost:e=""}={}){const n=[],o=[];if(!t||typeof t!="object")return n.push("init() takes an options object: BugCatch.init({ apiBase, apiKey, projectId })."),{errors:n,warnings:o};const{apiKey:a,projectId:r,apiBase:i}=t;a?typeof a!="string"?n.push(`apiKey must be a string, got ${J(a)}.`):Zt.test(a)?n.push(`apiKey is still the placeholder "${a}" — paste the key you saved when you created it.`):ga.test(a)?o.push("apiKey looks like a project id — did you swap apiKey and projectId?"):a.startsWith("bc_")||o.push('apiKey does not look like a BugCatch key (they start with "bc_live_") — reports will be refused with HTTP 401.'):n.push("apiKey is required — create one under Workspace Settings → API Keys."),r?typeof r!="string"?n.push(`projectId must be a string, got ${J(r)}.`):Zt.test(r)?n.push(`projectId is still the placeholder "${r}".`):r.startsWith("bc_")?o.push("projectId looks like an API key — did you swap apiKey and projectId?"):/\s/.test(r)&&o.push("projectId contains whitespace — check it was copied cleanly."):n.push("projectId is required — copy it from Project Settings → Web SDK."),i==null?!e||/^(localhost|127\.|0\.0\.0\.0|\[::1\])/.test(e)||o.push("apiBase is not set, so reports go to http://localhost:3000 — set apiBase to your BugCatch API URL."):(typeof i!="string"||!/^https?:\/\//.test(i))&&o.push(`apiBase should be an absolute http(s) URL, got ${JSON.stringify(i)}.`);for(const s of Object.keys(t)){if(Jt.includes(s))continue;const c=fa(s);o.push(c?`unknown option "${s}" — did you mean "${c}"?`:`unknown option "${s}" is ignored.`)}for(const s of ha){const c=t[s];c!=null&&typeof c!="function"&&o.push(`${s} should be a function, got ${J(c)} — it will not be called.`)}return{errors:n,warnings:o}}function ma(t){return typeof t=="string"?t.replace(/\/+$/,""):t}const me={name:"@sphoro/bugcatch-web-sdk",version:"0.18.0"},ye={apiBase:"http://localhost:3000",apiKey:null,projectId:null,consoleLimit:100,networkLimit:50,captureConsole:!0,captureNetwork:!0,captureErrors:!0,widget:!0,widgetPosition:"bottom-right",theme:"auto",accent:"#4F46E5",announcements:!0,attachments:!0,maxAttachments:5,maxAttachmentBytes:25*1024*1024,maxRecordingMs:12e4,beforeSend:null,user:null,updates:!0,updateToast:!0,onUpdate:null,voice:!0,onCallState:null,onIncomingCall:null,onReportSubmitted:null,onAssistantPhase:null,onError:null,context:null,chunkBase:null,debug:!1};function ya(t){const e=P();return e?{...t,watchToken:e}:t}class Gt{constructor(){kn(this,B);this.config={...ye},this.started=!1,this.teardown=[],this.consoleBuffer=ke(ye.consoleLimit),this.networkBuffer=ke(ye.networkLimit),this.stopWatching=null,this.notifier=null,this.call=null,this.callStarting=!1,this.ringing=null,this.listeners=new Map,this.context={},this.warned=new Set,this.phases=new Map}warn(e){this.warned.has(e)||(this.warned.add(e),console.warn(`[BugCatch] ${e}`))}debugLog(...e){this.config.debug&&console.info("[BugCatch]",...e)}init(e={}){if(this.started)return console.warn("[BugCatch] init() called twice — ignoring the second call."),this;const{errors:n,warnings:o}=ba(e,{pageHost:typeof location<"u"?location.hostname:""});if(n.length)throw new Error(`[BugCatch] ${n[0]}`);for(const r of o)this.warn(r);const a=this.config.user;return this.config={...ye,...e,apiBase:ma(e.apiBase??ye.apiBase)},this.config.user=e.user!==void 0?Yt(e.user,r=>this.warn(r.replace("identify()","init({ user })"))):a||null,e.context&&this.setContext(e.context),this.consoleBuffer=ke(this.config.consoleLimit),this.networkBuffer=ke(this.config.networkLimit),this.config.captureConsole&&this.teardown.push(zn(this.consoleBuffer)),this.config.captureNetwork&&this.teardown.push(Qn(this.networkBuffer)),this.config.captureErrors&&this.teardown.push(Hn(this.consoleBuffer)),lo(this.config.projectId),this.config.widget&&this.teardown.push(Wn(this)),this.config.updates&&P()&&(this.startWatching(),queueMicrotask(()=>H(this,B,oe).call(this))),this.started=!0,H(this,B,Sn).call(this),this.debugLog("initialised",{version:me.version,apiBase:this.config.apiBase,projectId:this.config.projectId,user:this.config.user,context:this.context}),this}startWatching(){if(this.stopWatching)return this;this.stopWatching=$o({apiBase:this.config.apiBase,onUpdate:n=>{if(n!=null&&n.incomingCall){H(this,B,En).call(this,n);return}if(n!=null&&n.callWithdrawn){H(this,B,_e).call(this,n.callWithdrawn.callId);return}const o=po(n);typeof this.config.onUpdate=="function"&&this.config.onUpdate(o),this.emit("update",o),H(this,B,oe).call(this)}}),this.teardown.push(()=>{var n;return(n=this.stopWatching)==null?void 0:n.call(this)}),this.teardown.push(()=>H(this,B,_e).call(this));const e=n=>{(n.key===Ie||n.key===null)&&H(this,B,oe).call(this)};return window.addEventListener("storage",e),this.teardown.push(()=>window.removeEventListener("storage",e)),this}on(e,n){if(typeof n!="function")return()=>{};const o=this.listeners.get(e)||new Set;return o.add(n),this.listeners.set(e,o),()=>this.off(e,n)}off(e,n){var o;return(o=this.listeners.get(e))==null||o.delete(n),this}emit(e,n){for(const o of this.listeners.get(e)||[])try{o(n)}catch(a){console.error(`[BugCatch] a '${e}' listener threw:`,a)}}unreadUpdates(){return be()}markUpdateRead(e){return ho(e),H(this,B,oe).call(this),this}markReportRead(e){return fo(e),H(this,B,oe).call(this),this}markUpdatesRead(){return At(),H(this,B,oe).call(this),this}async verifyFix(e,{result:n,resolvedAt:o,note:a}){const r=n==="STILL_HAPPENING"?await H(this,B,Ue).call(this,{}):{};return Oo({apiBase:this.config.apiBase,bugId:e,result:n,resolvedAt:o,note:a,metadata:r.metadata,logs:r.logs})}async myReport(e){const n=await mo({apiBase:this.config.apiBase,bugId:e});return H(this,B,$n).call(this,e,n==null?void 0:n.assistant),n}replyToReport(e,{body:n,attachments:o}={}){return yo({apiBase:this.config.apiBase,bugId:e,body:n,attachments:o})}async canCallNow(){return!!await this.callKind()}async callKind(){return(await this.callKinds()).live?"live":null}async callKinds(){var n;const e={agent:!1,live:!1};return!this.config.voice||!((n=this.config.user)!=null&&n.email)?e:this.kinds!==void 0?this.kinds:(this.kinds=await wo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId}),this.kinds)}canCall(e){return this.config.voice?Mt({apiBase:this.config.apiBase,bugId:e}):Promise.resolve(!1)}async startCall(e){var n;if(!this.config.voice)throw new Error("[BugCatch] calling is switched off.");if(this.call||this.callStarting)throw new Error("[BugCatch] a call is already running.");this.callStarting=!0;try{if(!await this.callKind())throw new Error((n=this.config.user)!=null&&n.email?"[BugCatch] calling is not available on this project.":"[BugCatch] a call needs to know who is calling — call identify() with an email first.");return await H(this,B,Tn).call(this,e)}finally{this.callStarting=!1}}startLiveCall(e){return this.startCall(e)}canCallTeam(e){return this.config.voice?Mt({apiBase:this.config.apiBase,bugId:e}):Promise.resolve(!1)}endCall(){var e;return(e=this.call)==null||e.hangUp(),this.call=null,this}myReports(){return bo({apiBase:this.config.apiBase})}hasReports(){return!!P()}forgetReports(){var e;return(e=this.stopWatching)==null||e.call(this),this.stopWatching=null,this.endCall(),se(),H(this,B,oe).call(this),this}identify(e){const n=Yt(e,o=>this.warn(o));return e!=null&&!n?this:(this.config.user=n,this.debugLog("identify",n),this)}setContext(e){return this.context=Xt(this.context,e,n=>this.warn(n)),this.debugLog("context",this.context),this}getContext(){return{...this.context}}open(){return this.started?this.widgetControls?(this.widgetControls.open(),this):(this.warn("open() needs the built-in widget; it was turned off with widget: false."),this):(this.warn("open() was called before init() — nothing to open yet."),this)}close(){var e;return(e=this.widgetControls)==null||e.close(),this}isOpen(){var e;return!!((e=this.widgetControls)!=null&&e.isOpen())}async uploadAttachment(e,n,o){if(!this.started)throw new Error("[BugCatch] call init() first.");return io({apiBase:this.config.apiBase,apiKey:this.config.apiKey,blob:e,mime:n||(e==null?void 0:e.type),onProgress:o})}async report({title:e,description:n="",priority:o="MEDIUM",metadata:a={},attachments:r=[],references:i=[],context:s=null,issue:c=null}={}){var w,p,h,b,T,C,S,x;if(!this.started)throw new Error("[BugCatch] call init() first.");if(typeof e!="string"||!e.trim())throw new Error("[BugCatch] a title is required.");["LOW","MEDIUM","HIGH","CRITICAL"].includes(String(o).toUpperCase())||(this.warn(`priority "${o}" is not one of LOW, MEDIUM, HIGH, CRITICAL — sent as MEDIUM.`),o="MEDIUM");const l=(r||[]).filter(v=>(v==null?void 0:v.storageKey)&&Ce(v.mime,$e)).map(v=>({type:v.type==="VIDEO"?"VIDEO":"SCREENSHOT",storageKey:v.storageKey,mime:Ce(v.mime,$e)})),f=(Array.isArray(i)?i:[]).filter(v=>v&&typeof v.key=="string"&&v.key&&(typeof v.value=="string"||typeof v.value=="number")).map(v=>({key:v.key.slice(0,64),value:String(v.value).trim().slice(0,120)})).filter(v=>v.value);Array.isArray(i)&&f.length<i.length&&this.warn("report({ references }) takes [{ key, value }] with string values; malformed entries were dropped.");let d=await H(this,B,Ue).call(this,{title:e.trim(),description:typeof n=="string"?n:String(n??""),priority:String(o).toUpperCase(),metadata:a,media:l,references:f,context:s,issue:typeof c=="string"&&c?c.slice(0,32):null});const u=H(this,B,ct).call(this,d);if(u===!1)return{cancelled:!0};d=u,this.debugLog("sending report",{title:d.title,user:(w=d.metadata)==null?void 0:w.user,context:(p=d.metadata)==null?void 0:p.context,references:d.references,console:(T=(b=(h=d.logs)==null?void 0:h.console)==null?void 0:b.entries)==null?void 0:T.length,network:(x=(S=(C=d.logs)==null?void 0:C.network)==null?void 0:S.entries)==null?void 0:x.length});const g=te(this.config.projectId);let y;try{y=await fetch(`${this.config.apiBase}/ingest/bugs`,{method:"POST",headers:{"Content-Type":"application/json","X-BugCatch-Key":this.config.apiKey,...g!=null&&g.token?{"X-BugCatch-Session":g.token}:{}},body:JSON.stringify(ya(d))})}catch(v){const k=new Error(`[BugCatch] could not reach ${this.config.apiBase} — check apiBase, and that this site's origin is allowed by the API.`);throw k.cause=v,H(this,B,Ne).call(this,"report",k),k}if(y.status===401&&g&&Ze(this.config.projectId),!y.ok){let v="";try{const O=await y.json();v=Array.isArray(O.message)?O.message.join(", "):O.message||""}catch{}y.status===401&&!g&&(v||(v="the apiKey was not accepted")),y.status===403&&(v||(v="the apiKey is not allowed to report to this projectId"));const k=y.status===429?new Error(`[BugCatch] ${ue(v)}`):new Error(`[BugCatch] report failed (HTTP ${y.status})${v?": "+v:""}`);throw k.status=y.status,H(this,B,Ne).call(this,"report",k),k}const m=await y.json();return H(this,B,st).call(this,m,{title:d.title??e.trim(),via:"form"}),m.watchToken&&(We(m.watchToken),this.config.updates&&this.startWatching()),m}loginState(){var e;return Ho({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,token:(e=te(this.config.projectId))==null?void 0:e.token})}referenceFields(){return this.refFields?this.refFields:(this.refFields=Fo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId}),this.refFields)}agentIssues(){return this.agentIssueList?this.agentIssueList:(this.agentIssueList=Yo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId}),this.agentIssueList)}async announcements(){const e=await Go({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId});return ea(e)}dismissAnnouncement(e){ta(e)}signedInAs(){const e=te(this.config.projectId);return e?{email:e.email,name:e.name}:null}signIn(e,{name:n}={}){var o;return qo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,email:e,name:n??((o=this.config.user)==null?void 0:o.name)??null})}async confirmSignIn(e,n){var a;const o=await Do({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,email:e,code:n});return(a=this.config.user)!=null&&a.email||(this.config.user={email:o.email,name:o.name||void 0}),this.emit("signin",{email:o.email,name:o.name}),{email:o.email,name:o.name}}async signOut(){var o;const e=te(this.config.projectId),n=await No({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,token:e==null?void 0:e.token});return e!=null&&e.email&&((o=this.config.user)==null?void 0:o.email)===e.email&&(this.config.user=null),this.emit("signout",{email:(e==null?void 0:e.email)||null}),n}knownIssues(){var e;return Mo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,sessionToken:(e=te(this.config.projectId))==null?void 0:e.token})}matchKnownIssues(e,{signal:n}={}){var o;return Bo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,q:e||"",sessionToken:(o=te(this.config.projectId))==null?void 0:o.token,signal:n})}async meToo(e,{email:n,name:o}={}){var i,s;const a=te(this.config.projectId),r=await ft();return Ro({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,bugId:e,reporterEmail:n||((i=this.config.user)==null?void 0:i.email),reporterName:o||((s=this.config.user)==null?void 0:s.name),metadata:{...r,user:this.config.user||void 0,...Object.keys(this.context).length?{context:this.context}:{},sdk:me},logs:{console:{entries:this.consoleBuffer.all()},network:{entries:this.networkBuffer.all()}},sessionToken:a==null?void 0:a.token})}snapshot(){return{user:this.config.user||null,context:{...this.context},console:this.consoleBuffer.all(),network:this.networkBuffer.all(),environment:gt()}}clear(){this.consoleBuffer.clear(),this.networkBuffer.clear()}destroy(){this.endCall(),this.teardown.forEach(e=>{try{e()}catch{}}),this.teardown=[],this.notifier=null,this.started=!1}}B=new WeakSet,De=function(e,n){const o=this.config[e];if(typeof o=="function")try{o(n)}catch(a){console.error(`[BugCatch] your ${e} callback threw:`,a)}},Sn=function(){if(typeof window>"u"||typeof fetch!="function")return;const e=`bugcatch:hello:${this.config.projectId}`,n=new Date().toISOString().slice(0,10);try{if(window.localStorage.getItem(e)===n)return}catch{}const o=setTimeout(()=>{try{window.localStorage.setItem(e,n)}catch{}fetch(`${this.config.apiBase}/ingest/hello`,{method:"POST",keepalive:!0,headers:{"Content-Type":"application/json","X-BugCatch-Key":this.config.apiKey},body:JSON.stringify({projectId:this.config.projectId,version:me.version,identify:!!this.config.user,context:!!(this.context&&Object.keys(this.context).length),widget:!!this.config.widget,environment:this.config.environment||null,release:this.config.release||null})}).catch(()=>{})},5e3);this.teardown.push(()=>clearTimeout(o))},oe=function(){const e=be();if(this.emit("unread",{count:e.length,updates:e}),!!this.config.updateToast){if(!this.notifier){if(!e.length)return;this.notifier=Ao({accent:this.config.accent,position:this.config.widgetPosition,onRead:n=>this.markUpdateRead(n),onReadAll:()=>this.markUpdatesRead(),onCall:this.config.voice?n=>{this.markUpdateRead(n.id),this.startCall(n.bugId)}:null}),this.teardown.push(()=>{var n;return(n=this.notifier)==null?void 0:n.destroy()})}this.notifier.render(e)}},$n=function(e,n){const o=n==null?void 0:n.phase;if(!e||typeof o!="string"||this.phases.get(e)===o)return;this.phases.set(e,o);const a={bugId:e,phase:o,title:n.title??null,detail:n.detail??null};this.debugLog("assistant",a),H(this,B,De).call(this,"onAssistantPhase",a),this.emit("assistant",a)},st=function(e,{title:n,via:o}){if(!(e!=null&&e.id))return;const a={bugId:e.id,title:n??null,via:o,result:e};this.debugLog("report accepted",a),H(this,B,De).call(this,"onReportSubmitted",a),this.emit("report",a)},Ne=function(e,n){H(this,B,De).call(this,"onError",{action:e,error:n}),this.emit("error",{action:e,error:n})},Ue=async function({title:e,description:n="",priority:o="MEDIUM",metadata:a={},media:r=[],references:i=[],context:s=null,issue:c=null}){var f,d;const l=s?Xt(this.context,s,u=>this.warn(u.replace("setContext()","report({ context })"))):this.context;return{projectId:this.config.projectId,...e?{title:e}:{},description:n,priority:o,url:window.location.href,reporterEmail:(f=this.config.user)==null?void 0:f.email,reporterName:(d=this.config.user)==null?void 0:d.name,metadata:{...await ft(),release:this.config.release,environment:this.config.environment,buildId:this.config.buildId,...a,user:this.config.user||void 0,...Object.keys(l).length?{context:l}:{},sdk:me},logs:{console:{entries:this.consoleBuffer.all()},network:{entries:this.networkBuffer.all()}},...r.length?{attachments:r}:{},...i.length?{references:i}:{},...c?{issue:c}:{}}},ct=function(e){if(typeof this.config.beforeSend!="function")return e;let n;try{n=this.config.beforeSend(e)}catch(o){return this.warn(`beforeSend threw, so nothing was sent: ${(o==null?void 0:o.message)||o}`),!1}return n===!1?!1:n&&typeof n=="object"?n:e},Cn=async function(){const e=te(this.config.projectId),n=H(this,B,ct).call(this,await H(this,B,Ue).call(this,{}));if(n===!1)return this.debugLog("call cancelled by beforeSend"),{cancelled:!0};let o;try{o=await vo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,token:e==null?void 0:e.token,payload:n,watchToken:P()})}catch(a){throw a.status===401&&e&&Ze(this.config.projectId),H(this,B,Ne).call(this,"call",a),a}return H(this,B,st).call(this,o,{title:null,via:"call"}),o.watchToken&&(We(o.watchToken),this.config.updates&&this.startWatching()),o},Tn=async function(e){const{joinLiveCall:n,liveCallSupported:o,openMicrophone:a}=await Se(this.config.chunkBase);if(!o())throw new Error("[BugCatch] this browser cannot make live calls.");const r=await a();let i,s=null;try{if(e)i=await xo({apiBase:this.config.apiBase,bugId:e});else if(s=await H(this,B,Cn).call(this),e=s.id,i=s.live_call,!(i!=null&&i.realtime_url)){const l=new Error(`[BugCatch] the report was filed, but the team could not be rung${s.call_error?`: ${s.call_error}`:"."}`);throw l.filed=s,l.reason=s.call_error||null,l}}catch(l){for(const f of r.getTracks())f.stop();throw l}const c=await n({realtimeUrl:i.realtime_url,stream:r,ringsUntil:i.rings_until,onState:(l,f)=>{(l==="ended"||l==="failed"||l==="missed")&&(this.call=null),l==="missed"&&ko({apiBase:this.config.apiBase,bugId:e,callId:i.call_id}),typeof this.config.onCallState=="function"&&this.config.onCallState(l,{bugId:e,live:!0,...f}),this.emit("call",{bugId:e,live:!0,state:l,...f})}});return this.call=c,Object.assign(c,{bugId:e,callId:i.call_id,live:!0,filed:s,recorded:!!i.recorded})},En=function(e){var a;const n=e.incomingCall;if(!this.config.voice||((a=this.ringing)==null?void 0:a.callId)===n.callId||this.call||this.callStarting)return;H(this,B,_e).call(this);const o={callId:n.callId,dismiss:()=>{}};this.ringing=o,Se(this.config.chunkBase).then(({liveCallSupported:r,showIncomingCall:i})=>{if(this.ringing!==o||(this.ringing=null,!r())||this.call||this.callStarting)return;const s=i({call:n,accent:this.config.accent,position:this.config.widgetPosition,touched:Uo,onAnswer:()=>{H(this,B,In).call(this,e.bugId,n)},onDecline:()=>{this.ringing=null,Bt({apiBase:this.config.apiBase,bugId:e.bugId,callId:n.callId}),this.emit("incoming-call",{bugId:e.bugId,callId:n.callId,state:"declined"})},onExpire:()=>{this.ringing=null,this.emit("incoming-call",{bugId:e.bugId,callId:n.callId,state:"missed"})}});if(this.ringing={callId:n.callId,dismiss:s},typeof this.config.onIncomingCall=="function")try{this.config.onIncomingCall({bugId:e.bugId,...n})}catch{}this.emit("incoming-call",{bugId:e.bugId,callId:n.callId,state:"ringing"})},()=>{this.ringing===o&&(this.ringing=null)})},_e=function(e){if(this.ringing&&!(e&&this.ringing.callId!==e)){try{this.ringing.dismiss()}catch{}this.ringing=null}},In=async function(e,n){if(this.ringing=null,this.call||this.callStarting)return;this.callStarting=!0;let o,a;try{const i=await Se(this.config.chunkBase);a=i.joinLiveCall,o=await i.openMicrophone()}catch(i){this.callStarting=!1,Bt({apiBase:this.config.apiBase,bugId:e,callId:n.callId}),this.emit("incoming-call",{bugId:e,callId:n.callId,state:"failed",error:i});return}let r;try{r=await So({apiBase:this.config.apiBase,bugId:e,callId:n.callId})}catch(i){for(const s of o.getTracks())s.stop();this.callStarting=!1,this.emit("incoming-call",{bugId:e,callId:n.callId,state:"missed",error:i});return}try{const i=await a({realtimeUrl:r.realtime_url,stream:o,onState:(s,c)=>{(s==="ended"||s==="failed"||s==="missed")&&(this.call=null),typeof this.config.onCallState=="function"&&this.config.onCallState(s,{bugId:e,live:!0,incoming:!0,...c}),this.emit("call",{bugId:e,live:!0,incoming:!0,state:s,...c})}});this.call=i,this.emit("incoming-call",{bugId:e,callId:n.callId,state:"answered"})}catch(i){for(const s of o.getTracks())s.stop();this.emit("incoming-call",{bugId:e,callId:n.callId,state:"failed",error:i})}finally{this.callStarting=!1}};const nt=new Gt;nt.Client=Gt,nt.version=me.version;const wa='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 8.5A1.5 1.5 0 0 1 4.5 7h2.2a1 1 0 0 0 .83-.45l.94-1.4A1 1 0 0 1 9.3 4.7h5.4a1 1 0 0 1 .83.45l.94 1.4a1 1 0 0 0 .83.45h2.2A1.5 1.5 0 0 1 21 8.5v9A1.5 1.5 0 0 1 19.5 19h-15A1.5 1.5 0 0 1 3 17.5z"/><circle cx="12" cy="13" r="3.4"/></svg>',va='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="12.5" height="12" rx="2.2"/><path d="M15.5 10.8l4.2-2.6a.6.6 0 0 1 .92.5v6.6a.6.6 0 0 1-.92.5l-4.2-2.6z"/></svg>',en='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 11.5l-7.6 7.6a4.6 4.6 0 0 1-6.5-6.5l8-8a3.2 3.2 0 0 1 4.5 4.5l-8 8a1.8 1.8 0 0 1-2.5-2.5l7.1-7.1"/></svg>',tn='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2.5" width="6" height="11" rx="3"/><path d="M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21M9 21h6"/></svg>',nn='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12l16-8-6 16-2.6-6.2L4 12Z"/></svg>',xa='<svg viewBox="0 0 24 24" fill="currentColor"><rect x="7" y="7" width="10" height="10" rx="2"/></svg>',ka='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 5.5L8 12l6.5 6.5"/></svg>',Re='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6.2 3.5h3l1.5 3.7-2 1.4a11.5 11.5 0 0 0 5.7 5.7l1.4-2 3.7 1.5v3a1.8 1.8 0 0 1-2 1.8A15.6 15.6 0 0 1 4.4 5.5a1.8 1.8 0 0 1 1.8-2z"/></svg>',Sa='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12a8 8 0 1 1-2.6-5.9M20 4v4.5h-4.5"/></svg>',we='<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.5c.5 4.6 2.9 7 7.5 7.5v.1c-4.6.5-7 2.9-7.5 7.5h-.1c-.5-4.6-2.9-7-7.5-7.5V10c4.6-.5 7-2.9 7.5-7.5z"/><path d="M18.6 15.2c.2 1.9 1.2 2.9 3.1 3.1v.1c-1.9.2-2.9 1.2-3.1 3.1h-.1c-.2-1.9-1.2-2.9-3.1-3.1v-.1c1.9-.2 2.9-1.2 3.1-3.1z" opacity=".7"/></svg>',$a='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.5 6l6 6-6 6"/></svg>',Ca='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 13.5l2.6-7.2A1.5 1.5 0 0 1 7.5 5.3h9a1.5 1.5 0 0 1 1.4 1L20.5 13.5V18a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 18z"/><path d="M3.5 13.5h4.8l1.2 2.2h5l1.2-2.2h4.8"/></svg>',Ta='<svg class="bc-brand" viewBox="0 0 254 60" fill="none" role="img" aria-label="sphoro BugCatch"><g fill="currentColor"><path transform="translate(0.00 40.00) scale(0.04000 -0.04000)" d="M276.00 -14.00Q179.00 -14.00 117.00 28.00Q55.00 70.00 42.00 148.00L158.00 178.00Q165.00 143.00 181.50 123.00Q198.00 103.00 222.50 94.50Q247.00 86.00 276.00 86.00Q320.00 86.00 341.00 101.50Q362.00 117.00 362.00 140.00Q362.00 163.00 342.00 175.50Q322.00 188.00 278.00 196.00L250.00 201.00Q198.00 211.00 155.00 228.50Q112.00 246.00 86.00 277.00Q60.00 308.00 60.00 357.00Q60.00 431.00 114.00 470.50Q168.00 510.00 256.00 510.00Q339.00 510.00 394.00 473.00Q449.00 436.00 466.00 376.00L349.00 340.00Q341.00 378.00 316.50 394.00Q292.00 410.00 256.00 410.00Q220.00 410.00 201.00 397.50Q182.00 385.00 182.00 363.00Q182.00 339.00 202.00 327.50Q222.00 316.00 256.00 310.00L284.00 305.00Q340.00 295.00 385.50 278.50Q431.00 262.00 457.50 231.50Q484.00 201.00 484.00 149.00Q484.00 71.00 427.50 28.50Q371.00 -14.00 276.00 -14.00Z"/><path transform="translate(19.56 40.00) scale(0.04000 -0.04000)" d="M70.00 -200.00V496.00H194.00V436.00H212.00Q229.00 465.00 265.00 487.50Q301.00 510.00 368.00 510.00Q428.00 510.00 479.00 480.50Q530.00 451.00 561.00 394.00Q592.00 337.00 592.00 256.00V240.00Q592.00 159.00 561.00 102.00Q530.00 45.00 479.00 15.50Q428.00 -14.00 368.00 -14.00Q323.00 -14.00 292.50 -3.50Q262.00 7.00 243.50 23.50Q225.00 40.00 214.00 57.00H196.00V-200.00ZM330.00 96.00Q389.00 96.00 427.50 133.50Q466.00 171.00 466.00 243.00V253.00Q466.00 325.00 427.00 362.50Q388.00 400.00 330.00 400.00Q272.00 400.00 233.00 362.50Q194.00 325.00 194.00 253.00V243.00Q194.00 171.00 233.00 133.50Q272.00 96.00 330.00 96.00Z"/><path transform="translate(43.68 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V700.00H196.00V435.00H214.00Q222.00 451.00 239.00 467.00Q256.00 483.00 284.50 493.50Q313.00 504.00 357.00 504.00Q415.00 504.00 458.50 477.50Q502.00 451.00 526.00 404.50Q550.00 358.00 550.00 296.00V0.00H424.00V286.00Q424.00 342.00 396.50 370.00Q369.00 398.00 318.00 398.00Q260.00 398.00 228.00 359.50Q196.00 321.00 196.00 252.00V0.00Z"/><path transform="translate(66.92 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/><path transform="translate(90.00 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V496.00H194.00V440.00H212.00Q223.00 470.00 248.50 484.00Q274.00 498.00 308.00 498.00H368.00V386.00H306.00Q258.00 386.00 227.00 360.50Q196.00 335.00 196.00 282.00V0.00Z"/><path transform="translate(104.44 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/></g><rect x="139.52" y="16" width="1.6" height="26" rx="0.8" fill="var(--bc-brand-mark, #5647ee)" opacity="0.4"/><g fill="var(--bc-brand-mark, #5647ee)"><path transform="translate(154.52 35.00) scale(0.01400 -0.01400)" d="M46.35 0.00V105.85H139.75V594.15H46.35V700.00H404.08Q467.38 700.00 514.79 678.41Q562.20 656.83 588.70 617.33Q615.20 577.83 615.20 523.35V513.70Q615.20 465.52 597.03 434.76Q578.85 404.00 553.91 387.24Q528.98 370.48 506.28 363.30V346.35Q528.98 340.35 555.24 323.50Q581.50 306.65 600.00 275.48Q618.50 244.30 618.50 194.48V184.48Q618.50 126.65 591.41 85.24Q564.33 43.83 516.83 21.91Q469.33 0.00 406.85 0.00ZM259.85 109.15H392.60Q441.20 109.15 469.80 132.60Q498.40 156.05 498.40 198.55V208.20Q498.40 250.70 470.21 274.15Q442.02 297.60 392.60 297.60H259.85ZM259.85 406.75H391.65Q437.55 406.75 466.32 430.11Q495.10 453.48 495.10 493.80V503.80Q495.10 544.95 466.74 567.90Q438.37 590.85 391.65 590.85H259.85Z"/><path transform="translate(167.00 35.00) scale(0.01400 -0.01400)" d="M335.30 -14.00Q251.22 -14.00 190.60 16.63Q129.97 47.25 97.56 104.96Q65.15 162.68 65.15 243.03V700.00H185.25V239.73Q185.25 170.48 224.03 131.99Q262.80 93.50 335.30 93.50Q407.80 93.50 446.57 131.99Q485.35 170.48 485.35 239.73V700.00H605.45V243.03Q605.45 162.68 573.13 104.96Q540.80 47.25 480.09 16.63Q419.38 -14.00 335.30 -14.00Z"/><path transform="translate(179.60 35.00) scale(0.01400 -0.01400)" d="M311.85 -14.00Q238.45 -14.00 179.69 18.50Q120.92 51.00 86.69 113.67Q52.45 176.35 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.23 645.59Q598.33 577.17 598.33 460.87V456.70H479.87V464.52Q479.87 504.67 463.76 536.86Q447.65 569.05 414.99 587.77Q382.32 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 138.89Q257.63 91.85 334.00 91.85Q410.02 91.85 445.12 132.83Q480.22 173.80 480.22 237.92V249.67H302.85V351.88H598.33V0.00H487.52V69.10H470.57Q462.70 50.87 446.06 31.44Q429.42 12.00 397.64 -1.00Q365.85 -14.00 311.85 -14.00Z"/><path transform="translate(192.05 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(204.25 35.00) scale(0.01400 -0.01400)" d="M19.75 0.00 211.62 700.00H421.33L613.20 0.00H489.27L447.42 159.60H185.53L143.68 0.00ZM214.25 270.40H418.70L324.95 624.87H308.00Z"/><path transform="translate(216.31 35.00) scale(0.01400 -0.01400)" d="M233.95 0.00V590.85H24.70V700.00H563.30V590.85H354.05V0.00Z"/><path transform="translate(227.75 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(239.95 35.00) scale(0.01400 -0.01400)" d="M69.50 0.00V700.00H189.60V405.58H466.40V700.00H586.50V0.00H466.40V296.42H189.60V0.00Z"/></g></svg>',Ea=`
+`)}return n}async function So({apiBase:e}){const t=F();if(!t)return{reporter:null,reports:[]};const n=await fetch(`${e}/ingest/watch/reports${Ae()}`,{headers:{Authorization:`Bearer ${t}`}});if(n.status===401)return ce(),{reporter:null,reports:[]};if(!n.ok)throw new Error(`[BugCatch] could not load your reports (HTTP ${n.status})`);return n.json()}async function $o({apiBase:e,bugId:t}){const n=F();if(!n)return null;const o=await fetch(`${e}/ingest/watch/reports/${encodeURIComponent(t)}${Ae()}`,{headers:{Authorization:`Bearer ${n}`}});if(o.status===401)return ce(),null;if(o.status===404)return null;if(!o.ok)throw new Error(`[BugCatch] could not load that report (HTTP ${o.status})`);return o.json()}async function Co({apiBase:e,bugId:t,body:n,attachments:o}){const a=F();if(!a)throw new Error("[BugCatch] nothing filed from this browser yet.");const r=await fetch(`${e}/ingest/watch/reports/${encodeURIComponent(t)}/messages`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${a}`},body:JSON.stringify({...n?{body:n}:{},...o!=null&&o.length?{attachments:o}:{}})});if(r.status===401)throw ce(),new Error("[BugCatch] this browser can no longer prove it filed that report.");if(!r.ok){let i="";try{const s=await r.json();i=Array.isArray(s.message)?s.message.join(", "):s.message||""}catch{}throw r.status===429?new Error(pe(i)):new Error(i||`[BugCatch] could not send that (HTTP ${r.status}).`)}return r.json()}async function To({apiBase:e,apiKey:t,projectId:n}){const o={agent:!1,live:!1};try{const a=await fetch(`${e}/ingest/calls?projectId=${encodeURIComponent(n)}`,{headers:{"X-BugCatch-Key":t}});if(!a.ok)return o;const r=await a.json();return r!=null&&r.available?r.kinds&&typeof r.kinds=="object"?{agent:!1,live:!!r.kinds.live}:{agent:!1,live:r.kind==="live"}:o}catch{return o}}async function Eo({apiBase:e,apiKey:t,token:n,payload:o,watchToken:a}){const r=await fetch(`${e}/ingest/calls`,{method:"POST",headers:{"Content-Type":"application/json","X-BugCatch-Key":t,...n?{"X-BugCatch-Session":n}:{}},body:JSON.stringify(a?{...o,watchToken:a}:o)});if(!r.ok){let i="";try{const l=await r.json();i=Array.isArray(l.message)?l.message.join(", "):l.message||""}catch{}const s=new Error(r.status===429?pe(i):i||`[BugCatch] the call could not be started (HTTP ${r.status}).`);throw s.status=r.status,s}return r.json()}async function qt({apiBase:e,bugId:t}){const n=F();if(!n)return!1;try{const o=await fetch(`${e}/ingest/watch/reports/${encodeURIComponent(t)}/live-call`,{headers:{Authorization:`Bearer ${n}`}});if(!o.ok)return!1;const a=await o.json();return!!(a!=null&&a.offered)}catch{return!1}}async function Io({apiBase:e,bugId:t}){const n=F();if(!n)throw new Error("[BugCatch] nothing filed from this browser yet.");const o=await fetch(`${e}/ingest/watch/reports/${encodeURIComponent(t)}/live-call`,{method:"POST",headers:{Authorization:`Bearer ${n}`}});if(o.status===401)throw ce(),new Error("[BugCatch] this browser can no longer prove it filed that report.");if(!o.ok){let a="";try{const r=await o.json();a=Array.isArray(r.message)?r.message.join(", "):r.message||""}catch{}throw new Error(a||`[BugCatch] the call could not be started (HTTP ${o.status}).`)}return o.json()}async function Lo({apiBase:e,bugId:t,callId:n}){const o=F();if(o)try{await fetch(`${e}/ingest/watch/reports/${encodeURIComponent(t)}/live-call/${encodeURIComponent(n)}/give-up`,{method:"POST",headers:{Authorization:`Bearer ${o}`}})}catch{}}async function Ao({apiBase:e,bugId:t,callId:n}){const o=F();if(!o)throw new Error("[BugCatch] nothing filed from this browser yet.");const a=await fetch(`${e}/ingest/watch/reports/${encodeURIComponent(t)}/live-call/${encodeURIComponent(n)}/answer`,{method:"POST",headers:{Authorization:`Bearer ${o}`}});if(a.status===401)throw ce(),new Error("[BugCatch] this browser can no longer prove it filed that report.");if(a.status===409)throw new Error("[BugCatch] that call is no longer ringing.");if(!a.ok){let r="";try{const i=await a.json();r=Array.isArray(i.message)?i.message.join(", "):i.message||""}catch{}throw new Error(r||`[BugCatch] the call could not be answered (HTTP ${a.status}).`)}return a.json()}async function Qt({apiBase:e,bugId:t,callId:n}){const o=F();if(o)try{await fetch(`${e}/ingest/watch/reports/${encodeURIComponent(t)}/live-call/${encodeURIComponent(n)}/decline`,{method:"POST",headers:{Authorization:`Bearer ${o}`}})}catch{}}function Mo({apiBase:e,onUpdate:t}){let n=!0,o=0,a=null;async function r(){const i=F();if(!i)throw new Error("nothing filed from this browser yet");a=new AbortController;const s=await fetch(`${e}/ingest/watch/stream${Ae()}`,{headers:{Authorization:`Bearer ${i}`,Accept:"text/event-stream"},signal:a.signal});if(s.status===401)throw n=!1,ce(),new Error("subscription no longer valid");if(!s.ok||!s.body)throw new Error(`stream failed (${s.status})`);const l=Date.now(),c=s.body.getReader(),p=new TextDecoder;let f="";try{for(;;){const{value:u,done:h}=await c.read();if(h)break;f+=p.decode(u,{stream:!0}),f=ko(f,x=>{if(x.type!=="ping")try{t(x)}catch{}})}}finally{Date.now()-l>=bo&&(o=0)}}return(async()=>{for(;n;){try{await r()}catch(s){if((s==null?void 0:s.name)==="AbortError")return}if(!n)return;const i=Ot[Math.min(o,Ot.length-1)];o+=1,await new Promise(s=>setTimeout(s,i))}})(),()=>{n=!1,a==null||a.abort(),a=null}}const Bo={OPEN:"is open",IN_PROGRESS:"is being worked on",RESOLVED:"has been fixed",CLOSED:"has been closed"},Ro={status:null,severity:"#f2a54a",assignment:"#79a8ff",reply:"#4fd19a"},Z={bg:"#111113",fg:"#f3f2ef",muted:"#b3b0aa",faint:"#8f8c86",ring:"rgba(255,255,255,.09)",brand:"#a59cff"};function Ht(e){return e!=null&&e.summary?e.summary:`Your report ${Bo[e==null?void 0:e.status]||"was updated"}`}function jo(e){var t;return(e==null?void 0:e.kind)==="reply"&&((t=e.reply)!=null&&t.body)?`${e.reply.author?`${e.reply.author}: `:""}${e.reply.body}`:(e==null?void 0:e.title)||""}function Oo(e){const t=Date.parse(e||"");if(!Number.isFinite(t))return"";const n=Math.round((Date.now()-t)/6e4);if(n<1)return"just now";if(n<60)return`${n}m ago`;const o=Math.round(n/60);if(o<24)return`${o}h ago`;const a=Math.round(o/24);return a===1?"yesterday":`${a}d ago`}function zo(){var e;try{const t=document.querySelector('[data-bugcatch="widget"]'),n=(e=t==null?void 0:t.shadowRoot)==null?void 0:e.querySelector(".dock"),o=(n==null?void 0:n.getBoundingClientRect().height)||0;return o?Math.round(o)+12:0}catch{return 0}}function qo({accent:e=null,position:t="bottom-right",onRead:n=null,onReadAll:o=null,onCall:a=null}={}){const[r,i]=String(t).split("-"),s=r==="top",l=i==="left",c=new Map;let p=null,f=null;function u(){return p!=null&&p.isConnected||(p=document.createElement("div"),p.setAttribute("data-bugcatch","updates"),p.style.cssText=["position:fixed",`${s?"top":"bottom"}:${20+zo()}px`,`${l?"left":"right"}:20px`,"z-index:2147482998","display:flex","flex-direction:column","gap:10px",`align-items:${l?"flex-start":"flex-end"}`,"width:min(320px,calc(100vw - 40px))","pointer-events:none"].join(";"),document.body.appendChild(p)),p}function h(d){if(!d._bcShown){d.remove();return}d.style.opacity="0",d.style.transform=`translateY(${s?-8:8}px)`,setTimeout(()=>d.remove(),250)}const x=e||Ce,E=e?Xe(e):Ye;function T(d,y){const b=document.createElement("button");return b.type="button",b.textContent=d,b.style.cssText=["padding:6px 12px","border:0",`box-shadow:${y?"none":`inset 0 0 0 1px ${Z.ring}`}`,"border-radius:999px",`background:${y?x:"rgba(255,255,255,.06)"}`,`color:${y?E:Z.fg}`,"font:560 12px/1.4 inherit","cursor:pointer","white-space:nowrap"].join(";"),b}function g(d){var K;const y=document.createElement("div");y.setAttribute("role","status"),y.style.cssText=["box-sizing:border-box","width:100%","padding:13px 14px","border-radius:14px",`background:${Z.bg}`,`color:${Z.fg}`,'font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',`box-shadow:0 0 0 1px ${Z.ring},0 20px 44px -12px rgba(0,0,0,.55),0 4px 12px rgba(0,0,0,.25)`,"opacity:0",`transform:translateY(${s?-8:8}px)`,"transition:opacity .2s ease,transform .2s ease","pointer-events:auto"].join(";");const b=document.createElement("div");b.style.cssText="display:flex;align-items:baseline;gap:8px;font-weight:600;margin-bottom:2px";const m=document.createElement("span");m.setAttribute("aria-hidden","true"),m.style.cssText=`flex:none;width:7px;height:7px;border-radius:50%;transform:translateY(-1px);background:${Ro[d==null?void 0:d.kind]||e||Z.brand}`;const w=document.createElement("span");w.textContent=Ht(d),b.append(m,w);const v=document.createElement("div");v.style.cssText=(d==null?void 0:d.kind)==="reply"?`color:${Z.muted};padding-left:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden`:`color:${Z.muted};padding-left:15px`,v.textContent=jo(d);const S=document.createElement("div");S.style.cssText="display:flex;align-items:center;gap:8px;margin-top:10px;padding-left:15px;flex-wrap:wrap";const R=document.createElement("span");R.style.cssText=`color:${Z.faint};font-size:11px;margin-right:auto`,R.textContent=Oo(d==null?void 0:d.at);const O=T("Mark as read",!1);if(O.setAttribute("aria-label",`Mark as read: ${Ht(d)}`),O.addEventListener("click",()=>n==null?void 0:n(d.id)),S.append(R,O),(K=d==null?void 0:d.call)!=null&&K.offered&&typeof a=="function"){const W=T("Talk it through",!0);W.addEventListener("click",()=>a(d)),S.insertBefore(W,O)}return y.append(b,v,S),y}function k(d){const y=document.createElement("div");y.style.cssText=["box-sizing:border-box","width:100%","display:flex","align-items:center","gap:8px","padding:8px 10px 8px 14px","border-radius:999px",`background:${Z.bg}`,`color:${Z.muted}`,'font:12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',`box-shadow:0 0 0 1px ${Z.ring},0 12px 30px -10px rgba(0,0,0,.5)`,"pointer-events:auto"].join(";");const b=document.createElement("span");b.style.cssText="margin-right:auto",b.textContent=`${d} more update${d===1?"":"s"}`;const m=T("Mark all as read",!1);return m.style.cssText+=";padding:4px 9px",m.addEventListener("click",()=>o==null?void 0:o()),y.append(b,m),y}return{render(d){const y=Array.isArray(d)?d:[];if(!y.length){for(const O of c.values())h(O);c.clear(),f==null||f.remove(),f=null,p==null||p.remove(),p=null;return}const b=y.slice(-3),m=new Set(b.map(O=>O.id)),w=u();for(const[O,K]of c)m.has(O)||(h(K),c.delete(O));const v=[];for(const O of b){if(c.has(O.id))continue;const K=g(O);c.set(O.id,K),v.push(K)}const S=s?[...b].reverse():b;for(const O of S)w.appendChild(c.get(O.id));const R=y.length-b.length;R>0?(f==null||f.remove(),f=k(R),s?w.appendChild(f):w.insertBefore(f,w.firstChild)):(f==null||f.remove(),f=null),requestAnimationFrame(()=>{for(const O of v)O.isConnected&&(O._bcShown=!0,O.style.opacity="1",O.style.transform="translateY(0)")})},destroy(){c.clear(),f=null,p==null||p.remove(),p=null}}}async function Qo({apiBase:e,apiKey:t,projectId:n,sessionToken:o}){try{const a=await fetch(`${e}/ingest/known-issues?projectId=${encodeURIComponent(n)}`,{headers:Ge(t,o)});if(!a.ok)return[];const r=await a.json();return Array.isArray(r==null?void 0:r.issues)?r.issues:[]}catch{return[]}}async function Ho({apiBase:e,apiKey:t,projectId:n,q:o,sessionToken:a,signal:r}){try{const i=`${e}/ingest/known-issues/match?projectId=${encodeURIComponent(n)}&q=${encodeURIComponent(o)}`,s=await fetch(i,{headers:Ge(t,a),signal:r});if(!s.ok)return[];const l=await s.json();return Array.isArray(l==null?void 0:l.issues)?l.issues:[]}catch{return[]}}async function Do({apiBase:e,apiKey:t,projectId:n,bugId:o,reporterEmail:a,reporterName:r,metadata:i,logs:s,sessionToken:l}){const c=F(),p=await fetch(`${e}/ingest/known-issues/${encodeURIComponent(o)}/join`,{method:"POST",headers:Ge(t,l),body:JSON.stringify({projectId:n,reporterEmail:a,reporterName:r,metadata:i,logs:s,...c?{watchToken:c}:{}})});if(!p.ok)throw new Error(await No(p));const f=await p.json();return f!=null&&f.watchToken&&Ze(f.watchToken),f}function Ge(e,t){return{"Content-Type":"application/json","X-BugCatch-Key":e,...t?{"X-BugCatch-Session":t}:{}}}async function No(e){let t="";try{const n=await e.json();t=Array.isArray(n.message)?n.message.join(", "):n.message||""}catch{}return e.status===429?pe(t):t||`Could not add you to this issue (HTTP ${e.status})`}async function Uo({apiBase:e,bugId:t,score:n,comment:o}){const a=F();if(!a)throw new Error("This browser cannot access that report.");const r=await fetch(`${e}/ingest/watch/reports/${encodeURIComponent(t)}/rating${Ae()}`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${a}`},body:JSON.stringify({score:n,...o?{comment:o}:{}})}),i=await r.json().catch(()=>({}));if(!r.ok){const s=Array.isArray(i.message)?i.message.join(", "):i.message;throw new Error(s||"Could not send your rating. Please try again.")}return i}async function Po({apiBase:e,bugId:t,...n}){const o=F();if(!o)throw new Error("This browser cannot access that report.");const a=await fetch(`${e}/ingest/watch/reports/${encodeURIComponent(t)}/verification`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${o}`},body:JSON.stringify(n)}),r=await a.json().catch(()=>({}));if(!a.ok)throw new Error(r.message||"Could not record feedback. Please refresh and try again.");return r}const Ko="bugcatch.session.",et=e=>`${Ko}${e}`,tt=new Map;function oe(e){var t;if(!e)return null;try{const n=(t=window.localStorage)==null?void 0:t.getItem(et(e));if(n){const o=JSON.parse(n);if(o!=null&&o.token)return o}}catch{}return tt.get(e)||null}function _o(e,t){var o;if(!e||!(t!=null&&t.token))return;const n={token:t.token,email:t.email||null,name:t.name||null};tt.set(e,n);try{(o=window.localStorage)==null||o.setItem(et(e),JSON.stringify(n))}catch{}}function nt(e){var t;if(e){tt.delete(e);try{(t=window.localStorage)==null||t.removeItem(et(e))}catch{}}}function Re({apiKey:e,token:t}){return{"Content-Type":"application/json","X-BugCatch-Key":e,...t?{"X-BugCatch-Session":t}:{}}}async function Dt(e){let t="";try{const n=await e.json();t=Array.isArray(n.message)?n.message.join(", "):n.message||""}catch{}return e.status===429?pe(t):t||`Request failed (HTTP ${e.status})`}async function Vo({apiBase:e,apiKey:t,projectId:n,token:o}){const a={mode:"off",signedIn:null,signedOutReason:null};try{const r=await fetch(`${e}/ingest/login?projectId=${encodeURIComponent(n)}`,{headers:Re({apiKey:t,token:o})});if(!r.ok)return a;const i=await r.json();return{mode:i.mode==="optional"||i.mode==="required"?i.mode:"off",signedIn:i.signedIn||null,signedOutReason:i.signedOutReason||null}}catch{return a}}async function Fo({apiBase:e,apiKey:t,projectId:n,email:o,name:a}){const r=await fetch(`${e}/ingest/login/start`,{method:"POST",headers:Re({apiKey:t}),body:JSON.stringify({projectId:n,email:o,...a?{name:a}:{}})});if(!r.ok)throw new Error(await Dt(r));return r.json()}async function Wo({apiBase:e,apiKey:t,projectId:n,email:o,code:a}){const r=await fetch(`${e}/ingest/login`,{method:"POST",headers:Re({apiKey:t}),body:JSON.stringify({projectId:n,email:o,code:a})});if(!r.ok)throw new Error(await Dt(r));const i=await r.json(),s={token:i.sessionToken,email:i.email,name:i.name};return _o(n,s),s}async function Yo({apiBase:e,apiKey:t,projectId:n,token:o}){if(nt(n),!o)return{signedOut:!0};try{await fetch(`${e}/ingest/logout`,{method:"POST",headers:Re({apiKey:t,token:o}),body:JSON.stringify({projectId:n})})}catch{}return{signedOut:!0}}let Nt=!1;if(typeof window<"u"&&window.addEventListener)for(const e of["pointerdown","keydown","touchstart"])window.addEventListener(e,()=>{Nt=!0},{once:!0,capture:!0,passive:!0});function Xo(){return Nt}const Jo=2e4,Ut=120,ot=200;function Pt(e){if(typeof e!="string"||!e.trim()||e.length>400)return null;try{return new RegExp(e.trim(),"gi")}catch{return null}}const Kt=e=>String(e).replace(/\s+/g," ").trim().slice(0,Ut);function _t(e,t){const n=e&&e.normalize;if(n==="phone"){const o=t.replace(/\D/g,"");return o.length===10?o:o.length===12&&o.startsWith("91")?o.slice(2):o.length===11&&o.startsWith("0")?o.slice(1):t}return n==="upper"?t.toUpperCase():t}function Vt(e){const t=e.length>1&&e[1]!==void 0?e[1]:e[0];return typeof t!="string"||!t.trim()?null:{value:Kt(t),start:e.index,end:e.index+e[0].length}}function Zo(e,t){return((e.slice(t.start,t.valueStart)+e.slice(t.valueEnd,t.end)).match(/[a-z]/gi)||[]).length}const Go=/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}|[A-Za-z0-9][\w-]{5,40}/gi,Ft=/[\w-]/;function ea(e,t){const n=(e||[]).filter(u=>u&&u.scan!==!1&&u.pattern),o=[],a=[],r=(t||[]).map(u=>typeof u=="string"?u.slice(0,Jo):"");r.forEach((u,h)=>{u&&n.forEach((x,E)=>{const T=Pt(x.pattern);if(!T)return;let g,k=0;for(T.lastIndex=0;(g=T.exec(u))!==null&&!(++k>ot);){if(g[0]===""){T.lastIndex+=1;continue}const d=Vt(g);if(!d)continue;const y=g.length>1&&g[1]!==void 0?g[1]:g[0],b=g.index+Math.max(0,g[0].indexOf(y)),m={block:h,order:E,key:x.key,label:x.label,value:_t(x,d.value),start:d.start,end:d.end,valueStart:b,valueEnd:b+y.length};m.weight=Zo(u,m),o.push(m)}})});const i=o.filter(u=>!o.some(h=>h!==u&&h.block===u.block&&h.key!==u.key&&h.valueStart<=u.valueStart&&h.valueEnd>=u.valueEnd&&h.weight>u.weight)),s=new Map;for(const u of i){const h=u.value.toLowerCase();s.has(h)||s.set(h,{value:u.value,keys:new Map});const x=s.get(h);x.keys.has(u.key)||x.keys.set(u.key,{key:u.key,label:u.label,order:u.order})}const l=[],c=[],p=new Map;for(const u of s.values()){const h=[...u.keys.values()].sort((T,g)=>T.order-g.order);if(h.length>1){c.push({value:u.value,kinds:h.map(({key:T,label:g})=>({key:T,label:g}))});continue}const[{key:x,label:E}]=h;p.has(x)||p.set(x,[]),p.get(x).push({key:x,label:E,value:u.value})}for(const u of p.values())if(u.length===1)l.push(u[0]);else for(const h of u)c.push({value:h.value,kinds:[{key:h.key,label:h.label}]});const f=new Set(s.keys());return r.forEach((u,h)=>{if(!u)return;const x=o.filter(k=>k.block===h),E=new RegExp(Go.source,"gi");let T,g=0;for(;(T=E.exec(u))!==null&&++g<=ot;){const k=T.index,d=k+T[0].length;if(x.some(S=>k<S.end&&d>S.start))continue;const y=u[k-1]||"",b=u[d]||"";if(Ft.test(y)||Ft.test(b)||y==="/"||y==="@"||b==="@"||y==="."||b==="."&&/\w/.test(u[d+1]||"")||!/\d/.test(T[0]))continue;const m=Kt(T[0]),w=m.toLowerCase();if(f.has(w))continue;const v=(e||[]).filter(S=>S&&Wt(S,m)).map(({key:S,label:R})=>({key:S,label:R}));v.length&&(f.add(w),a.push({value:m,kinds:v}))}}),{found:l,conflicts:c,loose:a}}function Wt(e,t){const n=typeof t=="string"?t.trim():"";if(!n||n.length>Ut)return null;const o=Pt(e&&(e.valuePattern||e.pattern));if(!o)return null;let a,r=0;for(o.lastIndex=0;(a=o.exec(n))!==null&&!(++r>ot);){if(a[0]===""){o.lastIndex+=1;continue}const i=a.index+a[0].length===n.length,s=a.index===0||a.index===1;if(i&&s){const l=Vt(a);if(l)return _t(e,l.value)}}return null}async function ta({apiBase:e,apiKey:t,projectId:n}){const o={policy:"off",fields:[]};try{const a=await fetch(`${e}/ingest/reference-fields?projectId=${encodeURIComponent(n)}`,{headers:{"X-BugCatch-Key":t}});if(!a.ok)return o;const r=await a.json(),i=r.policy==="optional"||r.policy==="required"?r.policy:"off",s=Array.isArray(r.fields)?r.fields:[];return s.length?{policy:i,fields:s}:o}catch{return o}}const na=/Did this answer your question\?/i;async function oa({apiBase:e,apiKey:t,projectId:n}){try{const o=await fetch(`${e}/ingest/agent-issues?projectId=${encodeURIComponent(n)}`,{headers:{"X-BugCatch-Key":t}});if(!o.ok)return[];const a=await o.json();return(Array.isArray(a==null?void 0:a.issues)?a.issues:[]).filter(r=>r&&typeof r.key=="string"&&typeof r.title=="string").map(r=>({key:r.key,title:r.title,hint:typeof r.hint=="string"?r.hint:""}))}catch{return[]}}const aa=5*6e4,Yt="bugcatch:announcements:seen",ra=40,ia=["info","success","warning","critical"],Xt=e=>`bugcatch:announcements:${e}`;async function sa({apiBase:e,apiKey:t,projectId:n,fresh:o=!1}){var a;if(!o){const r=fa(n);if(r)return r}try{const r=await fetch(`${e}/ingest/announcements?projectId=${encodeURIComponent(n)}`,{headers:{"X-BugCatch-Key":t}}),i=r.ok?ha((a=await r.json())==null?void 0:a.announcements):[];return ga(n,i),i}catch{return[]}}function ca(e,{on:t=ua(),seen:n=Zt()}={}){return(e||[]).filter(o=>pa(o,t)&&!(o.dismissible&&n.includes(Jt(o))))}function la(e){if(!(!(e!=null&&e.id)||!e.dismissible))try{const t=Jt(e),n=[...Zt().filter(o=>o!==t),t];localStorage.setItem(Yt,JSON.stringify(n.slice(-ra)))}catch{}}function da(e){return typeof e!="string"||!e||e.startsWith("//")?null:e.startsWith("/")||/^(https?:\/\/|mailto:)./i.test(e)?e:null}function ua(e=new Date){const t=n=>String(n).padStart(2,"0");return`${e.getFullYear()}-${t(e.getMonth()+1)}-${t(e.getDate())}`}function pa(e,t){return!(e.startsOn&&t<e.startsOn||e.endsOn&&t>e.endsOn)}function Jt(e){return`${e.id}#${e.revision||0}`}function ha(e){return(Array.isArray(e)?e:[]).filter(t=>t&&typeof t.id=="string"&&typeof t.title=="string"&&t.title.trim()).map(t=>{const n=t.placement==="launcher"?"launcher":"panel",o=da(t.ctaHref);return{id:t.id,revision:Number.isInteger(t.revision)?t.revision:0,title:t.title,body:typeof t.body=="string"?t.body:"",tone:ia.includes(t.tone)?t.tone:"info",ctaLabel:o&&typeof t.ctaLabel=="string"?t.ctaLabel:"",ctaHref:o&&typeof t.ctaLabel=="string"?o:"",placement:n,dismissible:n==="launcher"||t.dismissible!==!1,startsOn:typeof t.startsOn=="string"?t.startsOn:"",endsOn:typeof t.endsOn=="string"?t.endsOn:""}})}function Zt(){try{const e=JSON.parse(localStorage.getItem(Yt)||"[]");return Array.isArray(e)?e.filter(t=>typeof t=="string"):[]}catch{return[]}}function fa(e){try{const t=JSON.parse(localStorage.getItem(Xt(e))||"null");if(!t||!Array.isArray(t.list)||typeof t.at!="number")return null;const n=Date.now()-t.at;return n>=0&&n<aa?t.list:null}catch{return null}}function ga(e,t){try{localStorage.setItem(Xt(e),JSON.stringify({at:Date.now(),list:t}))}catch{}}const je=120,ba=500,Oe=30,ma=1e3,at={loanId:["loanId","loanNumber"],applicationId:["applicationId"],customerNumber:["customerNumber","customerId"]},ya=/[\u0000-\u001f\u007f]/;function wa(e){if(typeof e=="number")return Number.isFinite(e)?String(e):null;if(typeof e!="string")return null;const t=e.trim();return!t||t.length>je||ya.test(t)?null:t}function te(e){return e===null?"null":Array.isArray(e)?"an array":typeof e=="object"?"an object":`a ${typeof e}`}function rt(e,t,n,o,a){for(const r of n){if(!(r in e)||e[r]===void 0||e[r]===null||e[r]==="")continue;const i=wa(e[r]);if(i)return i;const s=e[r];a(typeof s=="string"&&s.trim().length>je?`${o}.${r} is longer than ${je} characters and was dropped — pass the identifier itself, not a sentence or a URL.`:`${o}.${r} should be a string or number, got ${te(s)} — it was dropped.`)}return null}function Gt(e){if(e===null||typeof e=="boolean")return{ok:!0,value:e};if(typeof e=="number")return Number.isFinite(e)?{ok:!0,value:e}:{ok:!1};if(typeof e=="string")return{ok:!0,value:e.slice(0,ba)};if(typeof e=="object")try{const t=JSON.stringify(e);if(t&&t.length<=ma)return{ok:!0,value:JSON.parse(t)}}catch{}return{ok:!1}}const en=["email","name","phone"],va=new Set(["id","userId",...en,...Object.values(at).flat()]);function tn(e,t=()=>{}){if(e==null)return null;if(typeof e!="object"||Array.isArray(e))return t(`identify() takes an object like { id, email, name } or null, got ${te(e)} — ignored.`),null;const n={};try{const o=rt(e,"id",["id","userId"],"identify()",t);o&&(n.id=o);for(const r of en){const i=e[r];if(i==null||i==="")continue;if(r==="phone"&&typeof i=="number"&&Number.isFinite(i)){n.phone=String(i);continue}if(typeof i!="string"){t(`identify().${r} should be a string, got ${te(i)} — it was dropped.`);continue}const s=i.trim().slice(0,r==="name"?200:je);s&&(r==="email"&&!s.includes("@")&&t(`identify().email "${s}" does not look like an email address — reports cannot be threaded or followed up without one.`),n[r]=s)}for(const[r,i]of Object.entries(at)){const s=rt(e,r,i,"identify()",t);s&&(n[r]=s)}let a=0;for(const[r,i]of Object.entries(e)){if(va.has(r)||i===void 0||typeof i=="function")continue;if(a>=Oe){t(`identify() was given more than ${Oe} extra fields; the rest were dropped.`);break}const s=Gt(i);if(!s.ok){t(`identify().${r} could not be sent (${te(i)} too large or not serialisable) — dropped.`);continue}n[r]=s.value,a+=1}}catch{}return!n.id&&!n.email&&t("identify() was called without an id or email — reports will not be attributed to anyone, and nothing can be looked up by user."),n}function nn(e,t,n=()=>{}){if(t===null)return{};const o={...e||{}};if(t===void 0)return o;if(typeof t!="object"||Array.isArray(t))return n(`setContext() takes an object like { loanId, screen } or null, got ${te(t)} — ignored.`),o;try{const a=new Map;for(const[r,i]of Object.entries(at))for(const s of i)a.set(s,r);for(const[r,i]of Object.entries(t)){const s=a.get(r);if(i==null){delete o[s||r];continue}if(s){const c=rt({[r]:i},s,[r],"setContext()",n);c?o[s]=c:delete o[s];continue}if(typeof i=="function")continue;if(!(r in o)&&Object.keys(o).length>=Oe){n(`setContext() holds at most ${Oe} keys; "${r}" was dropped.`);continue}const l=Gt(i);if(!l.ok){n(`setContext().${r} could not be sent (${te(i)} too large or not serialisable) — dropped.`);continue}o[r]=l.value}}catch{}return o}const on=["apiBase","apiKey","projectId","consoleLimit","networkLimit","captureConsole","captureNetwork","captureErrors","widget","widgetPosition","theme","accent","attachments","maxAttachments","maxAttachmentBytes","maxRecordingMs","beforeSend","user","context","updates","updateToast","onUpdate","voice","onCallState","onIncomingCall","onReportSubmitted","onAssistantPhase","onError","debug","drafts","knownIssues","agentIssues","release","environment","buildId","chunkBase","announcements"],xa=["beforeSend","onUpdate","onCallState","onIncomingCall","onReportSubmitted","onAssistantPhase","onError"];function ka(e){const t=e.toLowerCase().replace(/[-_]/g,"");return on.find(n=>n.toLowerCase()===t)||null}const an=/^(your[_-]|<|xxx|todo|changeme)/i,Sa=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;function $a(e,{pageHost:t=""}={}){const n=[],o=[];if(!e||typeof e!="object")return n.push("init() takes an options object: BugCatch.init({ apiBase, apiKey, projectId })."),{errors:n,warnings:o};const{apiKey:a,projectId:r,apiBase:i}=e;a?typeof a!="string"?n.push(`apiKey must be a string, got ${te(a)}.`):an.test(a)?n.push(`apiKey is still the placeholder "${a}" — paste the key you saved when you created it.`):Sa.test(a)?o.push("apiKey looks like a project id — did you swap apiKey and projectId?"):a.startsWith("bc_")||o.push('apiKey does not look like a BugCatch key (they start with "bc_live_") — reports will be refused with HTTP 401.'):n.push("apiKey is required — create one under Workspace Settings → API Keys."),r?typeof r!="string"?n.push(`projectId must be a string, got ${te(r)}.`):an.test(r)?n.push(`projectId is still the placeholder "${r}".`):r.startsWith("bc_")?o.push("projectId looks like an API key — did you swap apiKey and projectId?"):/\s/.test(r)&&o.push("projectId contains whitespace — check it was copied cleanly."):n.push("projectId is required — copy it from Project Settings → Web SDK."),i==null?!t||/^(localhost|127\.|0\.0\.0\.0|\[::1\])/.test(t)||o.push("apiBase is not set, so reports go to http://localhost:3000 — set apiBase to your BugCatch API URL."):(typeof i!="string"||!/^https?:\/\//.test(i))&&o.push(`apiBase should be an absolute http(s) URL, got ${JSON.stringify(i)}.`);for(const s of Object.keys(e)){if(on.includes(s))continue;const l=ka(s);o.push(l?`unknown option "${s}" — did you mean "${l}"?`:`unknown option "${s}" is ignored.`)}for(const s of xa){const l=e[s];l!=null&&typeof l!="function"&&o.push(`${s} should be a function, got ${te(l)} — it will not be called.`)}return{errors:n,warnings:o}}function Ca(e){return typeof e=="string"?e.replace(/\/+$/,""):e}const we={name:"@sphoro/bugcatch-web-sdk",version:"0.19.0"},ve={apiBase:"http://localhost:3000",apiKey:null,projectId:null,consoleLimit:100,networkLimit:50,captureConsole:!0,captureNetwork:!0,captureErrors:!0,widget:!0,widgetPosition:"bottom-right",theme:"auto",accent:null,announcements:!0,attachments:!0,maxAttachments:5,maxAttachmentBytes:25*1024*1024,maxRecordingMs:12e4,beforeSend:null,user:null,updates:!0,updateToast:!0,onUpdate:null,voice:!0,onCallState:null,onIncomingCall:null,onReportSubmitted:null,onAssistantPhase:null,onError:null,context:null,chunkBase:null,debug:!1};function Ta(e){const t=F();return t?{...e,watchToken:t}:e}class rn{constructor(){An(this,B);this.config={...ve},this.started=!1,this.teardown=[],this.consoleBuffer=Se(ve.consoleLimit),this.networkBuffer=Se(ve.networkLimit),this.stopWatching=null,this.notifier=null,this.call=null,this.callStarting=!1,this.ringing=null,this.listeners=new Map,this.context={},this.warned=new Set,this.phases=new Map}warn(t){this.warned.has(t)||(this.warned.add(t),console.warn(`[BugCatch] ${t}`))}debugLog(...t){this.config.debug&&console.info("[BugCatch]",...t)}init(t={}){if(this.started)return console.warn("[BugCatch] init() called twice — ignoring the second call."),this;const{errors:n,warnings:o}=$a(t,{pageHost:typeof location<"u"?location.hostname:""});if(n.length)throw new Error(`[BugCatch] ${n[0]}`);for(const r of o)this.warn(r);const a=this.config.user;return this.config={...ve,...t,apiBase:Ca(t.apiBase??ve.apiBase)},this.config.user=t.user!==void 0?tn(t.user,r=>this.warn(r.replace("identify()","init({ user })"))):a||null,t.context&&this.setContext(t.context),this.consoleBuffer=Se(this.config.consoleLimit),this.networkBuffer=Se(this.config.networkLimit),this.config.captureConsole&&this.teardown.push(Kn(this.consoleBuffer)),this.config.captureNetwork&&this.teardown.push(_n(this.networkBuffer)),this.config.captureErrors&&this.teardown.push(Vn(this.consoleBuffer)),mo(this.config.projectId),this.config.widget&&this.teardown.push(to(this)),this.config.updates&&F()&&(this.startWatching(),queueMicrotask(()=>D(this,B,ae).call(this))),this.started=!0,D(this,B,Mn).call(this),this.debugLog("initialised",{version:we.version,apiBase:this.config.apiBase,projectId:this.config.projectId,user:this.config.user,context:this.context}),this}startWatching(){if(this.stopWatching)return this;this.stopWatching=Mo({apiBase:this.config.apiBase,onUpdate:n=>{if(n!=null&&n.incomingCall){D(this,B,On).call(this,n);return}if(n!=null&&n.callWithdrawn){D(this,B,Ve).call(this,n.callWithdrawn.callId);return}const o=wo(n);typeof this.config.onUpdate=="function"&&this.config.onUpdate(o),this.emit("update",o),D(this,B,ae).call(this)}}),this.teardown.push(()=>{var n;return(n=this.stopWatching)==null?void 0:n.call(this)}),this.teardown.push(()=>D(this,B,Ve).call(this));const t=n=>{(n.key===Me||n.key===null)&&D(this,B,ae).call(this)};return window.addEventListener("storage",t),this.teardown.push(()=>window.removeEventListener("storage",t)),this}on(t,n){if(typeof n!="function")return()=>{};const o=this.listeners.get(t)||new Set;return o.add(n),this.listeners.set(t,o),()=>this.off(t,n)}off(t,n){var o;return(o=this.listeners.get(t))==null||o.delete(n),this}emit(t,n){for(const o of this.listeners.get(t)||[])try{o(n)}catch(a){console.error(`[BugCatch] a '${t}' listener threw:`,a)}}unreadUpdates(){return ye()}markUpdateRead(t){return vo(t),D(this,B,ae).call(this),this}markReportRead(t){return xo(t),D(this,B,ae).call(this),this}markUpdatesRead(){return zt(),D(this,B,ae).call(this),this}async verifyFix(t,{result:n,resolvedAt:o,note:a}){const r=n==="STILL_HAPPENING"?await D(this,B,_e).call(this,{}):{};return Po({apiBase:this.config.apiBase,bugId:t,result:n,resolvedAt:o,note:a,metadata:r.metadata,logs:r.logs})}async rate(t,{score:n,comment:o}={}){return Uo({apiBase:this.config.apiBase,bugId:t,score:n,comment:o})}async myReport(t){const n=await $o({apiBase:this.config.apiBase,bugId:t});return D(this,B,Bn).call(this,t,n==null?void 0:n.assistant),n}replyToReport(t,{body:n,attachments:o}={}){return Co({apiBase:this.config.apiBase,bugId:t,body:n,attachments:o})}async canCallNow(){return!!await this.callKind()}async callKind(){return(await this.callKinds()).live?"live":null}async callKinds(){var n;const t={agent:!1,live:!1};return!this.config.voice||!((n=this.config.user)!=null&&n.email)?t:this.kinds!==void 0?this.kinds:(this.kinds=await To({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId}),this.kinds)}canCall(t){return this.config.voice?qt({apiBase:this.config.apiBase,bugId:t}):Promise.resolve(!1)}async startCall(t){var n;if(!this.config.voice)throw new Error("[BugCatch] calling is switched off.");if(this.call||this.callStarting)throw new Error("[BugCatch] a call is already running.");this.callStarting=!0;try{if(!await this.callKind())throw new Error((n=this.config.user)!=null&&n.email?"[BugCatch] calling is not available on this project.":"[BugCatch] a call needs to know who is calling — call identify() with an email first.");return await D(this,B,jn).call(this,t)}finally{this.callStarting=!1}}startLiveCall(t){return this.startCall(t)}canCallTeam(t){return this.config.voice?qt({apiBase:this.config.apiBase,bugId:t}):Promise.resolve(!1)}endCall(){var t;return(t=this.call)==null||t.hangUp(),this.call=null,this}myReports(){return So({apiBase:this.config.apiBase})}hasReports(){return!!F()}forgetReports(){var t;return(t=this.stopWatching)==null||t.call(this),this.stopWatching=null,this.endCall(),ce(),D(this,B,ae).call(this),this}identify(t){const n=tn(t,o=>this.warn(o));return t!=null&&!n?this:(this.config.user=n,this.debugLog("identify",n),this)}setContext(t){return this.context=nn(this.context,t,n=>this.warn(n)),this.debugLog("context",this.context),this}getContext(){return{...this.context}}open(){return this.started?this.widgetControls?(this.widgetControls.open(),this):(this.warn("open() needs the built-in widget; it was turned off with widget: false."),this):(this.warn("open() was called before init() — nothing to open yet."),this)}close(){var t;return(t=this.widgetControls)==null||t.close(),this}isOpen(){var t;return!!((t=this.widgetControls)!=null&&t.isOpen())}async uploadAttachment(t,n,o){if(!this.started)throw new Error("[BugCatch] call init() first.");return fo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,blob:t,mime:n||(t==null?void 0:t.type),onProgress:o})}async report({title:t,description:n="",priority:o="MEDIUM",metadata:a={},attachments:r=[],references:i=[],context:s=null,issue:l=null}={}){var T,g,k,d,y,b,m,w;if(!this.started)throw new Error("[BugCatch] call init() first.");if(typeof t!="string"||!t.trim())throw new Error("[BugCatch] a title is required.");["LOW","MEDIUM","HIGH","CRITICAL"].includes(String(o).toUpperCase())||(this.warn(`priority "${o}" is not one of LOW, MEDIUM, HIGH, CRITICAL — sent as MEDIUM.`),o="MEDIUM");const c=(r||[]).filter(v=>(v==null?void 0:v.storageKey)&&Ee(v.mime,Te)).map(v=>({type:v.type==="VIDEO"?"VIDEO":"SCREENSHOT",storageKey:v.storageKey,mime:Ee(v.mime,Te)})),p=(Array.isArray(i)?i:[]).filter(v=>v&&typeof v.key=="string"&&v.key&&(typeof v.value=="string"||typeof v.value=="number")).map(v=>({key:v.key.slice(0,64),value:String(v.value).trim().slice(0,120)})).filter(v=>v.value);Array.isArray(i)&&p.length<i.length&&this.warn("report({ references }) takes [{ key, value }] with string values; malformed entries were dropped.");let f=await D(this,B,_e).call(this,{title:t.trim(),description:typeof n=="string"?n:String(n??""),priority:String(o).toUpperCase(),metadata:a,media:c,references:p,context:s,issue:typeof l=="string"&&l?l.slice(0,32):null});const u=D(this,B,pt).call(this,f);if(u===!1)return{cancelled:!0};f=u,this.debugLog("sending report",{title:f.title,user:(T=f.metadata)==null?void 0:T.user,context:(g=f.metadata)==null?void 0:g.context,references:f.references,console:(y=(d=(k=f.logs)==null?void 0:k.console)==null?void 0:d.entries)==null?void 0:y.length,network:(w=(m=(b=f.logs)==null?void 0:b.network)==null?void 0:m.entries)==null?void 0:w.length});const h=oe(this.config.projectId);let x;try{x=await fetch(`${this.config.apiBase}/ingest/bugs`,{method:"POST",headers:{"Content-Type":"application/json","X-BugCatch-Key":this.config.apiKey,...h!=null&&h.token?{"X-BugCatch-Session":h.token}:{}},body:JSON.stringify(Ta(f))})}catch(v){const S=new Error(`[BugCatch] could not reach ${this.config.apiBase} — check apiBase, and that this site's origin is allowed by the API.`);throw S.cause=v,D(this,B,Ke).call(this,"report",S),S}if(x.status===401&&h&&nt(this.config.projectId),!x.ok){let v="";try{const R=await x.json();v=Array.isArray(R.message)?R.message.join(", "):R.message||""}catch{}x.status===401&&!h&&(v||(v="the apiKey was not accepted")),x.status===403&&(v||(v="the apiKey is not allowed to report to this projectId"));const S=x.status===429?new Error(`[BugCatch] ${pe(v)}`):new Error(`[BugCatch] report failed (HTTP ${x.status})${v?": "+v:""}`);throw S.status=x.status,D(this,B,Ke).call(this,"report",S),S}const E=await x.json();return D(this,B,ut).call(this,E,{title:f.title??t.trim(),via:"form"}),E.watchToken&&(Ze(E.watchToken),this.config.updates&&this.startWatching()),E}loginState(){var t;return Vo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,token:(t=oe(this.config.projectId))==null?void 0:t.token})}referenceFields(){return this.refFields?this.refFields:(this.refFields=ta({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId}),this.refFields)}agentIssues(){return this.agentIssueList?this.agentIssueList:(this.agentIssueList=oa({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId}),this.agentIssueList)}async announcements(){const t=await sa({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId});return ca(t)}dismissAnnouncement(t){la(t)}signedInAs(){const t=oe(this.config.projectId);return t?{email:t.email,name:t.name}:null}signIn(t,{name:n}={}){var o;return Fo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,email:t,name:n??((o=this.config.user)==null?void 0:o.name)??null})}async confirmSignIn(t,n){var a;const o=await Wo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,email:t,code:n});return(a=this.config.user)!=null&&a.email||(this.config.user={email:o.email,name:o.name||void 0}),this.emit("signin",{email:o.email,name:o.name}),{email:o.email,name:o.name}}async signOut(){var o;const t=oe(this.config.projectId),n=await Yo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,token:t==null?void 0:t.token});return t!=null&&t.email&&((o=this.config.user)==null?void 0:o.email)===t.email&&(this.config.user=null),this.emit("signout",{email:(t==null?void 0:t.email)||null}),n}knownIssues(){var t;return Qo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,sessionToken:(t=oe(this.config.projectId))==null?void 0:t.token})}matchKnownIssues(t,{signal:n}={}){var o;return Ho({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,q:t||"",sessionToken:(o=oe(this.config.projectId))==null?void 0:o.token,signal:n})}async meToo(t,{email:n,name:o}={}){var i,s;const a=oe(this.config.projectId),r=await yt();return Do({apiBase:this.config.apiBase,apiKey:this.config.apiKey,projectId:this.config.projectId,bugId:t,reporterEmail:n||((i=this.config.user)==null?void 0:i.email),reporterName:o||((s=this.config.user)==null?void 0:s.name),metadata:{...r,user:this.config.user||void 0,...Object.keys(this.context).length?{context:this.context}:{},sdk:we},logs:{console:{entries:this.consoleBuffer.all()},network:{entries:this.networkBuffer.all()}},sessionToken:a==null?void 0:a.token})}snapshot(){return{user:this.config.user||null,context:{...this.context},console:this.consoleBuffer.all(),network:this.networkBuffer.all(),environment:wt()}}clear(){this.consoleBuffer.clear(),this.networkBuffer.clear()}destroy(){this.endCall(),this.teardown.forEach(t=>{try{t()}catch{}}),this.teardown=[],this.notifier=null,this.started=!1}}B=new WeakSet,Pe=function(t,n){const o=this.config[t];if(typeof o=="function")try{o(n)}catch(a){console.error(`[BugCatch] your ${t} callback threw:`,a)}},Mn=function(){if(typeof window>"u"||typeof fetch!="function")return;const t=`bugcatch:hello:${this.config.projectId}`,n=new Date().toISOString().slice(0,10);try{if(window.localStorage.getItem(t)===n)return}catch{}const o=setTimeout(()=>{try{window.localStorage.setItem(t,n)}catch{}fetch(`${this.config.apiBase}/ingest/hello`,{method:"POST",keepalive:!0,headers:{"Content-Type":"application/json","X-BugCatch-Key":this.config.apiKey},body:JSON.stringify({projectId:this.config.projectId,version:we.version,identify:!!this.config.user,context:!!(this.context&&Object.keys(this.context).length),widget:!!this.config.widget,environment:this.config.environment||null,release:this.config.release||null})}).catch(()=>{})},5e3);this.teardown.push(()=>clearTimeout(o))},ae=function(){const t=ye();if(this.emit("unread",{count:t.length,updates:t}),!!this.config.updateToast){if(!this.notifier){if(!t.length)return;this.notifier=qo({accent:this.config.accent,position:this.config.widgetPosition,onRead:n=>this.markUpdateRead(n),onReadAll:()=>this.markUpdatesRead(),onCall:this.config.voice?n=>{this.markUpdateRead(n.id),this.startCall(n.bugId)}:null}),this.teardown.push(()=>{var n;return(n=this.notifier)==null?void 0:n.destroy()})}this.notifier.render(t)}},Bn=function(t,n){const o=n==null?void 0:n.phase;if(!t||typeof o!="string"||this.phases.get(t)===o)return;this.phases.set(t,o);const a={bugId:t,phase:o,title:n.title??null,detail:n.detail??null};this.debugLog("assistant",a),D(this,B,Pe).call(this,"onAssistantPhase",a),this.emit("assistant",a)},ut=function(t,{title:n,via:o}){if(!(t!=null&&t.id))return;const a={bugId:t.id,title:n??null,via:o,result:t};this.debugLog("report accepted",a),D(this,B,Pe).call(this,"onReportSubmitted",a),this.emit("report",a)},Ke=function(t,n){D(this,B,Pe).call(this,"onError",{action:t,error:n}),this.emit("error",{action:t,error:n})},_e=async function({title:t,description:n="",priority:o="MEDIUM",metadata:a={},media:r=[],references:i=[],context:s=null,issue:l=null}){var p,f;const c=s?nn(this.context,s,u=>this.warn(u.replace("setContext()","report({ context })"))):this.context;return{projectId:this.config.projectId,...t?{title:t}:{},description:n,priority:o,url:window.location.href,reporterEmail:(p=this.config.user)==null?void 0:p.email,reporterName:(f=this.config.user)==null?void 0:f.name,metadata:{...await yt(),release:this.config.release,environment:this.config.environment,buildId:this.config.buildId,...a,user:this.config.user||void 0,...Object.keys(c).length?{context:c}:{},sdk:we},logs:{console:{entries:this.consoleBuffer.all()},network:{entries:this.networkBuffer.all()}},...r.length?{attachments:r}:{},...i.length?{references:i}:{},...l?{issue:l}:{}}},pt=function(t){if(typeof this.config.beforeSend!="function")return t;let n;try{n=this.config.beforeSend(t)}catch(o){return this.warn(`beforeSend threw, so nothing was sent: ${(o==null?void 0:o.message)||o}`),!1}return n===!1?!1:n&&typeof n=="object"?n:t},Rn=async function(){const t=oe(this.config.projectId),n=D(this,B,pt).call(this,await D(this,B,_e).call(this,{}));if(n===!1)return this.debugLog("call cancelled by beforeSend"),{cancelled:!0};let o;try{o=await Eo({apiBase:this.config.apiBase,apiKey:this.config.apiKey,token:t==null?void 0:t.token,payload:n,watchToken:F()})}catch(a){throw a.status===401&&t&&nt(this.config.projectId),D(this,B,Ke).call(this,"call",a),a}return D(this,B,ut).call(this,o,{title:null,via:"call"}),o.watchToken&&(Ze(o.watchToken),this.config.updates&&this.startWatching()),o},jn=async function(t){const{joinLiveCall:n,liveCallSupported:o,openMicrophone:a}=await $e(this.config.chunkBase);if(!o())throw new Error("[BugCatch] this browser cannot make live calls.");const r=await a();let i,s=null;try{if(t)i=await Io({apiBase:this.config.apiBase,bugId:t});else if(s=await D(this,B,Rn).call(this),t=s.id,i=s.live_call,!(i!=null&&i.realtime_url)){const c=new Error(`[BugCatch] the report was filed, but the team could not be rung${s.call_error?`: ${s.call_error}`:"."}`);throw c.filed=s,c.reason=s.call_error||null,c}}catch(c){for(const p of r.getTracks())p.stop();throw c}const l=await n({realtimeUrl:i.realtime_url,stream:r,ringsUntil:i.rings_until,onState:(c,p)=>{(c==="ended"||c==="failed"||c==="missed")&&(this.call=null),c==="missed"&&Lo({apiBase:this.config.apiBase,bugId:t,callId:i.call_id}),typeof this.config.onCallState=="function"&&this.config.onCallState(c,{bugId:t,live:!0,...p}),this.emit("call",{bugId:t,live:!0,state:c,...p})}});return this.call=l,Object.assign(l,{bugId:t,callId:i.call_id,live:!0,filed:s,recorded:!!i.recorded})},On=function(t){var a;const n=t.incomingCall;if(!this.config.voice||((a=this.ringing)==null?void 0:a.callId)===n.callId||this.call||this.callStarting)return;D(this,B,Ve).call(this);const o={callId:n.callId,dismiss:()=>{}};this.ringing=o,$e(this.config.chunkBase).then(({liveCallSupported:r,showIncomingCall:i})=>{if(this.ringing!==o||(this.ringing=null,!r())||this.call||this.callStarting)return;const s=i({call:n,accent:this.config.accent,position:this.config.widgetPosition,touched:Xo,onAnswer:()=>{D(this,B,zn).call(this,t.bugId,n)},onDecline:()=>{this.ringing=null,Qt({apiBase:this.config.apiBase,bugId:t.bugId,callId:n.callId}),this.emit("incoming-call",{bugId:t.bugId,callId:n.callId,state:"declined"})},onExpire:()=>{this.ringing=null,this.emit("incoming-call",{bugId:t.bugId,callId:n.callId,state:"missed"})}});if(this.ringing={callId:n.callId,dismiss:s},typeof this.config.onIncomingCall=="function")try{this.config.onIncomingCall({bugId:t.bugId,...n})}catch{}this.emit("incoming-call",{bugId:t.bugId,callId:n.callId,state:"ringing"})},()=>{this.ringing===o&&(this.ringing=null)})},Ve=function(t){if(this.ringing&&!(t&&this.ringing.callId!==t)){try{this.ringing.dismiss()}catch{}this.ringing=null}},zn=async function(t,n){if(this.ringing=null,this.call||this.callStarting)return;this.callStarting=!0;let o,a;try{const i=await $e(this.config.chunkBase);a=i.joinLiveCall,o=await i.openMicrophone()}catch(i){this.callStarting=!1,Qt({apiBase:this.config.apiBase,bugId:t,callId:n.callId}),this.emit("incoming-call",{bugId:t,callId:n.callId,state:"failed",error:i});return}let r;try{r=await Ao({apiBase:this.config.apiBase,bugId:t,callId:n.callId})}catch(i){for(const s of o.getTracks())s.stop();this.callStarting=!1,this.emit("incoming-call",{bugId:t,callId:n.callId,state:"missed",error:i});return}try{const i=await a({realtimeUrl:r.realtime_url,stream:o,onState:(s,l)=>{(s==="ended"||s==="failed"||s==="missed")&&(this.call=null),typeof this.config.onCallState=="function"&&this.config.onCallState(s,{bugId:t,live:!0,incoming:!0,...l}),this.emit("call",{bugId:t,live:!0,incoming:!0,state:s,...l})}});this.call=i,this.emit("incoming-call",{bugId:t,callId:n.callId,state:"answered"})}catch(i){for(const s of o.getTracks())s.stop();this.emit("incoming-call",{bugId:t,callId:n.callId,state:"failed",error:i})}finally{this.callStarting=!1}};const it=new rn;it.Client=rn,it.version=we.version;const Ea='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 8.5A1.5 1.5 0 0 1 4.5 7h2.2a1 1 0 0 0 .83-.45l.94-1.4A1 1 0 0 1 9.3 4.7h5.4a1 1 0 0 1 .83.45l.94 1.4a1 1 0 0 0 .83.45h2.2A1.5 1.5 0 0 1 21 8.5v9A1.5 1.5 0 0 1 19.5 19h-15A1.5 1.5 0 0 1 3 17.5z"/><circle cx="12" cy="13" r="3.4"/></svg>',Ia='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="12.5" height="12" rx="2.2"/><path d="M15.5 10.8l4.2-2.6a.6.6 0 0 1 .92.5v6.6a.6.6 0 0 1-.92.5l-4.2-2.6z"/></svg>',sn='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 11.5l-7.6 7.6a4.6 4.6 0 0 1-6.5-6.5l8-8a3.2 3.2 0 0 1 4.5 4.5l-8 8a1.8 1.8 0 0 1-2.5-2.5l7.1-7.1"/></svg>',cn='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="2.5" width="6" height="11" rx="3"/><path d="M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21M9 21h6"/></svg>',ln='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12l16-8-6 16-2.6-6.2L4 12Z"/></svg>',La='<svg viewBox="0 0 24 24" fill="currentColor"><rect x="7" y="7" width="10" height="10" rx="2"/></svg>',Aa='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 5.5L8 12l6.5 6.5"/></svg>',ze='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6.2 3.5h3l1.5 3.7-2 1.4a11.5 11.5 0 0 0 5.7 5.7l1.4-2 3.7 1.5v3a1.8 1.8 0 0 1-2 1.8A15.6 15.6 0 0 1 4.4 5.5a1.8 1.8 0 0 1 1.8-2z"/></svg>',Ma='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12a8 8 0 1 1-2.6-5.9M20 4v4.5h-4.5"/></svg>',Ba='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.5 6l6 6-6 6"/></svg>',dn='<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.9l2.75 5.82 6.37.76-4.7 4.37 1.24 6.3L12 17.03l-5.66 3.12 1.24-6.3-4.7-4.37 6.37-.76z"/></svg>',Ra='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 13.5l2.6-7.2A1.5 1.5 0 0 1 7.5 5.3h9a1.5 1.5 0 0 1 1.4 1L20.5 13.5V18a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 18z"/><path d="M3.5 13.5h4.8l1.2 2.2h5l1.2-2.2h4.8"/></svg>',ja='<svg class="bc-brand" viewBox="0 0 254 60" fill="none" role="img" aria-label="sphoro BugCatch"><g fill="currentColor"><path transform="translate(0.00 40.00) scale(0.04000 -0.04000)" d="M276.00 -14.00Q179.00 -14.00 117.00 28.00Q55.00 70.00 42.00 148.00L158.00 178.00Q165.00 143.00 181.50 123.00Q198.00 103.00 222.50 94.50Q247.00 86.00 276.00 86.00Q320.00 86.00 341.00 101.50Q362.00 117.00 362.00 140.00Q362.00 163.00 342.00 175.50Q322.00 188.00 278.00 196.00L250.00 201.00Q198.00 211.00 155.00 228.50Q112.00 246.00 86.00 277.00Q60.00 308.00 60.00 357.00Q60.00 431.00 114.00 470.50Q168.00 510.00 256.00 510.00Q339.00 510.00 394.00 473.00Q449.00 436.00 466.00 376.00L349.00 340.00Q341.00 378.00 316.50 394.00Q292.00 410.00 256.00 410.00Q220.00 410.00 201.00 397.50Q182.00 385.00 182.00 363.00Q182.00 339.00 202.00 327.50Q222.00 316.00 256.00 310.00L284.00 305.00Q340.00 295.00 385.50 278.50Q431.00 262.00 457.50 231.50Q484.00 201.00 484.00 149.00Q484.00 71.00 427.50 28.50Q371.00 -14.00 276.00 -14.00Z"/><path transform="translate(19.56 40.00) scale(0.04000 -0.04000)" d="M70.00 -200.00V496.00H194.00V436.00H212.00Q229.00 465.00 265.00 487.50Q301.00 510.00 368.00 510.00Q428.00 510.00 479.00 480.50Q530.00 451.00 561.00 394.00Q592.00 337.00 592.00 256.00V240.00Q592.00 159.00 561.00 102.00Q530.00 45.00 479.00 15.50Q428.00 -14.00 368.00 -14.00Q323.00 -14.00 292.50 -3.50Q262.00 7.00 243.50 23.50Q225.00 40.00 214.00 57.00H196.00V-200.00ZM330.00 96.00Q389.00 96.00 427.50 133.50Q466.00 171.00 466.00 243.00V253.00Q466.00 325.00 427.00 362.50Q388.00 400.00 330.00 400.00Q272.00 400.00 233.00 362.50Q194.00 325.00 194.00 253.00V243.00Q194.00 171.00 233.00 133.50Q272.00 96.00 330.00 96.00Z"/><path transform="translate(43.68 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V700.00H196.00V435.00H214.00Q222.00 451.00 239.00 467.00Q256.00 483.00 284.50 493.50Q313.00 504.00 357.00 504.00Q415.00 504.00 458.50 477.50Q502.00 451.00 526.00 404.50Q550.00 358.00 550.00 296.00V0.00H424.00V286.00Q424.00 342.00 396.50 370.00Q369.00 398.00 318.00 398.00Q260.00 398.00 228.00 359.50Q196.00 321.00 196.00 252.00V0.00Z"/><path transform="translate(66.92 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/><path transform="translate(90.00 40.00) scale(0.04000 -0.04000)" d="M70.00 0.00V496.00H194.00V440.00H212.00Q223.00 470.00 248.50 484.00Q274.00 498.00 308.00 498.00H368.00V386.00H306.00Q258.00 386.00 227.00 360.50Q196.00 335.00 196.00 282.00V0.00Z"/><path transform="translate(104.44 40.00) scale(0.04000 -0.04000)" d="M306.00 -14.00Q232.00 -14.00 173.00 16.00Q114.00 46.00 80.00 103.00Q46.00 160.00 46.00 240.00V256.00Q46.00 336.00 80.00 393.00Q114.00 450.00 173.00 480.00Q232.00 510.00 306.00 510.00Q380.00 510.00 439.00 480.00Q498.00 450.00 532.00 393.00Q566.00 336.00 566.00 256.00V240.00Q566.00 160.00 532.00 103.00Q498.00 46.00 439.00 16.00Q380.00 -14.00 306.00 -14.00ZM306.00 98.00Q364.00 98.00 402.00 135.50Q440.00 173.00 440.00 243.00V253.00Q440.00 323.00 402.50 360.50Q365.00 398.00 306.00 398.00Q248.00 398.00 210.00 360.50Q172.00 323.00 172.00 253.00V243.00Q172.00 173.00 210.00 135.50Q248.00 98.00 306.00 98.00Z"/></g><rect x="139.52" y="16" width="1.6" height="26" rx="0.8" fill="var(--bc-brand-mark, #5647ee)" opacity="0.4"/><g fill="var(--bc-brand-mark, #5647ee)"><path transform="translate(154.52 35.00) scale(0.01400 -0.01400)" d="M46.35 0.00V105.85H139.75V594.15H46.35V700.00H404.08Q467.38 700.00 514.79 678.41Q562.20 656.83 588.70 617.33Q615.20 577.83 615.20 523.35V513.70Q615.20 465.52 597.03 434.76Q578.85 404.00 553.91 387.24Q528.98 370.48 506.28 363.30V346.35Q528.98 340.35 555.24 323.50Q581.50 306.65 600.00 275.48Q618.50 244.30 618.50 194.48V184.48Q618.50 126.65 591.41 85.24Q564.33 43.83 516.83 21.91Q469.33 0.00 406.85 0.00ZM259.85 109.15H392.60Q441.20 109.15 469.80 132.60Q498.40 156.05 498.40 198.55V208.20Q498.40 250.70 470.21 274.15Q442.02 297.60 392.60 297.60H259.85ZM259.85 406.75H391.65Q437.55 406.75 466.32 430.11Q495.10 453.48 495.10 493.80V503.80Q495.10 544.95 466.74 567.90Q438.37 590.85 391.65 590.85H259.85Z"/><path transform="translate(167.00 35.00) scale(0.01400 -0.01400)" d="M335.30 -14.00Q251.22 -14.00 190.60 16.63Q129.97 47.25 97.56 104.96Q65.15 162.68 65.15 243.03V700.00H185.25V239.73Q185.25 170.48 224.03 131.99Q262.80 93.50 335.30 93.50Q407.80 93.50 446.57 131.99Q485.35 170.48 485.35 239.73V700.00H605.45V243.03Q605.45 162.68 573.13 104.96Q540.80 47.25 480.09 16.63Q419.38 -14.00 335.30 -14.00Z"/><path transform="translate(179.60 35.00) scale(0.01400 -0.01400)" d="M311.85 -14.00Q238.45 -14.00 179.69 18.50Q120.92 51.00 86.69 113.67Q52.45 176.35 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.23 645.59Q598.33 577.17 598.33 460.87V456.70H479.87V464.52Q479.87 504.67 463.76 536.86Q447.65 569.05 414.99 587.77Q382.32 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 138.89Q257.63 91.85 334.00 91.85Q410.02 91.85 445.12 132.83Q480.22 173.80 480.22 237.92V249.67H302.85V351.88H598.33V0.00H487.52V69.10H470.57Q462.70 50.87 446.06 31.44Q429.42 12.00 397.64 -1.00Q365.85 -14.00 311.85 -14.00Z"/><path transform="translate(192.05 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(204.25 35.00) scale(0.01400 -0.01400)" d="M19.75 0.00 211.62 700.00H421.33L613.20 0.00H489.27L447.42 159.60H185.53L143.68 0.00ZM214.25 270.40H418.70L324.95 624.87H308.00Z"/><path transform="translate(216.31 35.00) scale(0.01400 -0.01400)" d="M233.95 0.00V590.85H24.70V700.00H563.30V590.85H354.05V0.00Z"/><path transform="translate(227.75 35.00) scale(0.01400 -0.01400)" d="M332.35 -14.00Q203.57 -14.00 128.01 58.50Q52.45 131.00 52.45 266.87V433.13Q52.45 569.00 128.01 641.50Q203.57 714.00 332.35 714.00Q460.13 714.00 529.58 643.85Q599.03 573.70 599.03 451.57V445.75H480.57V455.22Q480.57 521.42 444.15 563.96Q407.72 606.50 332.35 606.50Q257.63 606.50 215.09 560.70Q172.55 514.90 172.55 435.13V264.87Q172.55 185.93 215.09 139.71Q257.63 93.50 332.35 93.50Q407.72 93.50 444.15 136.45Q480.57 179.40 480.57 244.78V262.25H599.03V248.43Q599.03 126.30 529.58 56.15Q460.13 -14.00 332.35 -14.00Z"/><path transform="translate(239.95 35.00) scale(0.01400 -0.01400)" d="M69.50 0.00V700.00H189.60V405.58H466.40V700.00H586.50V0.00H466.40V296.42H189.60V0.00Z"/></g></svg>',Oa=`
 @keyframes bc-fade-in { from { opacity: 0 } to { opacity: 1 } }
 @keyframes bc-fade-out { to { opacity: 0 } }
 @keyframes bc-panel-in { from { opacity: 0; transform: translateY(14px) scale(.965) } to { opacity: 1; transform: none } }
@@ -310,9 +322,12 @@ button:focus-visible, a:focus-visible, select:focus-visible, [tabindex]:focus-vi
 @keyframes bc-shimmer { from { background-position: 200% 0 } to { background-position: -200% 0 } }
 
 /* ---------- scrim + panel ---------- */
+/* Still modal — focus stays in the panel and a click outside closes it — but
+   the host's page only dims enough to say so. It is their product, and the
+   visitor is reporting something about what is on it. */
 .scrim {
   position: fixed; inset: 0; z-index: 2147483001;
-  background: rgba(10,12,16,.32);
+  background: rgba(14,14,16,.14);
   animation: bc-fade-in 200ms ease both;
 }
 .scrim.closing { animation: bc-fade-out 170ms ease both; }
@@ -324,12 +339,11 @@ button:focus-visible, a:focus-visible, select:focus-visible, [tabindex]:focus-vi
 .panel {
   position: fixed;
   display: flex; flex-direction: column;
-  width: calc(100vw - 40px); max-width: 420px;
+  width: calc(100vw - 40px); max-width: 400px;
   max-height: calc(100vh - var(--bc-dock-h, 84px) - 52px);
   overflow: hidden;
   background: var(--bc-bg); color: var(--bc-fg);
   border-radius: var(--bc-r-xl); box-shadow: var(--bc-shadow);
-  border: 1px solid color-mix(in srgb, var(--bc-border) 70%, transparent);
   animation: bc-panel-in 340ms var(--bc-ease) both;
 }
 /* A conversation wants a height of its own, so the thread fills the panel
@@ -344,57 +358,58 @@ button:focus-visible, a:focus-visible, select:focus-visible, [tabindex]:focus-vi
 /* ---------- header ---------- */
 .head {
   flex: none; position: relative;
-  display: flex; align-items: center; gap: 12px;
-  padding: 16px 14px 14px var(--bc-pad);
-  background: linear-gradient(180deg, var(--bc-accent-soft), var(--bc-bg));
+  display: flex; align-items: center; gap: 11px;
+  padding: 14px 10px 13px var(--bc-pad);
+  background: var(--bc-bg);
   border-bottom: 1px solid var(--bc-border);
 }
-.head .mark, .avatar {
-  flex: none; display: grid; place-items: center; position: relative;
-  width: 38px; height: 38px; border-radius: 50%;
-  background: linear-gradient(140deg, var(--bc-accent), color-mix(in srgb, var(--bc-accent) 60%, #fff));
-  color: var(--bc-on-accent); font-size: 19px;
-  box-shadow: 0 4px 12px color-mix(in srgb, var(--bc-accent) 30%, transparent);
-}
-/* The little "online" dot says someone — or something — is on the other end. */
-.head .mark::after {
-  content: ''; position: absolute; right: -1px; bottom: -1px;
-  width: 11px; height: 11px; border-radius: 50%;
-  background: #22c55e; border: 2px solid var(--bc-bg);
-}
+.head .mark { width: 32px; }
+/* The assistant asking its one follow-up wears the same orb, smaller. */
+.avatar.orb { width: 26px; }
 .head .titles { flex: 1; min-width: 0; }
 .head h2 {
-  margin: 0 0 2px; font-size: var(--bc-fs-lg); font-weight: 680; letter-spacing: -.02em; line-height: 1.25;
+  margin: 0 0 1px; font-size: var(--bc-fs-lg); font-weight: 600; letter-spacing: -.015em; line-height: 1.3;
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.head p {
+  margin: 0; font-size: var(--bc-fs-sm); line-height: 1.4; color: var(--bc-muted);
   overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
-.head p { margin: 0; font-size: var(--bc-fs-sm); line-height: 1.45; color: var(--bc-muted); }
 .icon-btn {
   flex: none; display: grid; place-items: center;
   width: 32px; height: 32px; padding: 0; font-size: 16px;
-  border: none; border-radius: 10px; background: none; color: var(--bc-muted);
+  border: none; border-radius: 999px; background: none; color: var(--bc-muted);
   cursor: pointer; transition: background 160ms, color 160ms, transform 160ms var(--bc-ease);
 }
 .icon-btn:hover { background: color-mix(in srgb, var(--bc-fg) 7%, transparent); color: var(--bc-fg); }
 .icon-btn:active { transform: scale(.92); }
 .icon-btn.back { margin: 0 -6px 0 -8px; }
+/* The theme button holds all three glyphs; the host's class picks one. */
+.icon-btn.theme { font-size: 15px; margin-right: -4px; }
+.icon-btn.theme > span { display: none; }
+:host(.bc-light) .icon-btn.theme .m-light,
+:host(.bc-dark) .icon-btn.theme .m-dark,
+:host(.bc-auto) .icon-btn.theme .m-auto { display: block; }
 
 .body {
   flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
-  padding: 16px var(--bc-pad) 6px;
+  padding: 14px var(--bc-pad) 4px;
 }
 
-label { display: block; font-size: var(--bc-fs-sm); font-weight: 620; color: var(--bc-fg); margin-bottom: 7px; }
+label { display: block; font-size: 13px; font-weight: 560; color: var(--bc-fg); margin-bottom: 6px; letter-spacing: -.005em; }
 label .opt { font-weight: 450; color: var(--bc-faint); }
+/* Fields are stone wells that turn white when you are in them, the way the
+   rest of the product's forms do. */
 input[type=text], input[type=email], textarea {
-  width: 100%; padding: 11px 13px; font-size: var(--bc-fs-md); line-height: 1.45;
-  color: var(--bc-fg); background: var(--bc-elevated);
-  border: 1px solid var(--bc-border); border-radius: var(--bc-r-md);
+  width: 100%; padding: 10px 12px; font-size: var(--bc-fs-md); line-height: 1.45;
+  color: var(--bc-fg); background: var(--bc-stone);
+  border: 1px solid transparent; border-radius: var(--bc-r-md);
   transition: border-color 160ms, box-shadow 160ms, background 160ms;
 }
 input[type=text]::placeholder, input[type=email]::placeholder, textarea::placeholder { color: var(--bc-faint); }
-input[type=text]:hover, input[type=email]:hover, textarea:hover { border-color: color-mix(in srgb, var(--bc-fg) 18%, var(--bc-border)); }
+input[type=text]:hover, input[type=email]:hover, textarea:hover { border-color: var(--bc-border); }
 input[type=text]:focus, input[type=email]:focus, textarea:focus {
-  outline: none; border-color: var(--bc-accent); box-shadow: var(--bc-ring);
+  outline: none; background: var(--bc-bg); border-color: var(--bc-accent); box-shadow: var(--bc-ring);
 }
 input.invalid, input.invalid:focus, textarea.invalid {
   border-color: var(--bc-danger); animation: bc-nudge 240ms ease;
@@ -406,8 +421,8 @@ input.invalid, input.invalid:focus, textarea.invalid {
   animation: bc-rise 200ms var(--bc-ease) both;
 }
 .field-err svg { font-size: 13px; flex: none; }
-textarea { min-height: 88px; resize: vertical; }
-.field { margin-bottom: 16px; }
+textarea { min-height: 76px; resize: vertical; }
+.field { margin-bottom: 14px; }
 .field-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
 .field-head .count { font-size: var(--bc-fs-xs); color: var(--bc-faint); font-variant-numeric: tabular-nums; }
 
@@ -417,15 +432,15 @@ textarea { min-height: 88px; resize: vertical; }
 .compose > .note:has(button) {
   display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px;
   margin: 0 0 14px; padding: 10px 12px; border-radius: var(--bc-r-md);
-  background: var(--bc-accent-soft); border: 1px solid var(--bc-accent-line);
+  background: var(--bc-subtle); border: 1px solid var(--bc-border);
   font-size: var(--bc-fs-sm); color: var(--bc-fg);
 }
 .compose > .note button {
-  padding: 5px 11px; font: inherit; font-size: var(--bc-fs-xs); font-weight: 620;
+  padding: 5px 11px; font: inherit; font-size: var(--bc-fs-xs); font-weight: 600;
   border-radius: 999px; cursor: pointer;
   border: 1px solid var(--bc-accent); background: var(--bc-accent); color: var(--bc-on-accent);
 }
-.compose > .note button[data-discard] { background: transparent; color: var(--bc-muted); border-color: var(--bc-border); }
+.compose > .note button[data-discard] { background: var(--bc-bg); color: var(--bc-fg); border-color: var(--bc-border); }
 
 /* ---------- what is already known ----------
    A help surface in front of the form, not a step in it. Everything here is
@@ -433,58 +448,57 @@ textarea { min-height: 88px; resize: vertical; }
    leave, tap "this is happening to me too" and leave, or type straight past all
    of it and file the report they came to file. Nothing is ever in their way,
    because a reporter who feels handled rather than helped stops reporting. */
-.known { margin-bottom: 16px; }
-.known .known-h {
-  margin: 0 0 8px; font-size: 11px; font-weight: 680; letter-spacing: .06em;
+/* One small eyebrow style for every group above the form. */
+.known .known-h, .picks .picks-h {
+  margin: 0 0 7px; font-size: 11px; font-weight: 600; letter-spacing: .07em;
   text-transform: uppercase; color: var(--bc-faint);
 }
+.known { margin-bottom: 14px; }
+/* Hairline rows on the panel's own white, so they read as a list to scan
+   rather than more coloured cards to wade through. */
 .known .issue {
   display: flex; align-items: center; gap: 10px;
-  padding: 10px 12px; margin-bottom: 6px;
-  background: var(--bc-subtle); border: 1px solid var(--bc-border); border-radius: var(--bc-r-md);
+  padding: 8px 8px 8px 12px; margin-bottom: 6px;
+  background: var(--bc-bg); border: 1px solid var(--bc-border); border-radius: var(--bc-r-md);
   animation: bc-rise 240ms var(--bc-ease) both;
 }
-.known .issue.is-joined { border-color: color-mix(in srgb, var(--bc-ok) 55%, var(--bc-border)); }
+.known .issue.is-joined { background: color-mix(in srgb, var(--bc-ok) 6%, var(--bc-bg)); }
 .known .issue .who { flex: 1; min-width: 0; }
 .known .issue .t {
-  display: block; font-size: 13px; font-weight: 620; line-height: 1.4;
+  display: block; font-size: 13px; font-weight: 560; line-height: 1.4;
   color: var(--bc-fg); overflow-wrap: anywhere;
 }
 .known .issue .meta {
-  display: block; margin-top: 3px; font-size: var(--bc-fs-xs); line-height: 1.45; color: var(--bc-muted);
+  display: block; margin-top: 2px; font-size: var(--bc-fs-xs); line-height: 1.45; color: var(--bc-muted);
 }
 .known .issue .join {
-  flex: none; padding: 7px 12px; font-size: 12px; font-weight: 620;
-  color: var(--bc-accent); background: var(--bc-bg);
-  border: 1px solid var(--bc-accent-line); border-radius: 999px; cursor: pointer;
-  transition: background 160ms, border-color 160ms;
+  flex: none; height: 30px; padding: 0 12px; font: inherit; font-size: 12px; font-weight: 560;
+  color: var(--bc-fg); background: var(--bc-stone);
+  border: 0; border-radius: 999px; cursor: pointer;
+  transition: background 160ms, color 160ms;
 }
-.known .issue .join:hover { border-color: var(--bc-accent); background: var(--bc-accent-soft); }
-.known .issue .join:disabled { color: var(--bc-ok); border-color: var(--bc-border); background: var(--bc-bg); cursor: default; opacity: 1; }
+.known .issue .join:hover { background: color-mix(in srgb, var(--bc-fg) 12%, var(--bc-stone)); }
+.known .issue .join:disabled { color: var(--bc-ok); background: transparent; cursor: default; opacity: 1; }
 .known .ask { display: flex; gap: 8px; margin: 2px 0 8px; }
 .known .ask input { flex: 1; min-width: 0; }
 .known .ask button { flex: none; }
 .known .err { margin: 6px 0 0; font-size: 12px; line-height: 1.45; color: var(--bc-danger); }
 
 /* ---------- questions the assistant answers by itself ---------- */
-.picks { margin-bottom: 16px; }
-.picks .picks-h {
-  margin: 0 0 8px; font-size: 11px; font-weight: 680; letter-spacing: .06em;
-  text-transform: uppercase; color: var(--bc-faint);
-}
-.picks .picks-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; }
+.picks { margin-bottom: 14px; }
+.picks .picks-grid { display: flex; flex-wrap: wrap; gap: 6px; }
 .picks .pick {
-  display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
-  padding: 9px 11px; text-align: left; cursor: pointer; font: inherit;
-  color: var(--bc-fg); background: var(--bc-subtle);
-  border: 1px solid var(--bc-border); border-radius: var(--bc-r-md);
-  transition: background 160ms, border-color 160ms, transform 160ms;
+  display: inline-flex; align-items: center; max-width: 100%;
+  min-height: 32px; padding: 6px 13px; text-align: left; cursor: pointer; font: inherit;
+  color: var(--bc-fg); background: var(--bc-stone);
+  border: 1px solid transparent; border-radius: 999px;
+  transition: background 160ms, border-color 160ms, color 160ms, transform 160ms var(--bc-ease);
   animation: bc-rise 240ms var(--bc-ease) both;
 }
-.picks .pick:hover { border-color: var(--bc-accent-line); background: var(--bc-accent-soft); }
-.picks .pick[aria-pressed="true"] { border-color: var(--bc-accent); background: var(--bc-accent-soft); }
-.picks .pick .t { font-size: 13px; font-weight: 620; line-height: 1.35; overflow-wrap: anywhere; }
-.picks .pick .h { font-size: var(--bc-fs-xs); line-height: 1.4; color: var(--bc-muted); }
+.picks .pick:hover { background: color-mix(in srgb, var(--bc-fg) 10%, var(--bc-stone)); }
+.picks .pick:active { transform: scale(.97); }
+.picks .pick[aria-pressed="true"] { background: var(--bc-accent); color: var(--bc-on-accent); }
+.picks .pick .t { font-size: 13px; font-weight: 520; line-height: 1.35; overflow-wrap: anywhere; }
 .picks .picks-note {
   display: flex; gap: 6px; align-items: flex-start; margin: 8px 0 0;
   font-size: 12px; line-height: 1.45; color: var(--bc-muted);
@@ -498,18 +512,21 @@ textarea { min-height: 88px; resize: vertical; }
    strip is the whole panel. */
 .whoami {
   display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
-  margin-bottom: 16px; padding: 10px 12px;
+  margin-bottom: 14px; padding: 9px 12px;
   font-size: var(--bc-fs-sm); line-height: 1.45; color: var(--bc-muted);
   background: var(--bc-subtle); border: 1px solid var(--bc-border); border-radius: var(--bc-r-md);
 }
 .whoami.asking { display: block; padding: 14px; }
+.whoami.asking .row input { background: var(--bc-bg); border-color: var(--bc-border); }
 .whoami .who { flex: 1; min-width: 0; }
 .whoami .who strong { color: var(--bc-fg); font-weight: 620; word-break: break-all; }
 .link {
-  padding: 0; font: inherit; font-size: var(--bc-fs-sm); font-weight: 620; line-height: 1.45;
-  color: var(--bc-accent); background: none; border: none; cursor: pointer; border-radius: 4px;
+  padding: 0; font: inherit; font-size: var(--bc-fs-sm); font-weight: 560; line-height: 1.45;
+  color: var(--bc-fg); background: none; border: none; cursor: pointer; border-radius: 4px;
+  text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--bc-fg) 30%, transparent);
+  text-underline-offset: 3px;
 }
-.link:hover { text-decoration: underline; text-underline-offset: 2px; }
+.link:hover { text-decoration-color: currentColor; }
 .link:disabled { color: var(--bc-faint); cursor: default; text-decoration: none; }
 .whoami .why { margin: 0 0 10px; font-size: var(--bc-fs-sm); line-height: 1.5; color: var(--bc-muted); }
 .whoami .why strong { color: var(--bc-fg); font-weight: 620; word-break: break-all; }
@@ -526,18 +543,17 @@ textarea { min-height: 88px; resize: vertical; }
    assistant asking one friendly follow-up, not as a form field that appeared. */
 .refs {
   position: relative;
-  margin-bottom: 16px; padding: 14px;
+  margin-bottom: 14px; padding: 14px;
   font-size: var(--bc-fs-sm); line-height: 1.45; color: var(--bc-muted);
-  background: var(--bc-accent-soft);
-  border: 1px solid var(--bc-accent-line); border-radius: var(--bc-r-lg);
+  background: var(--bc-subtle);
+  border: 1px solid var(--bc-border); border-radius: var(--bc-r-lg);
   animation: bc-item-in 280ms var(--bc-ease) both;
 }
 .refs .ask-head { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 11px; }
-.refs .ask-head .avatar { width: 28px; height: 28px; font-size: 14px; box-shadow: none; }
-.refs .ask-head strong { display: block; font-size: 13.5px; font-weight: 650; color: var(--bc-fg); margin-bottom: 1px; }
+.refs .ask-head strong { display: block; font-size: 13.5px; font-weight: 600; color: var(--bc-fg); margin-bottom: 1px; }
 .refs .why { margin: 0; font-size: var(--bc-fs-sm); line-height: 1.5; color: var(--bc-muted); }
 .refs .row { display: flex; gap: 8px; align-items: stretch; }
-.refs .row input { flex: 1; min-width: 0; background: var(--bc-bg); }
+.refs .row input { flex: 1; min-width: 0; background: var(--bc-bg); border-color: var(--bc-border); }
 .refs select {
   flex: none; max-width: 45%; padding: 10px 10px; font-size: 13px;
   color: var(--bc-fg); background: var(--bc-bg);
@@ -565,40 +581,44 @@ textarea { min-height: 88px; resize: vertical; }
 .ref-found svg { width: 14px; height: 14px; flex: none; color: var(--bc-ok); }
 .ref-found b { font-weight: 600; color: var(--bc-fg); }
 
-/* ---------- severity ---------- */
-.seg { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; padding: 3px; background: var(--bc-subtle); border: 1px solid var(--bc-border); border-radius: var(--bc-r-md); }
+/* ---------- severity ----------
+   The segmented control from the product: a stone track, the choice lifted out
+   of it on white. */
+.seg { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; padding: 3px; background: var(--bc-stone); border-radius: 999px; }
 .seg button {
   display: inline-flex; align-items: center; justify-content: center; gap: 6px;
-  padding: 8px 4px; font-size: var(--bc-fs-sm); font-weight: 550; line-height: 1;
-  color: var(--bc-muted); background: none; border: none; border-radius: 9px;
+  height: 30px; padding: 0 4px; font: inherit; font-size: var(--bc-fs-sm); font-weight: 520; line-height: 1;
+  color: var(--bc-muted); background: none; border: none; border-radius: 999px;
   cursor: pointer; transition: background 180ms var(--bc-ease), color 180ms, box-shadow 180ms;
 }
-.seg button::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--sev, var(--bc-faint)); opacity: .55; transition: opacity 180ms; }
-.seg button[data-prio="LOW"] { --sev: #94a3b8; }
-.seg button[data-prio="MEDIUM"] { --sev: #3b82f6; }
-.seg button[data-prio="HIGH"] { --sev: #f59e0b; }
-.seg button[data-prio="CRITICAL"] { --sev: #ef4444; }
+.seg button::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--sev, var(--bc-faint)); opacity: .5; transition: opacity 180ms; }
+.seg button[data-prio="LOW"] { --sev: var(--bc-ok); }
+.seg button[data-prio="MEDIUM"] { --sev: var(--bc-info); }
+.seg button[data-prio="HIGH"] { --sev: var(--bc-warn); }
+.seg button[data-prio="CRITICAL"] { --sev: var(--bc-danger); }
 .seg button:hover { color: var(--bc-fg); }
 .seg button[aria-pressed=true] {
-  background: var(--bc-raised); color: var(--bc-fg); font-weight: 650;
-  box-shadow: 0 1px 3px rgba(10,12,16,.14), 0 0 0 1px color-mix(in srgb, var(--bc-border) 60%, transparent);
+  background: var(--bc-raised); color: var(--bc-fg); font-weight: 600;
+  box-shadow: 0 1px 2px rgba(20,18,14,.10), 0 0 0 .5px rgba(20,18,14,.08);
 }
 .seg button[aria-pressed=true]::before { opacity: 1; }
 .seg button:focus-visible { outline-offset: -2px; }
 
-/* ---------- attachments ---------- */
-.tools { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px; }
+/* ---------- attachments ----------
+   Three ring pills in a row: optional, so they take one line, not a band of
+   dashed drop zones. */
+.tools { display: flex; flex-wrap: wrap; gap: 6px; }
 .tool {
-  display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
-  padding: 12px 8px; font-size: 12px; font-weight: 600; line-height: 1;
-  color: var(--bc-fg); background: var(--bc-elevated);
-  border: 1px dashed color-mix(in srgb, var(--bc-fg) 20%, var(--bc-border)); border-radius: var(--bc-r-md); cursor: pointer;
+  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
+  height: 32px; padding: 0 11px 0 9px; font: inherit; font-size: 12.5px; font-weight: 520; line-height: 1; white-space: nowrap;
+  color: var(--bc-fg); background: var(--bc-bg);
+  border: 1px solid var(--bc-border); border-radius: 999px; cursor: pointer;
   transition: border-color 160ms, background 160ms, color 160ms, transform 160ms var(--bc-ease);
 }
-.tool svg { font-size: 19px; color: var(--bc-muted); transition: color 160ms; }
-.tool:hover:not(:disabled) { border-color: var(--bc-accent); border-style: solid; background: var(--bc-accent-soft); transform: translateY(-1px); }
-.tool:hover:not(:disabled) svg { color: var(--bc-accent); }
-.tool:active:not(:disabled) { transform: translateY(0) scale(.98); }
+.tool svg { font-size: 15px; color: var(--bc-muted); transition: color 160ms; }
+.tool:hover:not(:disabled) { background: var(--bc-subtle); border-color: color-mix(in srgb, var(--bc-fg) 20%, var(--bc-border)); }
+.tool:hover:not(:disabled) svg { color: var(--bc-fg); }
+.tool:active:not(:disabled) { transform: scale(.97); }
 .tool:disabled { opacity: .45; cursor: not-allowed; }
 .attach-hint { margin: 8px 0 0; font-size: var(--bc-fs-xs); color: var(--bc-faint); }
 
@@ -649,7 +669,7 @@ textarea { min-height: 88px; resize: vertical; }
 .foot {
   flex: none;
   display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
-  padding: 12px var(--bc-pad); border-top: 1px solid var(--bc-border);
+  padding: 12px 14px 12px var(--bc-pad); border-top: 1px solid var(--bc-border);
   background: var(--bc-bg);
 }
 .foot .spacer { flex: 1; }
@@ -662,36 +682,39 @@ textarea { min-height: 88px; resize: vertical; }
    size, and dimming it on top of that left it as a smudge in both themes. */
 .powered {
   flex: none; display: flex; align-items: center; justify-content: center; gap: 6px;
-  padding: 7px var(--bc-pad) 9px; font-size: 10.5px; color: var(--bc-faint);
-  background: var(--bc-subtle); border-top: 1px solid var(--bc-border);
+  padding: 0 var(--bc-pad) 10px; font-size: 10.5px; color: var(--bc-faint);
+  background: var(--bc-bg);
 }
 .brand-credit { display: flex; align-items: center; transition: color 0.15s; border-radius: 4px; }
-.bc-brand { height: 16px; width: auto; display: block; color: var(--bc-brand-ink); }
+.bc-brand { height: 15px; width: auto; display: block; color: var(--bc-brand-ink); }
 .brand-credit:hover .bc-brand { color: var(--bc-fg); }
+/* The product's two pills: ink for the one thing to do, a white ring for the
+   alternative. Flat — no glow, no lift. */
 button.ghost, button.primary {
   display: inline-flex; align-items: center; justify-content: center; gap: 7px;
-  height: 38px; padding: 0 15px; font: inherit; font-size: 13px; font-weight: 620; line-height: 1;
+  height: 38px; padding: 0 15px; font: inherit; font-size: 13.5px; font-weight: 560; line-height: 1;
   border-radius: 999px; cursor: pointer; white-space: nowrap;
   transition: transform 160ms var(--bc-ease), filter 160ms, background 160ms, border-color 160ms, color 160ms, box-shadow 160ms;
 }
-button.ghost { background: var(--bc-bg); border: 1px solid var(--bc-border); color: var(--bc-fg); }
-button.ghost:hover:not(:disabled) { background: var(--bc-subtle); border-color: color-mix(in srgb, var(--bc-fg) 20%, var(--bc-border)); }
+button.ghost { background: var(--bc-bg); border: 0; color: var(--bc-fg); box-shadow: 0 0 0 1px var(--bc-border), 0 1px 2px rgba(20,18,14,.05); }
+button.ghost:hover:not(:disabled) { background: var(--bc-subtle); }
 button.ghost svg, button.primary svg { font-size: 15px; }
 button.primary {
   padding: 0 18px;
-  background: var(--bc-accent); border: 1px solid var(--bc-accent); color: var(--bc-on-accent);
-  box-shadow: 0 4px 12px color-mix(in srgb, var(--bc-accent) 30%, transparent);
+  background: var(--bc-accent); border: 0; color: var(--bc-on-accent);
+  box-shadow: 0 1px 2px rgba(0,0,0,.14);
 }
-button.primary:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.07); }
-button.primary:active:not(:disabled) { transform: none; }
-button:disabled { opacity: .5; cursor: not-allowed; }
+button.primary:hover:not(:disabled) { filter: brightness(1.12) contrast(.96); }
+button.primary:active:not(:disabled) { transform: scale(.98); }
+button:disabled { opacity: .45; cursor: not-allowed; }
 button.primary:disabled { box-shadow: none; }
-button.primary .spinner { border-color: rgba(255,255,255,.4); border-top-color: #fff; width: 14px; height: 14px; }
+button.primary .spinner { border-color: color-mix(in srgb, var(--bc-on-accent) 40%, transparent); border-top-color: var(--bc-on-accent); width: 14px; height: 14px; }
 button.quiet {
-  padding: 0 4px; height: 38px; font: inherit; font-size: 13px; font-weight: 600;
+  padding: 0 4px; height: 38px; font: inherit; font-size: 13px; font-weight: 520;
   border: none; background: none; color: var(--bc-muted); cursor: pointer; border-radius: 8px;
+  text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px;
 }
-button.quiet:hover { color: var(--bc-accent); }
+button.quiet:hover { color: var(--bc-fg); text-decoration-color: color-mix(in srgb, var(--bc-fg) 35%, transparent); }
 
 /* ---------- your reports ---------- */
 .history {
@@ -711,13 +734,13 @@ button.quiet:hover { color: var(--bc-accent); }
 .history .row:last-child { border-bottom: 0; }
 .history .who { flex: 1; min-width: 0; }
 .history .ttl {
-  display: block; font-size: 13.5px; font-weight: 600; color: var(--bc-fg);
+  display: block; font-size: 13.5px; font-weight: 560; color: var(--bc-fg);
   overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
 .history .sub { display: block; margin-top: 3px; font-size: var(--bc-fs-xs); color: var(--bc-faint); }
 .history .row-ico {
   flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px;
-  background: var(--bc-subtle); color: var(--bc-muted); font-size: 16px;
+  background: var(--bc-stone); color: var(--bc-muted); font-size: 16px;
 }
 .history .chev { flex: none; color: var(--bc-faint); font-size: 15px; transition: transform 160ms var(--bc-ease), color 160ms; }
 .empty {
@@ -726,7 +749,7 @@ button.quiet:hover { color: var(--bc-accent); }
 }
 .empty .empty-ico {
   display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
-  background: var(--bc-accent-soft); color: var(--bc-accent); font-size: 20px;
+  background: var(--bc-stone); color: var(--bc-fg); font-size: 20px;
 }
 .skel {
   display: block; height: 12px; border-radius: 6px; margin: 6px 0;
@@ -742,7 +765,7 @@ button.quiet:hover { color: var(--bc-accent); }
   animation: bc-rise 260ms var(--bc-ease) both;
 }
 .history button.row:hover { background: var(--bc-subtle); }
-.history button.row:hover .chev { transform: translateX(2px); color: var(--bc-accent); }
+.history button.row:hover .chev { transform: translateX(2px); color: var(--bc-fg); }
 .history button.row:focus-visible { outline-offset: -2px; }
 
 /* ---------- one report, and what happened to it ---------- */
@@ -752,7 +775,7 @@ button.quiet:hover { color: var(--bc-accent); }
   padding: 10px var(--bc-pad); border-bottom: 1px solid var(--bc-border);
   background: var(--bc-bg);
 }
-.report-head .ttl { font-size: 13px; font-weight: 620; color: var(--bc-fg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
+.report-head .ttl { font-size: 13.5px; font-weight: 600; color: var(--bc-fg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
 .report-head .sub { font-size: var(--bc-fs-xs); color: var(--bc-faint); }
 .report-head .pill { grid-row: 1 / span 2; grid-column: 2; align-self: center; }
 
@@ -786,9 +809,9 @@ button.quiet:hover { color: var(--bc-accent); }
   border-radius: 50%; background: var(--bc-muted); vertical-align: middle;
 }
 .sys .t { color: var(--bc-faint); }
-.sys.k-status .dot { background: #4da3ff; }
-.sys.k-severity .dot { background: #e8912a; }
-.sys.k-assignment .dot { background: #8b7dff; }
+.sys.k-status .dot { background: var(--bc-info); }
+.sys.k-severity .dot { background: var(--bc-warn); }
+.sys.k-assignment .dot { background: var(--bc-brand-mark); }
 .sys.k-filed .dot { background: var(--bc-faint); }
 
 /* ---------- the conversation ----------
@@ -821,24 +844,21 @@ button.quiet:hover { color: var(--bc-accent); }
 .msg-row.mine > * { grid-column: 1; }
 .av {
   display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%;
-  font-size: 11px; font-weight: 700; letter-spacing: .02em;
-  background: color-mix(in srgb, var(--bc-fg) 10%, var(--bc-bg)); color: var(--bc-fg);
+  font-size: 11px; font-weight: 650; letter-spacing: .02em;
+  background: var(--bc-stone); color: var(--bc-fg);
 }
-.av.bot {
-  background: linear-gradient(140deg, var(--bc-accent), color-mix(in srgb, var(--bc-accent) 60%, #fff));
-  color: var(--bc-on-accent); font-size: 14px;
-}
-.msg-who { font-size: var(--bc-fs-xs); font-weight: 620; color: var(--bc-muted); padding: 0 4px 4px; }
-.msg-who.auto { color: var(--bc-accent); display: inline-flex; align-items: center; gap: 5px; }
+.av.bot { width: 28px; }
+.msg-who { font-size: var(--bc-fs-xs); font-weight: 560; color: var(--bc-muted); padding: 0 4px 4px; }
+.msg-who.auto { color: var(--bc-fg); display: inline-flex; align-items: center; gap: 5px; }
 .msg-who .tag {
-  padding: 1px 6px; border-radius: 999px; font-size: 9.5px; font-weight: 700; letter-spacing: .04em;
-  text-transform: uppercase; background: var(--bc-accent-soft); color: var(--bc-accent);
+  padding: 1px 6px; border-radius: 999px; font-size: 9.5px; font-weight: 650; letter-spacing: .05em;
+  text-transform: uppercase; background: var(--bc-stone); color: var(--bc-muted);
 }
 .bubble {
   justify-self: start; max-width: 100%;
   padding: 9px 13px; border-radius: 18px; font-size: 13.5px; line-height: 1.5;
-  background: var(--bc-subtle); color: var(--bc-fg);
-  border: 1px solid var(--bc-border);
+  background: var(--bc-stone); color: var(--bc-fg);
+  border: 1px solid transparent;
   border-bottom-left-radius: 6px;
 }
 /* pre-wrap belongs to the text, not the box — on the box it would also render
@@ -851,9 +871,10 @@ button.quiet:hover { color: var(--bc-accent); }
 }
 .msg-row.cont.theirs .bubble { border-top-left-radius: 6px; }
 .msg-row.cont.mine .bubble { border-top-right-radius: 6px; }
-/* A reply nobody wrote: tinted with the accent and labelled "Assistant" above
-   it, so it reads the same to someone who cannot see the colour at all. */
-.msg-row.auto .bubble { background: var(--bc-accent-soft); border-color: var(--bc-accent-line); }
+/* A reply nobody wrote: drawn on white with a hairline, beside the orb and
+   labelled "Assistant" above it, so it reads the same to someone who cannot
+   see the difference at all. */
+.msg-row.auto .bubble { background: var(--bc-bg); border-color: var(--bc-border); }
 /* An attachment-only message has no text to wrap, so the bubble would be an
    empty coloured box around it. */
 .bubble.silent { padding: 0; background: none !important; border: 0; }
@@ -867,7 +888,7 @@ button.quiet:hover { color: var(--bc-accent); }
 /* The assistant, thinking. Three dots in a bubble where its next message will be. */
 .typing { display: inline-flex; align-items: center; gap: 4px; padding: 12px 14px; justify-self: start; }
 .typing i {
-  width: 7px; height: 7px; border-radius: 50%; background: var(--bc-accent); opacity: .45;
+  width: 6px; height: 6px; border-radius: 50%; background: var(--bc-muted); opacity: .45;
   animation: bc-typing 1.2s ease-in-out infinite;
 }
 .typing i:nth-child(2) { animation-delay: .15s; }
@@ -903,30 +924,29 @@ button.quiet:hover { color: var(--bc-accent); }
   background: var(--bc-subtle);
   transition: background 400ms ease, border-color 400ms ease;
 }
-.assistant.analyzing, .assistant.confirming, .assistant.needs_info {
-  background: var(--bc-accent-soft); border-color: var(--bc-accent-line);
-}
-.assistant.resolved { background: color-mix(in srgb, var(--bc-ok) 9%, var(--bc-bg)); border-color: color-mix(in srgb, var(--bc-ok) 35%, var(--bc-border)); }
+.assistant.resolved { background: color-mix(in srgb, var(--bc-ok) 7%, var(--bc-bg)); border-color: color-mix(in srgb, var(--bc-ok) 30%, var(--bc-border)); }
 /* On a call: the call's own card is what they are watching. This one states
-   what is happening and stops moving — no spinner, no travelling bar. */
+   what is happening and stops moving — no breathing orb, no travelling bar. */
 .assistant.calling { background: var(--bc-bg); }
 .assistant.calling .as-progress i { transition: none; }
 .as-body.entering { animation: bc-rise 360ms var(--bc-ease) both; }
 .as-top { display: flex; gap: 11px; align-items: center; }
+/* The orb, while the assistant is at work; a plain disc with a glyph once it
+   is on a call or has finished. */
 .as-orb {
   flex: none; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center;
-  color: var(--bc-on-accent); font-size: 15px;
-  background: linear-gradient(140deg, var(--bc-accent), color-mix(in srgb, var(--bc-accent) 60%, #fff));
+  color: var(--bc-on-accent); font-size: 15px; background: var(--bc-accent);
 }
-.assistant.resolved .as-orb { background: var(--bc-ok); }
-.assistant.reviewing .as-orb { background: color-mix(in srgb, var(--bc-fg) 55%, var(--bc-bg)); }
-.as-spin { width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(255,255,255,.4); border-top-color: #fff; animation: as-rot .8s linear infinite; }
-@keyframes as-rot { to { transform: rotate(360deg); } }
+.as-orb.orb { background: var(--bc-o2); }
+.assistant.analyzing .as-orb.orb { animation: as-breathe 2.4s ease-in-out infinite; }
+@keyframes as-breathe { 50% { transform: scale(.88); } }
+.assistant.resolved .as-orb { background: var(--bc-ok); color: #fff; }
+.assistant.reviewing .as-orb.orb { filter: saturate(.35); }
 .as-text { min-width: 0; flex: 1; }
-.as-title { font-weight: 650; font-size: 13.5px; letter-spacing: -.01em; color: var(--bc-fg); }
+.as-title { font-weight: 600; font-size: 13.5px; letter-spacing: -.01em; color: var(--bc-fg); }
 .as-detail { font-size: 12px; line-height: 1.45; color: var(--bc-muted); margin-top: 2px; }
 .as-progress {
-  height: 4px; margin: 12px 0 0; border-radius: 999px; overflow: hidden;
+  height: 3px; margin: 12px 0 0; border-radius: 999px; overflow: hidden;
   background: color-mix(in srgb, var(--bc-fg) 9%, transparent);
 }
 .as-progress i {
@@ -935,39 +955,42 @@ button.quiet:hover { color: var(--bc-accent); }
 }
 .assistant.resolved .as-progress i { background: var(--bc-ok); }
 .assistant.analyzing .as-progress i {
-  background: linear-gradient(90deg, var(--bc-accent) 0%, color-mix(in srgb, var(--bc-accent) 45%, #fff) 50%, var(--bc-accent) 100%);
+  background: linear-gradient(90deg, var(--bc-accent) 0%, color-mix(in srgb, var(--bc-accent) 35%, var(--bc-bg)) 50%, var(--bc-accent) 100%);
   background-size: 200% 100%; animation: bc-shimmer 1.6s linear infinite;
 }
+/* Four short labels under the bar. Allowed to wrap rather than be cut: at this
+   width "Report received" ellipsised to "Report recei…". */
 .as-steps {
-  list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px;
-  margin: 8px 0 0; padding: 0; font-size: 10.5px; color: var(--bc-faint);
+  list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px 6px;
+  margin: 8px 0 0; padding: 0; font-size: 10.5px; line-height: 1.3; color: var(--bc-faint);
 }
-.as-steps li { display: flex; align-items: center; gap: 5px; min-width: 0; white-space: nowrap; }
-.as-steps li .lbl { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
-.as-steps li .dot { flex: none; width: 8px; height: 8px; border-radius: 50%; border: 1.5px solid currentColor; }
+.as-steps li { display: flex; align-items: flex-start; gap: 5px; min-width: 0; }
+.as-steps li .lbl { min-width: 0; overflow-wrap: anywhere; }
+.as-steps li .dot { flex: none; width: 7px; height: 7px; margin-top: 3px; border-radius: 50%; border: 1.5px solid currentColor; }
 .as-steps li.done { color: var(--bc-muted); }
 .as-steps li.done .dot { background: var(--bc-accent); border-color: var(--bc-accent); }
 .assistant.resolved .as-steps li.done .dot { background: var(--bc-ok); border-color: var(--bc-ok); }
-.as-steps li.active { color: var(--bc-fg); font-weight: 650; }
+.as-steps li.active { color: var(--bc-fg); font-weight: 600; }
 .as-steps li.active .dot { border-color: var(--bc-accent); background: var(--bc-bg); animation: as-pulse 1.2s ease-in-out infinite; }
-@keyframes as-pulse { 50% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--bc-accent) 25%, transparent); } }
-@media (prefers-reduced-motion: reduce) { .as-spin, .as-steps li.active .dot, .assistant.analyzing .as-progress i, .typing i { animation: none; } }
+@keyframes as-pulse { 50% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--bc-accent) 18%, transparent); } }
+@media (prefers-reduced-motion: reduce) { .as-orb, .as-steps li.active .dot, .assistant.analyzing .as-progress i, .typing i { animation: none; } }
 
 /* Quick answers under the confirm question — only on the latest message. */
 .msg-row .quick { display: none; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
 .msg-row:last-child .quick { display: flex; }
 .quick button {
   display: inline-flex; align-items: center; gap: 6px;
-  font: inherit; font-size: 13px; font-weight: 600; padding: 8px 14px; border-radius: 999px; cursor: pointer;
-  border: 1px solid var(--bc-accent); background: var(--bc-bg); color: var(--bc-accent);
+  font: inherit; font-size: 13px; font-weight: 560; height: 34px; padding: 0 14px; border-radius: 999px; cursor: pointer;
+  border: 0; background: var(--bc-bg); color: var(--bc-fg); box-shadow: 0 0 0 1px var(--bc-border);
   transition: background 160ms, color 160ms, transform 160ms var(--bc-ease);
   animation: bc-item-in 300ms var(--bc-ease) both;
 }
-.quick button:first-child { background: var(--bc-accent); color: var(--bc-on-accent); }
+.quick button:first-child { background: var(--bc-accent); color: var(--bc-on-accent); box-shadow: none; }
 .quick button:nth-child(2) { animation-delay: 60ms; }
 .quick button svg { font-size: 13px; }
-.quick button:hover { transform: translateY(-1px); background: var(--bc-accent-soft); }
-.quick button:first-child:hover { background: var(--bc-accent); filter: brightness(1.07); }
+.quick button:hover { background: var(--bc-subtle); }
+.quick button:first-child:hover { background: var(--bc-accent); filter: brightness(1.12) contrast(.96); }
+.quick button:active { transform: scale(.97); }
 
 /* ---------- the composer ---------- */
 .composer {
@@ -984,10 +1007,10 @@ button.quiet:hover { color: var(--bc-accent); }
 .composer .row {
   display: flex; align-items: flex-end; gap: 4px;
   padding: 5px; border-radius: 22px;
-  background: var(--bc-subtle); border: 1px solid var(--bc-border);
-  transition: border-color 160ms, box-shadow 160ms;
+  background: var(--bc-stone); border: 1px solid transparent;
+  transition: border-color 160ms, box-shadow 160ms, background 160ms;
 }
-.composer .row:focus-within { border-color: var(--bc-accent); box-shadow: var(--bc-ring); }
+.composer .row:focus-within { background: var(--bc-bg); border-color: var(--bc-accent); box-shadow: var(--bc-ring); }
 .composer textarea {
   flex: 1; min-width: 0; min-height: 34px; max-height: 120px; resize: none; padding: 7px 6px;
   font: inherit; font-size: 13.5px; line-height: 1.45;
@@ -1012,8 +1035,8 @@ button.quiet:hover { color: var(--bc-accent); }
   display: grid; place-items: center;
   transition: transform 160ms var(--bc-ease), opacity 160ms, filter 160ms;
 }
-.composer .send:hover:not(:disabled) { filter: brightness(1.08); transform: scale(1.05); }
-.composer .send:disabled { opacity: .35; cursor: default; background: var(--bc-faint); }
+.composer .send:hover:not(:disabled) { filter: brightness(1.12) contrast(.96); transform: scale(1.04); }
+.composer .send:disabled { opacity: .3; cursor: default; background: var(--bc-faint); }
 .composer .staged { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 0 8px; }
 .composer .chip {
   display: flex; align-items: center; gap: 6px; max-width: 200px;
@@ -1036,23 +1059,16 @@ button.quiet:hover { color: var(--bc-accent); }
    lands on — which is what someone opening this screen came to check. */
 .pill {
   flex: none; display: inline-flex; align-items: center; gap: 5px;
-  font-size: 11px; font-weight: 650;
+  font-size: 11px; font-weight: 600;
   padding: 3px 9px; border-radius: 999px;
-  color: var(--bc-muted); background: var(--bc-subtle);
+  color: var(--bc-muted); background: var(--bc-stone);
 }
 .pill::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
-.pill.open { color: #c2410c; background: color-mix(in srgb, #f59e0b 14%, var(--bc-bg)); }
-.pill.in_progress { color: #1d6fd1; background: color-mix(in srgb, #3b82f6 14%, var(--bc-bg)); }
-.pill.resolved { color: #0f8a5a; background: color-mix(in srgb, #10b981 14%, var(--bc-bg)); }
+/* The theme's own status colours, which already have a dark cut. */
+.pill.open { color: var(--bc-warn); background: color-mix(in srgb, var(--bc-warn) 12%, var(--bc-bg)); }
+.pill.in_progress { color: var(--bc-info); background: color-mix(in srgb, var(--bc-info) 12%, var(--bc-bg)); }
+.pill.resolved { color: var(--bc-ok); background: color-mix(in srgb, var(--bc-ok) 12%, var(--bc-bg)); }
 .pill.closed { color: var(--bc-muted); }
-:host(.bc-dark) .pill.open { color: #fbbf24; }
-:host(.bc-dark) .pill.in_progress { color: #7cb8ff; }
-:host(.bc-dark) .pill.resolved { color: #4ade9a; }
-@media (prefers-color-scheme: dark) {
-  :host(.bc-auto) .pill.open { color: #fbbf24; }
-  :host(.bc-auto) .pill.in_progress { color: #7cb8ff; }
-  :host(.bc-auto) .pill.resolved { color: #4ade9a; }
-}
 
 /* ---------- does the fix work ---------- */
 .fix-verification {
@@ -1072,6 +1088,47 @@ button.quiet:hover { color: var(--bc-accent); }
 .fix-verification .feedback-status { margin: 6px 0 0; font-weight: 450; color: var(--bc-danger); font-size: var(--bc-fs-xs); }
 .fix-verification .feedback-status:empty { display: none; }
 
+/* ---------- how did we do ----------
+   Quieter than the card above it: that one asks whether the fix works, which
+   the team acts on; this asks how it felt, which they learn from. The stars
+   carry the only colour, so the one thing to do here is the thing you see. */
+.fix-rating {
+  --bc-star: #f0a81c;
+  flex: none; margin: 10px 12px 0; padding: 12px 14px;
+  border-radius: var(--bc-r-lg); border: 1px solid var(--bc-border); background: var(--bc-bg);
+  font-size: var(--bc-fs-sm); color: var(--bc-fg);
+  animation: bc-rise 280ms var(--bc-ease) both;
+}
+.fix-rating .fr-q { margin: 0 0 6px; font-weight: 620; }
+.fix-rating .stars { display: flex; gap: 2px; margin: 0 0 2px -4px; }
+.fix-rating .stars button {
+  display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0;
+  border: 0; border-radius: 8px; background: transparent; cursor: pointer;
+  color: color-mix(in srgb, var(--bc-fg) 18%, transparent);
+  transition: color 120ms ease, transform 120ms var(--bc-ease);
+}
+.fix-rating .stars button svg { width: 24px; height: 24px; }
+.fix-rating .stars button.on { color: var(--bc-star); }
+.fix-rating .stars button:hover:not(:disabled) { transform: scale(1.08); }
+.fix-rating .stars button:focus-visible { outline: none; box-shadow: var(--bc-ring); }
+.fix-rating .stars button:disabled { cursor: default; }
+.fix-rating .fr-hint { margin: 2px 0 0; font-size: var(--bc-fs-xs); color: var(--bc-faint); }
+.fix-rating .fr-said { margin: 6px 0 0; font-size: 13px; color: var(--bc-muted); white-space: pre-wrap; overflow-wrap: anywhere; }
+.fix-rating .fr-note { margin-top: 8px; }
+.fix-rating .fr-note textarea { min-height: 52px; margin-bottom: 8px; font-size: 13px; }
+.fix-rating .fr-note button {
+  padding: 7px 13px; font: inherit; font-size: 12.5px; font-weight: 620; border-radius: 999px; cursor: pointer;
+  border: 1px solid var(--bc-border); background: var(--bc-bg); color: var(--bc-fg);
+}
+.fix-rating .feedback-status { margin: 6px 0 0; color: var(--bc-danger); font-size: var(--bc-fs-xs); }
+.fix-rating .feedback-status:empty { display: none; }
+@media (prefers-reduced-motion: reduce) { .fix-rating .stars button { transition: none; } .fix-rating .stars button:hover { transform: none; } }
+
+/* The rating on a history row: the score given, or a nudge to give one. */
+.history .sub .rated { display: inline-flex; align-items: center; gap: 2px; color: var(--bc-muted); font-weight: 600; }
+.history .sub .rated svg { width: 11px; height: 11px; color: #f0a81c; }
+.history .sub .rate-ask { color: var(--bc-fg); font-weight: 600; }
+
 /* A call in progress, in place of the form.
    ---------------------------------------------------------------------------
    Deliberately not styled as a chat. Nothing arrives here to read — the
@@ -1121,13 +1178,13 @@ button.quiet:hover { color: var(--bc-accent); }
    and this screen's padding was landing on every one of them. */
 div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 240ms ease both; }
 .done .tick {
-  width: 56px; height: 56px; margin: 0 auto 16px; border-radius: 50%;
-  display: grid; place-items: center; font-size: 26px;
-  background: color-mix(in srgb, var(--bc-ok) 14%, transparent); color: var(--bc-ok);
-  box-shadow: 0 0 0 8px color-mix(in srgb, var(--bc-ok) 6%, transparent);
+  width: 52px; height: 52px; margin: 0 auto 16px; border-radius: 50%;
+  display: grid; place-items: center; font-size: 24px;
+  background: var(--bc-ok); color: #fff;
+  box-shadow: 0 0 0 7px color-mix(in srgb, var(--bc-ok) 12%, transparent);
   animation: bc-pop 420ms var(--bc-ease) both;
 }
-.done h3 { margin: 0 0 6px; font-size: 17px; font-weight: 680; letter-spacing: -.015em; }
+.done h3 { margin: 0 0 6px; font-size: 18px; font-weight: 600; letter-spacing: -.02em; }
 .done p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--bc-muted); }
 .done code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; padding: 1px 5px; border-radius: 5px; background: var(--bc-subtle); color: var(--bc-fg); }
 /* The likely wait. Set apart from the reference line above it by a rule rather
@@ -1191,7 +1248,7 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
    is open — the sheet has its own close button, and a launcher floating over
    the send button would be in the way of the one thing that matters. */
 @media (max-width: 480px) {
-  .scrim { background: rgba(10,12,16,.4); }
+  .scrim { background: rgba(14,14,16,.4); }
   .panel, .scrim.at-right .panel, .scrim.at-left .panel, .scrim.at-bottom .panel, .scrim.at-top .panel {
     inset: 0; width: 100%; max-width: none; height: 100%; max-height: none;
     border-radius: 0; border: 0;
@@ -1206,6 +1263,16 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
   .foot:has(+ .powered) { padding-bottom: 12px; }
   .recbar .hint { display: none; }
   .msg-row, .typing-row { max-width: 92%; }
+  /* The question chips are one row that scrolls sideways, edge to edge, rather
+     than three stacked rows pushing the form down the screen. */
+  .picks .picks-grid {
+    flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
+    margin: 0 calc(var(--bc-pad) * -1); padding: 0 var(--bc-pad) 2px;
+    scroll-snap-type: x proximity; scroll-padding: 0 var(--bc-pad);
+  }
+  .picks .picks-grid::-webkit-scrollbar { display: none; }
+  .picks .pick { flex: none; scroll-snap-align: start; }
+  .picks .pick .t { white-space: nowrap; }
 }
 
 @media (pointer: coarse) {
@@ -1220,7 +1287,8 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
      under it, on the one surface in the product designed for someone who is
      not an operator and gets no second attempt. */
   .seg button { min-height: 44px; }
-  .tool { min-height: 56px; }
+  .tool, .known .issue .join { min-height: 44px; }
+  .picks .pick { min-height: 40px; }
   button.primary, button.ghost { height: 44px; }
   .composer .send, .composer .tool { width: 40px; height: 40px; min-height: 0; }
   textarea { min-height: 104px; }
@@ -1229,7 +1297,7 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
   /* The close button and the thumbnails' remove buttons are small glyphs whose
      boxes cannot grow without moving what is beside them, so each keeps its
      size and gets an invisible target drawn around it instead. The theme
-     switch gets the same in the launcher's own sheet (widget.js). */
+     button in the header is one of these. */
   .head .icon-btn, .thumb .drop, .brand-credit { position: relative; }
   .thumb .drop { position: absolute; opacity: 1; }
   .head .icon-btn::after, .thumb .drop::after, .brand-credit::after {
@@ -1243,26 +1311,28 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
 @media (hover: none) {
   .tool:hover:not(:disabled) { transform: none; }
 }
-`;function ot({title:t,sub:e,id:n="",back:o=!1}){return`
+`;function st({title:e,sub:t,id:n="",back:o=!1,theme:a=""}){return`
     <div class="head">
-      ${o?`<button class="icon-btn back" type="button" data-act="back" aria-label="Back to your reports">${ka}</button>`:""}
-      <div class="mark" aria-hidden="true">${we}</div>
+      ${o?`<button class="icon-btn back" type="button" data-act="back" aria-label="Back to your reports">${Aa}</button>`:""}
+      <span class="orb mark" aria-hidden="true"></span>
       <div class="titles">
-        <h2${n?` id="${n}"`:""}>${E(t)}</h2>
-        <p>${E(e)}</p>
+        <h2${n?` id="${n}"`:""}>${I(e)}</h2>
+        <p>${I(t)}</p>
       </div>
-      <button class="icon-btn" type="button" data-act="close" aria-label="Close">${fe}</button>
-    </div>`}function at(t,e){return`<div class="empty"><span class="empty-ico" aria-hidden="true">${e}</span>${E(t)}</div>`}function Ia(t){return Array.from({length:t},()=>`
+      ${a?`<button class="icon-btn theme" type="button" data-act="theme" title="Theme: ${I(a)}"
+        aria-label="Theme: ${I(a)}. Change theme"><span class="m-light">${xt}</span><span class="m-dark">${kt}</span><span class="m-auto">${St}</span></button>`:""}
+      <button class="icon-btn" type="button" data-act="close" aria-label="Close">${ge}</button>
+    </div>`}function ct(e,t){return`<div class="empty"><span class="empty-ico" aria-hidden="true">${t}</span>${I(e)}</div>`}function za(e){return Array.from({length:e},()=>`
     <div class="row" aria-hidden="true">
       <span class="row-ico"></span>
       <span class="who"><span class="skel" style="width:70%"></span><span class="skel" style="width:40%;height:9px"></span></span>
-    </div>`).join("")+'<span class="sr-only">Loading…</span>'}function La(){return`
+    </div>`).join("")+'<span class="sr-only">Loading…</span>'}function qa(){return`
     <div aria-hidden="true" style="display:flex;flex-direction:column;gap:10px;padding-top:6px">
       <span class="skel" style="width:42%;height:34px;border-radius:16px;align-self:center"></span>
       <span class="skel" style="width:66%;height:52px;border-radius:18px"></span>
       <span class="skel" style="width:48%;height:38px;border-radius:18px;align-self:flex-end"></span>
     </div>
-    <span class="sr-only">Loading…</span>`}function Aa(t){const e=String(t).trim().split(/\s+/).filter(Boolean);return e.length?(e[0][0]+(e.length>1?e[e.length-1][0]:"")).toUpperCase():"?"}function ve(t){const e=new Date(t);return Number.isFinite(e.getTime())?`${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`:null}function Ma(t){const e=new Date(t),n=new Date,o=new Date(n.getFullYear(),n.getMonth(),n.getDate()-1);if(ve(e)===ve(n))return"Today";if(ve(e)===ve(o))return"Yesterday";try{return e.toLocaleDateString(void 0,{weekday:"short",day:"numeric",month:"short",...e.getFullYear()!==n.getFullYear()?{year:"numeric"}:{}})}catch{return je(t)}}function on(t){const e=new Date(t);if(!Number.isFinite(e.getTime()))return"";try{return e.toLocaleTimeString(void 0,{hour:"numeric",minute:"2-digit"})}catch{return""}}function an(t){return t.scrollHeight-t.scrollTop-t.clientHeight<40}function xe(t,{smooth:e=!1}={}){const n=typeof matchMedia=="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches;e&&!n&&t.scrollTo?t.scrollTo({top:t.scrollHeight,behavior:"smooth"}):t.scrollTop=t.scrollHeight}function rt(t){return{OPEN:"Open",IN_PROGRESS:"In progress",RESOLVED:"Fixed",CLOSED:"Closed"}[t]||String(t||"").toLowerCase()}function je(t){const e=new Date(t).getTime();if(!Number.isFinite(e))return"";const n=Math.floor((Date.now()-e)/864e5);if(n<=0)return"today";if(n===1)return"yesterday";if(n<30)return`${n} days ago`;const o=Math.floor(n/30);return o===1?"a month ago":`${o} months ago`}function E(t){return String(t).replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[e])}const Ba=7*24*60*60*1e3;let Oe;function Ra(){return Oe||(Oe=new Promise((t,e)=>{const n=indexedDB.open("bugcatch-drafts",1);n.onupgradeneeded=()=>n.result.createObjectStore("drafts"),n.onsuccess=()=>t(n.result),n.onerror=()=>e(n.error),n.onblocked=()=>e(new Error("Draft storage is blocked."))}).catch(t=>{throw Oe=null,t})),Oe}function ja(t,e){var n,o;return JSON.stringify([t.apiBase,t.projectId,e||((n=t.user)==null?void 0:n.email)||((o=t.user)==null?void 0:o.id)||"anonymous"])}async function ze(t,e){const n=await Ra();return new Promise((o,a)=>{const r=n.transaction("drafts",e===void 0?"readonly":"readwrite"),i=r.objectStore("drafts"),s=e===void 0?i.get(t):e===null?i.delete(t):i.put({...e,savedAt:Date.now()},t);r.oncomplete=()=>o(s.result),r.onerror=()=>a(r.error),r.onabort=()=>a(r.error||new Error("Draft was not saved."))})}async function Oa(t){const e=await ze(t);return e&&Date.now()-e.savedAt>Ba?(await ze(t,null),null):e||null}const rn=[{value:"LOW",label:"Low"},{value:"MEDIUM",label:"Medium"},{value:"HIGH",label:"High"},{value:"CRITICAL",label:"Critical"}],sn="MEDIUM";function za(t){const e=t.attachments!==!1,n=e&&no(),o=e&&to();return`
+    <span class="sr-only">Loading…</span>`}function Qa(e){const t=String(e).trim().split(/\s+/).filter(Boolean);return t.length?(t[0][0]+(t.length>1?t[t.length-1][0]:"")).toUpperCase():"?"}function xe(e){const t=new Date(e);return Number.isFinite(t.getTime())?`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`:null}function Ha(e){const t=new Date(e),n=new Date,o=new Date(n.getFullYear(),n.getMonth(),n.getDate()-1);if(xe(t)===xe(n))return"Today";if(xe(t)===xe(o))return"Yesterday";try{return t.toLocaleDateString(void 0,{weekday:"short",day:"numeric",month:"short",...t.getFullYear()!==n.getFullYear()?{year:"numeric"}:{}})}catch{return qe(e)}}function un(e){const t=new Date(e);if(!Number.isFinite(t.getTime()))return"";try{return t.toLocaleTimeString(void 0,{hour:"numeric",minute:"2-digit"})}catch{return""}}function pn(e){return e.scrollHeight-e.scrollTop-e.clientHeight<40}function ke(e,{smooth:t=!1}={}){const n=typeof matchMedia=="function"&&matchMedia("(prefers-reduced-motion: reduce)").matches;t&&!n&&e.scrollTo?e.scrollTo({top:e.scrollHeight,behavior:"smooth"}):e.scrollTop=e.scrollHeight}function lt(e){return{OPEN:"Open",IN_PROGRESS:"In progress",RESOLVED:"Fixed",CLOSED:"Closed"}[e]||String(e||"").toLowerCase()}function qe(e){const t=new Date(e).getTime();if(!Number.isFinite(t))return"";const n=Math.floor((Date.now()-t)/864e5);if(n<=0)return"today";if(n===1)return"yesterday";if(n<30)return`${n} days ago`;const o=Math.floor(n/30);return o===1?"a month ago":`${o} months ago`}function I(e){return String(e).replace(/[&<>"']/g,t=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[t])}const Da=7*24*60*60*1e3;let Qe;function Na(){return Qe||(Qe=new Promise((e,t)=>{const n=indexedDB.open("bugcatch-drafts",1);n.onupgradeneeded=()=>n.result.createObjectStore("drafts"),n.onsuccess=()=>e(n.result),n.onerror=()=>t(n.error),n.onblocked=()=>t(new Error("Draft storage is blocked."))}).catch(e=>{throw Qe=null,e})),Qe}function Ua(e,t){var n,o;return JSON.stringify([e.apiBase,e.projectId,t||((n=e.user)==null?void 0:n.email)||((o=e.user)==null?void 0:o.id)||"anonymous"])}async function He(e,t){const n=await Na();return new Promise((o,a)=>{const r=n.transaction("drafts",t===void 0?"readonly":"readwrite"),i=r.objectStore("drafts"),s=t===void 0?i.get(e):t===null?i.delete(e):i.put({...t,savedAt:Date.now()},e);r.oncomplete=()=>o(s.result),r.onerror=()=>a(r.error),r.onabort=()=>a(r.error||new Error("Draft was not saved."))})}async function Pa(e){const t=await He(e);return t&&Date.now()-t.savedAt>Da?(await He(e,null),null):t||null}const hn=[{value:"LOW",label:"Low"},{value:"MEDIUM",label:"Medium"},{value:"HIGH",label:"High"},{value:"CRITICAL",label:"Critical"}],fn="MEDIUM";function Ka(e){const t=e.attachments!==!1,n=t&&lo(),o=t&&co();return`
         <div class="compose">
         <div class="field">
           <label for="bc-title">What went wrong?</label>
@@ -1282,230 +1352,243 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
         <div class="field">
           <label id="bc-prio-l">How much is it getting in your way?</label>
           <div class="seg" role="group" aria-labelledby="bc-prio-l">
-            ${rn.map(a=>`
-              <button type="button" data-prio="${a.value}" aria-pressed="${a.value===sn}">${a.label}</button>
+            ${hn.map(a=>`
+              <button type="button" data-prio="${a.value}" aria-pressed="${a.value===fn}">${a.label}</button>
             `).join("")}
           </div>
         </div>
-        ${e?`
+        ${t?`
         <div class="field">
           <div class="field-head">
             <label id="bc-att-l">Show us <span class="opt">(optional)</span></label>
             <span class="count" aria-live="polite"></span>
           </div>
           <div class="tools" role="group" aria-labelledby="bc-att-l">
-            ${n?`<button class="tool" type="button" data-act="shot">${wa}Screenshot</button>`:""}
-            ${o?`<button class="tool" type="button" data-act="rec">${va}Record screen</button>`:""}
-            <button class="tool" type="button" data-act="file">${en}Upload file</button>
+            ${n?`<button class="tool" type="button" data-act="shot">${Ea}Screenshot</button>`:""}
+            ${o?`<button class="tool" type="button" data-act="rec">${Ia}Record screen</button>`:""}
+            <button class="tool" type="button" data-act="file">${sn}Upload file</button>
           </div>
           <div class="thumbs"></div>
-          <input type="file" accept="${$e.join(",")}" multiple hidden />
+          <input type="file" accept="${Te.join(",")}" multiple hidden />
         </div>`:""}
-        </div>`}function Qa(t){var he,le,de,z;const{client:e,cfg:n,root:o,host:a,dock:r,scrim:i,$:s,say:c,titleInput:l,descInput:f,compose:d,sendBtn:u,note:g}=t,y=s(".thumbs"),m=i.querySelector("input[type=file]"),w=[];let p=sn,h=null;const b=document.createElement("div");b.setAttribute("role","status"),b.className="note",d.prepend(b);const T=ja(n,(he=e.signedInAs())==null?void 0:he.email);let C=n.drafts===!1,S=!1,x=Promise.resolve(),v;function k(){if(clearTimeout(v),!C||S||n.drafts===!1)return x;const $=l.value||f.value||w.length?{title:l.value,description:f.value,priority:p,items:w.map(({blob:A,mime:q,kind:Q})=>({blob:A,mime:q,kind:Q}))}:null;return x=x.catch(()=>{}).then(()=>ze(T,$)).then(()=>{b.textContent=$?"Draft saved on this device":""}).catch(()=>{b.textContent="Draft could not be saved. Keep this tab open."}),x}function O(){clearTimeout(v),v=setTimeout(k,250)}d.addEventListener("input",O),d.addEventListener("change",O);const F=()=>{k()};window.addEventListener("pagehide",F);function Z(){w.filter($=>$.status==="failed").forEach(ne)}window.addEventListener("online",Z),n.drafts!==!1&&(d.inert=!0,Oa(T).then($=>{t.closed||!$||(b.innerHTML='<span>You have an unfinished report on this device.</span> <button type="button" data-resume>Resume report</button> <button type="button" data-discard>Discard</button>',b.querySelector("[data-resume]").onclick=()=>{l.value=$.title||"",f.value=$.description||"",p=rn.some(A=>A.value===$.priority)?$.priority:"MEDIUM",i.querySelectorAll("[data-prio]").forEach(A=>A.setAttribute("aria-pressed",String(A.dataset.prio===p)));for(const A of($.items||[]).slice(0,n.maxAttachments??5))G(A);C=!0,k()},b.querySelector("[data-discard]").onclick=()=>{C=!0,k()})}).catch(()=>{b.textContent="Draft storage is unavailable. Keep this tab open."}).finally(()=>{d.inert=!1,b.querySelector("[data-resume]")||(C=!0)})),t.onDestroy(()=>{var $;k(),clearTimeout(v),window.removeEventListener("pagehide",F),window.removeEventListener("online",Z),h==null||h.cancel(),w.forEach(A=>A.previewUrl&&URL.revokeObjectURL(A.previewUrl)),($=o.querySelector(".recbar"))==null||$.remove()}),i.querySelectorAll("[data-prio]").forEach($=>{$.addEventListener("click",()=>{p=$.dataset.prio,O(),i.querySelectorAll("[data-prio]").forEach(A=>{A.setAttribute("aria-pressed",String(A===$))})})});const Y=s("#bc-title-err");function L($){Y.hidden=!$,Y.innerHTML=$?`${re}<span>${E($)}</span>`:"",l.classList.toggle("invalid",!!$),l.setAttribute("aria-invalid",String(!!$))}l.addEventListener("input",()=>{l.value.trim()&&L("")});function j(){const $=w.some(Q=>Q.status==="uploading");u.disabled=t.sending||$||w.some(Q=>Q.status==="failed"),g.textContent=$?"Waiting for the upload to finish…":w.some(Q=>Q.status==="failed")?"Retry or remove failed attachments before sending.":"";const A=n.maxAttachments??5;i.querySelectorAll(".tool").forEach(Q=>{Q.disabled=t.sending||w.length>=A});const q=s(".field-head .count");q&&(q.textContent=w.length?`${w.length} of ${A}`:"")}t.refreshSendState=j;function R($){var ee;const A=$.el,q=$.kind==="VIDEO"?"Video":"Shot",Q=$.kind==="VIDEO"?`<video src="${$.previewUrl}" muted playsinline preload="metadata"></video>`:`<img src="${$.previewUrl}" alt="" />`;let _="";$.status==="uploading"?_=`<div class="veil"><div class="spinner"></div><div class="bar"><i style="width:${Math.round($.progress*100)}%"></i></div></div>`:$.status==="failed"&&(_=`<div class="veil err"><button type="button" data-act="retry" aria-label="Retry upload">${Sa}</button>Failed</div>`),A.innerHTML=`
-      ${Q}
-      <span class="kind">${q} · ${pe($.size)}</span>
-      <button class="drop" type="button" data-act="drop" aria-label="Remove ${q.toLowerCase()}">${fe}</button>
-      ${_}`,A.querySelector('[data-act="drop"]').addEventListener("click",()=>N($)),(ee=A.querySelector('[data-act="retry"]'))==null||ee.addEventListener("click",()=>ne($))}function N($){const A=w.indexOf($);A>=0&&w.splice(A,1),$.previewUrl&&URL.revokeObjectURL($.previewUrl),$.el.remove(),k(),j()}async function ne($){$.status="uploading",$.progress=0,R($),j();try{const{storageKey:A,mime:q}=await e.uploadAttachment($.blob,$.mime,Q=>{$.progress=Q;const _=$.el.querySelector(".bar i");_&&(_.style.width=`${Math.round(Q*100)}%`)});$.storageKey=A,$.mime=q,$.status="ready"}catch(A){$.status="failed",c(A.message.replace("[BugCatch] ",""))}R($),j()}function G({blob:$,mime:A,kind:q}){const Q=n.maxAttachmentBytes??26214400;if($.size>Q){c(`That file is ${pe($.size)} — the limit is ${pe(Q)}.`);return}const _=Ce(A||$.type,$e);if(!_){c("Only PNG, JPEG, WebP, WebM and MP4 files can be attached to a report.");return}const ee={blob:$,kind:q,mime:_,size:$.size,previewUrl:URL.createObjectURL($),status:"uploading",progress:0,storageKey:null,el:document.createElement("div")};ee.el.className="thumb",w.push(ee),y.appendChild(ee.el),c(""),k(),ne(ee)}async function ce($){a.style.opacity="0",a.style.pointerEvents="none",await new Promise(A=>requestAnimationFrame(()=>requestAnimationFrame(A)));try{return await $()}finally{a.style.opacity="",a.style.pointerEvents=""}}(le=i.querySelector('[data-act="shot"]'))==null||le.addEventListener("click",async()=>{try{const $=await ce(oo);G($)}catch($){($==null?void 0:$.name)!=="NotAllowedError"&&c(`Screenshot failed: ${$.message}`)}}),(de=i.querySelector('[data-act="file"]'))==null||de.addEventListener("click",()=>m.click()),m==null||m.addEventListener("change",()=>{const $=(n.maxAttachments??5)-w.length;[...m.files].slice(0,Math.max($,0)).forEach(A=>{G({blob:A,mime:A.type,kind:A.type.startsWith("video/")?"VIDEO":"SCREENSHOT"})}),m.value=""}),(z=i.querySelector('[data-act="rec"]'))==null||z.addEventListener("click",async()=>{const $=n.maxRecordingMs??12e4;let A;try{h=await ao({maxMs:$,onTick:q=>{A&&(A.querySelector(".time").textContent=Te(q))},onAutoStop:()=>{h&&W({keep:!0})}})}catch(q){(q==null?void 0:q.name)!=="NotAllowedError"&&c(`Recording failed: ${q.message}`);return}i.style.display="none",r.hidden=!0,A=document.createElement("div"),A.className="recbar",A.innerHTML=`
+        </div>`}function _a(e){var fe,de,ue,q;const{client:t,cfg:n,root:o,host:a,dock:r,scrim:i,$:s,say:l,titleInput:c,descInput:p,compose:f,sendBtn:u,note:h}=e,x=s(".thumbs"),E=i.querySelector("input[type=file]"),T=[];let g=fn,k=null;const d=document.createElement("div");d.setAttribute("role","status"),d.className="note",f.prepend(d);const y=Ua(n,(fe=t.signedInAs())==null?void 0:fe.email);let b=n.drafts===!1,m=!1,w=Promise.resolve(),v;function S(){if(clearTimeout(v),!b||m||n.drafts===!1)return w;const $=c.value||p.value||T.length?{title:c.value,description:p.value,priority:g,items:T.map(({blob:A,mime:N,kind:H})=>({blob:A,mime:N,kind:H}))}:null;return w=w.catch(()=>{}).then(()=>He(y,$)).then(()=>{d.textContent=$?"Draft saved on this device":""}).catch(()=>{d.textContent="Draft could not be saved. Keep this tab open."}),w}function R(){clearTimeout(v),v=setTimeout(S,250)}f.addEventListener("input",R),f.addEventListener("change",R);const O=()=>{S()};window.addEventListener("pagehide",O);function K(){T.filter($=>$.status==="failed").forEach(P)}window.addEventListener("online",K),n.drafts!==!1&&(f.inert=!0,Pa(y).then($=>{e.closed||!$||(d.innerHTML='<span>You have an unfinished report on this device.</span> <button type="button" data-resume>Resume report</button> <button type="button" data-discard>Discard</button>',d.querySelector("[data-resume]").onclick=()=>{c.value=$.title||"",p.value=$.description||"",g=hn.some(A=>A.value===$.priority)?$.priority:"MEDIUM",i.querySelectorAll("[data-prio]").forEach(A=>A.setAttribute("aria-pressed",String(A.dataset.prio===g)));for(const A of($.items||[]).slice(0,n.maxAttachments??5))J(A);b=!0,S()},d.querySelector("[data-discard]").onclick=()=>{b=!0,S()})}).catch(()=>{d.textContent="Draft storage is unavailable. Keep this tab open."}).finally(()=>{f.inert=!1,d.querySelector("[data-resume]")||(b=!0)})),e.onDestroy(()=>{var $;S(),clearTimeout(v),window.removeEventListener("pagehide",O),window.removeEventListener("online",K),k==null||k.cancel(),T.forEach(A=>A.previewUrl&&URL.revokeObjectURL(A.previewUrl)),($=o.querySelector(".recbar"))==null||$.remove()}),i.querySelectorAll("[data-prio]").forEach($=>{$.addEventListener("click",()=>{g=$.dataset.prio,R(),i.querySelectorAll("[data-prio]").forEach(A=>{A.setAttribute("aria-pressed",String(A===$))})})});const W=s("#bc-title-err");function C($){W.hidden=!$,W.innerHTML=$?`${ie}<span>${I($)}</span>`:"",c.classList.toggle("invalid",!!$),c.setAttribute("aria-invalid",String(!!$))}c.addEventListener("input",()=>{c.value.trim()&&C("")});function j(){const $=T.some(H=>H.status==="uploading");u.disabled=e.sending||$||T.some(H=>H.status==="failed"),h.textContent=$?"Waiting for the upload to finish…":T.some(H=>H.status==="failed")?"Retry or remove failed attachments before sending.":"";const A=n.maxAttachments??5;i.querySelectorAll(".tool").forEach(H=>{H.disabled=e.sending||T.length>=A});const N=s(".field-head .count");N&&(N.textContent=T.length?`${T.length} of ${A}`:"")}e.refreshSendState=j;function z($){var ne;const A=$.el,N=$.kind==="VIDEO"?"Video":"Shot",H=$.kind==="VIDEO"?`<video src="${$.previewUrl}" muted playsinline preload="metadata"></video>`:`<img src="${$.previewUrl}" alt="" />`;let V="";$.status==="uploading"?V=`<div class="veil"><div class="spinner"></div><div class="bar"><i style="width:${Math.round($.progress*100)}%"></i></div></div>`:$.status==="failed"&&(V=`<div class="veil err"><button type="button" data-act="retry" aria-label="Retry upload">${Ma}</button>Failed</div>`),A.innerHTML=`
+      ${H}
+      <span class="kind">${N} · ${he($.size)}</span>
+      <button class="drop" type="button" data-act="drop" aria-label="Remove ${N.toLowerCase()}">${ge}</button>
+      ${V}`,A.querySelector('[data-act="drop"]').addEventListener("click",()=>Q($)),(ne=A.querySelector('[data-act="retry"]'))==null||ne.addEventListener("click",()=>P($))}function Q($){const A=T.indexOf($);A>=0&&T.splice(A,1),$.previewUrl&&URL.revokeObjectURL($.previewUrl),$.el.remove(),S(),j()}async function P($){$.status="uploading",$.progress=0,z($),j();try{const{storageKey:A,mime:N}=await t.uploadAttachment($.blob,$.mime,H=>{$.progress=H;const V=$.el.querySelector(".bar i");V&&(V.style.width=`${Math.round(H*100)}%`)});$.storageKey=A,$.mime=N,$.status="ready"}catch(A){$.status="failed",l(A.message.replace("[BugCatch] ",""))}z($),j()}function J({blob:$,mime:A,kind:N}){const H=n.maxAttachmentBytes??26214400;if($.size>H){l(`That file is ${he($.size)} — the limit is ${he(H)}.`);return}const V=Ee(A||$.type,Te);if(!V){l("Only PNG, JPEG, WebP, WebM and MP4 files can be attached to a report.");return}const ne={blob:$,kind:N,mime:V,size:$.size,previewUrl:URL.createObjectURL($),status:"uploading",progress:0,storageKey:null,el:document.createElement("div")};ne.el.className="thumb",T.push(ne),x.appendChild(ne.el),l(""),S(),P(ne)}async function le($){a.style.opacity="0",a.style.pointerEvents="none",await new Promise(A=>requestAnimationFrame(()=>requestAnimationFrame(A)));try{return await $()}finally{a.style.opacity="",a.style.pointerEvents=""}}(de=i.querySelector('[data-act="shot"]'))==null||de.addEventListener("click",async()=>{try{const $=await le(uo);J($)}catch($){($==null?void 0:$.name)!=="NotAllowedError"&&l(`Screenshot failed: ${$.message}`)}}),(ue=i.querySelector('[data-act="file"]'))==null||ue.addEventListener("click",()=>E.click()),E==null||E.addEventListener("change",()=>{const $=(n.maxAttachments??5)-T.length;[...E.files].slice(0,Math.max($,0)).forEach(A=>{J({blob:A,mime:A.type,kind:A.type.startsWith("video/")?"VIDEO":"SCREENSHOT"})}),E.value=""}),(q=i.querySelector('[data-act="rec"]'))==null||q.addEventListener("click",async()=>{const $=n.maxRecordingMs??12e4;let A;try{k=await po({maxMs:$,onTick:N=>{A&&(A.querySelector(".time").textContent=Ie(N))},onAutoStop:()=>{k&&G({keep:!0})}})}catch(N){(N==null?void 0:N.name)!=="NotAllowedError"&&l(`Recording failed: ${N.message}`);return}i.style.display="none",r.hidden=!0,A=document.createElement("div"),A.className="recbar",A.innerHTML=`
       <span class="dot"></span>
       <span class="time">0:00</span>
-      <span class="hint">Recording — up to ${Te(Math.round($/1e3))}</span>
+      <span class="hint">Recording — up to ${Ie(Math.round($/1e3))}</span>
       <button class="stop" type="button">Stop</button>
-      <button class="ghost" type="button">Discard</button>`,A.querySelector(".stop").addEventListener("click",()=>W({keep:!0})),A.querySelector(".ghost").addEventListener("click",()=>W({keep:!1})),o.appendChild(A),A.querySelector(".stop").focus()});async function W({keep:$}){var q;const A=h;if(A){if(h=null,(q=o.querySelector(".recbar"))==null||q.remove(),i.style.display="",r.hidden=!1,!$){A.cancel(),l.focus();return}try{const Q=await A.stop();Q.blob.size?G(Q):c("That recording came back empty — nothing was captured.")}catch(Q){c(`Recording failed: ${Q.message}`)}l.focus()}}t.isRecording=()=>!!h,t.stopRecording=W,u.addEventListener("click",async()=>{var q;const $=l.value;if(!$.trim()){L("Add a few words about what went wrong — a short sentence is plenty."),l.focus();return}if(t.holdForReference())return;t.sending=!0,c(""),j();const A=u.innerHTML;u.innerHTML='<span class="spinner" aria-hidden="true"></span>Sending…';try{const Q=await e.report({title:$,description:f.value,priority:p,references:t.answeredReference(),issue:((q=t.pickedIssue())==null?void 0:q.key)||null,attachments:w.filter(_=>_.status==="ready").map(_=>({type:_.kind,storageKey:_.storageKey,mime:_.mime}))});if(Q!=null&&Q.cancelled){t.sending=!1,u.innerHTML=A,j();return}S=!0,clearTimeout(v),await x,n.drafts!==!1&&await ze(T,null).catch(()=>{}),t.succeed(Q)}catch(Q){t.sending=!1,u.innerHTML=A,c(Q.message.replace("[BugCatch] ","")),j(),t.recheckSignIn()}})}function Ha(t){const{client:e,say:n,titleInput:o,descInput:a,sendBtn:r,refsBox:i}=t;let s={policy:"off",fields:[]},c=!1,l=null,f="",d="",u=[],g="ask",y=!1,m=!1;e.referenceFields().then(L=>{s=L,C()}).catch(()=>{});function w(){return s.policy==="off"||!s.fields.length?{found:[],conflicts:[],loose:[]}:Vo(s.fields,[o.value,a.value])}function p(L=w()){return L.found.length>0&&L.conflicts.length===0}function h(){return!l||!f.trim()?[]:[{key:l,value:f.trim().slice(0,120)}]}const b=document.createElement("p");b.className="ref-found",b.setAttribute("aria-live","polite"),b.hidden=!0,a.closest(".field").after(b);let T;function C(){const L=w();if(p(L)){const j=L.found.slice(0,2).map(R=>`${E(R.label)} <b>${E(x(R.value))}</b>`).join(", ");b.innerHTML=`${ie}<span>Found your ${j} — no need to add it again.</span>`,b.hidden=!1,c&&!h().length&&(c=!1,O())}else b.hidden=!0,b.innerHTML=""}const S=()=>{clearTimeout(T),T=setTimeout(C,250)};o.addEventListener("input",S),a.addEventListener("input",S);function x(L){return L.length>20?`${L.slice(0,8)}…${L.slice(-4)}`:L}function v(L){const j=L.trim().toLowerCase();return u.find(R=>R.value.toLowerCase()===j)||null}function k(L){f=L.value,L.kinds.length===1?l=L.kinds[0].key:L.kinds.some(j=>j.key===l)||(l=null),d="",m=!1}function O(){var le,de;if(!c){i.hidden=!0,i.innerHTML="";return}const L=s.fields.find(z=>z.key===l)||null,j=s.policy!=="required",R=v(f),N=R&&R.kinds.length>1?s.fields.filter(z=>R.kinds.some($=>$.key===z.key)):s.fields,ne=u.length>1&&u.every(z=>z.kinds.length===1&&z.kinds[0].key===u[0].kinds[0].key),G={confirm:u.length>1?["Which one is this about?","We found more than one ID in your message. Pick the one this problem is about."]:["Is this the right ID?","This could be more than one kind of ID. Tell us which it is."],suggest:["Is this your ID?","We spotted this in your message. Tell us what it is so we can find your record."],ask:j?["One more thing","So we can find your record — this helps us answer faster."]:["We need one detail","We need one of these to look this up."]}[g];i.hidden=!1;const ce=N.length>6;i.innerHTML=`
+      <button class="ghost" type="button">Discard</button>`,A.querySelector(".stop").addEventListener("click",()=>G({keep:!0})),A.querySelector(".ghost").addEventListener("click",()=>G({keep:!1})),o.appendChild(A),A.querySelector(".stop").focus()});async function G({keep:$}){var N;const A=k;if(A){if(k=null,(N=o.querySelector(".recbar"))==null||N.remove(),i.style.display="",r.hidden=!1,!$){A.cancel(),c.focus();return}try{const H=await A.stop();H.blob.size?J(H):l("That recording came back empty — nothing was captured.")}catch(H){l(`Recording failed: ${H.message}`)}c.focus()}}e.isRecording=()=>!!k,e.stopRecording=G,u.addEventListener("click",async()=>{var N;const $=c.value;if(!$.trim()){C("Add a few words about what went wrong — a short sentence is plenty."),c.focus();return}if(e.holdForReference())return;e.sending=!0,l(""),j();const A=u.innerHTML;u.innerHTML='<span class="spinner" aria-hidden="true"></span>Sending…';try{const H=await t.report({title:$,description:p.value,priority:g,references:e.answeredReference(),issue:((N=e.pickedIssue())==null?void 0:N.key)||null,attachments:T.filter(V=>V.status==="ready").map(V=>({type:V.kind,storageKey:V.storageKey,mime:V.mime}))});if(H!=null&&H.cancelled){e.sending=!1,u.innerHTML=A,j();return}m=!0,clearTimeout(v),await w,n.drafts!==!1&&await He(y,null).catch(()=>{}),e.succeed(H)}catch(H){e.sending=!1,u.innerHTML=A,l(H.message.replace("[BugCatch] ","")),j(),e.recheckSignIn()}})}function Va(e){const{client:t,say:n,titleInput:o,descInput:a,sendBtn:r,refsBox:i}=e;let s={policy:"off",fields:[]},l=!1,c=null,p="",f="",u=[],h="ask",x=!1,E=!1;t.referenceFields().then(C=>{s=C,b()}).catch(()=>{});function T(){return s.policy==="off"||!s.fields.length?{found:[],conflicts:[],loose:[]}:ea(s.fields,[o.value,a.value])}function g(C=T()){return C.found.length>0&&C.conflicts.length===0}function k(){return!c||!p.trim()?[]:[{key:c,value:p.trim().slice(0,120)}]}const d=document.createElement("p");d.className="ref-found",d.setAttribute("aria-live","polite"),d.hidden=!0,a.closest(".field").after(d);let y;function b(){const C=T();if(g(C)){const j=C.found.slice(0,2).map(z=>`${I(z.label)} <b>${I(w(z.value))}</b>`).join(", ");d.innerHTML=`${se}<span>Found your ${j} — no need to add it again.</span>`,d.hidden=!1,l&&!k().length&&(l=!1,R())}else d.hidden=!0,d.innerHTML=""}const m=()=>{clearTimeout(y),y=setTimeout(b,250)};o.addEventListener("input",m),a.addEventListener("input",m);function w(C){return C.length>20?`${C.slice(0,8)}…${C.slice(-4)}`:C}function v(C){const j=C.trim().toLowerCase();return u.find(z=>z.value.toLowerCase()===j)||null}function S(C){p=C.value,C.kinds.length===1?c=C.kinds[0].key:C.kinds.some(j=>j.key===c)||(c=null),f="",E=!1}function R(){var de,ue;if(!l){i.hidden=!0,i.innerHTML="";return}const C=s.fields.find(q=>q.key===c)||null,j=s.policy!=="required",z=v(p),Q=z&&z.kinds.length>1?s.fields.filter(q=>z.kinds.some($=>$.key===q.key)):s.fields,P=u.length>1&&u.every(q=>q.kinds.length===1&&q.kinds[0].key===u[0].kinds[0].key),J={confirm:u.length>1?["Which one is this about?","We found more than one ID in your message. Pick the one this problem is about."]:["Is this the right ID?","This could be more than one kind of ID. Tell us which it is."],suggest:["Is this your ID?","We spotted this in your message. Tell us what it is so we can find your record."],ask:j?["One more thing","So we can find your record — this helps us answer faster."]:["We need one detail","We need one of these to look this up."]}[h];i.hidden=!1;const le=Q.length>6;i.innerHTML=`
       <div class="ask-head">
-        <span class="avatar" aria-hidden="true">${we}</span>
+        <span class="avatar orb" aria-hidden="true"></span>
         <div>
-          <strong>${E(G[0])}</strong>
-          <p class="why">${E(G[1])}</p>
+          <strong>${I(J[0])}</strong>
+          <p class="why">${I(J[1])}</p>
         </div>
       </div>
       ${u.length>1?`
       <div class="chips cands" role="group" aria-label="IDs found in your message">
-        ${u.map((z,$)=>`
-          <button type="button" data-ref-cand="${$}" title="${E(z.value)}"
-            aria-pressed="${!!R&&R===z}">${E(x(z.value))}</button>
+        ${u.map((q,$)=>`
+          <button type="button" data-ref-cand="${$}" title="${I(q.value)}"
+            aria-pressed="${!!z&&z===q}">${I(w(q.value))}</button>
         `).join("")}
       </div>`:""}
-      ${N.length>1&&!ce&&!ne?`
+      ${Q.length>1&&!le&&!P?`
       <div class="chips" role="group" aria-label="Which detail you are giving">
-        ${N.map(z=>`
-          <button type="button" data-ref-kind="${E(z.key)}" aria-pressed="${!!L&&z.key===L.key}">${E(z.label)}</button>
+        ${Q.map(q=>`
+          <button type="button" data-ref-kind="${I(q.key)}" aria-pressed="${!!C&&q.key===C.key}">${I(q.label)}</button>
         `).join("")}
       </div>`:""}
       <div class="row">
-        ${ce?`
+        ${le?`
         <select class="ref-kind" aria-label="Which detail you are giving">
-          ${L?"":'<option value="" selected disabled>What is it?</option>'}
-          ${N.map(z=>`
-            <option value="${E(z.key)}" ${L&&z.key===L.key?"selected":""}>${E(z.label)}</option>
+          ${C?"":'<option value="" selected disabled>What is it?</option>'}
+          ${Q.map(q=>`
+            <option value="${I(q.key)}" ${C&&q.key===C.key?"selected":""}>${I(q.label)}</option>
           `).join("")}
         </select>`:""}
-        <input class="ref-value${d?" invalid":""}" type="${(L==null?void 0:L.inputMode)==="email"?"email":"text"}"
-          inputmode="${E((L==null?void 0:L.inputMode)==="numeric"||(L==null?void 0:L.inputMode)==="tel"?"numeric":"text")}"
-          value="${E(f)}"
-          placeholder="${E(L?L.placeholder||L.label:"Your ID")}"
-          aria-label="${E(L?L.label:"Your ID")}" ${d?'aria-invalid="true"':""} />
+        <input class="ref-value${f?" invalid":""}" type="${(C==null?void 0:C.inputMode)==="email"?"email":"text"}"
+          inputmode="${I((C==null?void 0:C.inputMode)==="numeric"||(C==null?void 0:C.inputMode)==="tel"?"numeric":"text")}"
+          value="${I(p)}"
+          placeholder="${I(C?C.placeholder||C.label:"Your ID")}"
+          aria-label="${I(C?C.label:"Your ID")}" ${f?'aria-invalid="true"':""} />
       </div>
-      ${L!=null&&L.hint?`<p class="hint">${E(L.hint)}</p>`:""}
-      ${d?`<p class="field-err" role="alert">${re}<span>${E(d)}</span></p>`:""}
-      ${j?`<button type="button" class="link" data-act="ref-skip">${g==="ask"?"I don't have this — send without it":"Not sure — send as it is"}</button>`:""}`,i.querySelectorAll("[data-ref-cand]").forEach(z=>{z.addEventListener("click",()=>{k(u[Number(z.dataset.refCand)]),O()})}),i.querySelectorAll("[data-ref-kind]").forEach(z=>{z.addEventListener("click",()=>{l=z.dataset.refKind,d="",m=!1,O()})});const W=i.querySelector(".ref-value");W.addEventListener("input",()=>{f=W.value,d="",m=!1}),W.addEventListener("keydown",z=>{z.key==="Enter"&&(z.preventDefault(),r.click())}),(le=i.querySelector(".ref-kind"))==null||le.addEventListener("change",z=>{var $;l=z.target.value,d="",O(),($=i.querySelector(".ref-value"))==null||$.focus()}),(de=i.querySelector('[data-act="ref-skip"]'))==null||de.addEventListener("click",()=>{y=!0,c=!1,l=null,f="",d="",m=!1,O(),n("")}),((!L&&f?i.querySelector("[data-ref-kind], .ref-kind"):null)||W).focus()}function F(L){if(u=L.conflicts.length?L.conflicts:L.loose.slice(0,4),g=L.conflicts.length?"confirm":L.loose.length?"suggest":"ask",c=!0,u.length)if(u.length===1)k(u[0]);else{f="";const[j]=u;l=u.every(N=>N.kinds.length===1&&N.kinds[0].key===j.kinds[0].key)?j.kinds[0].key:null}else l=l||s.fields[0].key;O()}function Z(){if(s.policy==="off"||!s.fields.length||h().length)return!1;const L=w();return p(L)||y&&s.policy!=="required"?!1:L}function Y(){if(c&&f.trim()&&!l)return d="Pick what this ID is.",O(),!0;const L=Z();if(L)return c?O():F(L),n(""),!0;if(l&&f.trim()){const j=s.fields.find(R=>R.key===l);if(!m&&j&&!Ut(j,f))return d=`That does not look like a ${j.label.toLowerCase()}. Press Send again to use it anyway.`,m=!0,O(),!0}return!1}t.holdForReference=Y,t.answeredReference=h}const qa=3;function Da(t){const{client:e,cfg:n,notices:o}=t;let a=[];function r(){const s=a.slice(0,qa);o.replaceChildren(...s.map(c=>kt(c,{where:"panel",onDismiss:i}))),o.hidden=s.length===0}function i(s){e.dismissAnnouncement(s),a=a.filter(c=>c!==s),r(),t.titleInput.focus()}n.announcements!==!1&&typeof e.announcements=="function"&&e.announcements().then(s=>{t.closed||(a=s,r())}).catch(()=>{})}function Na(t){const{client:e,cfg:n,titleInput:o,known:a}=t;let r=[],i="",s=null,c=null;function l(){n.knownIssues!==!1&&e.knownIssues().then(y=>{r=y,u()}).catch(()=>{})}let f=null;function d(y){if(n.knownIssues===!1)return;clearTimeout(f),c==null||c.abort();const m=(y||"").trim();if(m.length<3){l();return}f=setTimeout(()=>{c=new AbortController,e.matchKnownIssues(m,{signal:c.signal}).then(w=>{w.length&&(r=w,u())}).catch(()=>{})},250)}function u(){if(!r.length){a.hidden=!0,a.innerHTML="";return}a.hidden=!1,a.innerHTML=`
+      ${C!=null&&C.hint?`<p class="hint">${I(C.hint)}</p>`:""}
+      ${f?`<p class="field-err" role="alert">${ie}<span>${I(f)}</span></p>`:""}
+      ${j?`<button type="button" class="link" data-act="ref-skip">${h==="ask"?"I don't have this — send without it":"Not sure — send as it is"}</button>`:""}`,i.querySelectorAll("[data-ref-cand]").forEach(q=>{q.addEventListener("click",()=>{S(u[Number(q.dataset.refCand)]),R()})}),i.querySelectorAll("[data-ref-kind]").forEach(q=>{q.addEventListener("click",()=>{c=q.dataset.refKind,f="",E=!1,R()})});const G=i.querySelector(".ref-value");G.addEventListener("input",()=>{p=G.value,f="",E=!1}),G.addEventListener("keydown",q=>{q.key==="Enter"&&(q.preventDefault(),r.click())}),(de=i.querySelector(".ref-kind"))==null||de.addEventListener("change",q=>{var $;c=q.target.value,f="",R(),($=i.querySelector(".ref-value"))==null||$.focus()}),(ue=i.querySelector('[data-act="ref-skip"]'))==null||ue.addEventListener("click",()=>{x=!0,l=!1,c=null,p="",f="",E=!1,R(),n("")}),((!C&&p?i.querySelector("[data-ref-kind], .ref-kind"):null)||G).focus()}function O(C){if(u=C.conflicts.length?C.conflicts:C.loose.slice(0,4),h=C.conflicts.length?"confirm":C.loose.length?"suggest":"ask",l=!0,u.length)if(u.length===1)S(u[0]);else{p="";const[j]=u;c=u.every(Q=>Q.kinds.length===1&&Q.kinds[0].key===j.kinds[0].key)?j.kinds[0].key:null}else c=c||s.fields[0].key;R()}function K(){if(s.policy==="off"||!s.fields.length||k().length)return!1;const C=T();return g(C)||x&&s.policy!=="required"?!1:C}function W(){if(l&&p.trim()&&!c)return f="Pick what this ID is.",R(),!0;const C=K();if(C)return l?R():O(C),n(""),!0;if(c&&p.trim()){const j=s.fields.find(z=>z.key===c);if(!E&&j&&!Wt(j,p))return f=`That does not look like a ${j.label.toLowerCase()}. Press Send again to use it anyway.`,E=!0,R(),!0}return!1}e.holdForReference=W,e.answeredReference=k}const Fa=3;function Wa(e){const{client:t,cfg:n,notices:o}=e;let a=[];function r(){const s=a.slice(0,Fa);o.replaceChildren(...s.map(l=>It(l,{where:"panel",onDismiss:i}))),o.hidden=s.length===0}function i(s){t.dismissAnnouncement(s),a=a.filter(l=>l!==s),r(),e.titleInput.focus()}n.announcements!==!1&&typeof t.announcements=="function"&&t.announcements().then(s=>{e.closed||(a=s,r())}).catch(()=>{})}function Ya(e){const{client:t,cfg:n,titleInput:o,known:a}=e;let r=[],i="",s=null,l=null;function c(){n.knownIssues!==!1&&t.knownIssues().then(x=>{r=x,u()}).catch(()=>{})}let p=null;function f(x){if(n.knownIssues===!1)return;clearTimeout(p),l==null||l.abort();const E=(x||"").trim();if(E.length<3){c();return}p=setTimeout(()=>{l=new AbortController,t.matchKnownIssues(E,{signal:l.signal}).then(T=>{T.length&&(r=T,u())}).catch(()=>{})},250)}function u(){if(!r.length){a.hidden=!0,a.innerHTML="";return}a.hidden=!1,a.innerHTML=`
       <p class="known-h">Already reported</p>
-      ${r.map(y=>`
-        <div class="issue ${y.joined?"is-joined":""}">
+      ${r.map(x=>`
+        <div class="issue ${x.joined?"is-joined":""}">
           <span class="who">
-            <span class="t">${E(y.title)}</span>
-            <span class="meta">${E(g(y))}</span>
+            <span class="t">${I(x.title)}</span>
+            <span class="meta">${I(h(x))}</span>
           </span>
-          <button class="join" type="button" data-join="${E(y.id)}"
-            ${y.joined?"disabled":""}>${y.joined?"Following":"Me too"}</button>
+          <button class="join" type="button" data-join="${I(x.id)}"
+            ${x.joined?"disabled":""}>${x.joined?"Following":"Me too"}</button>
         </div>
-        ${s===y.id?`
+        ${s===x.id?`
         <div class="ask">
           <input type="email" class="join-email" placeholder="you@example.com"
             aria-label="Your email, so we can tell you when this is fixed" />
-          <button class="ghost" type="button" data-join-confirm="${E(y.id)}">Follow</button>
+          <button class="ghost" type="button" data-join-confirm="${I(x.id)}">Follow</button>
         </div>`:""}
       `).join("")}
-      ${i?`<p class="err">${E(i)}</p>`:""}`}function g(y){const m=y.status==="IN_PROGRESS"?"Being worked on now":"Not fixed yet",w=y.affectedCount===0?"":` · ${y.affectedCount} ${y.affectedCount===1?"person has":"people have"} said this is happening to them`;return`${m} · reported ${je(y.since)}${w}`}a.addEventListener("click",async y=>{var b,T,C,S,x;const m=y.target.closest("[data-join]"),w=y.target.closest("[data-join-confirm]");if(!m&&!w)return;const p=(w||m).getAttribute(w?"data-join-confirm":"data-join");i="";const h=((T=(b=a.querySelector(".join-email"))==null?void 0:b.value)==null?void 0:T.trim())||((C=e.signedInAs())==null?void 0:C.email)||((S=e.config.user)==null?void 0:S.email);if(!h){s=p,u(),(x=a.querySelector(".join-email"))==null||x.focus();return}try{const v=await e.meToo(p,{email:h});s=null,r=r.map(k=>k.id===p?{...k,joined:!0,affectedCount:v.affectedCount??k.affectedCount}:k),u()}catch(v){i=v.message.replace("[BugCatch] ",""),u()}}),l(),o.addEventListener("input",()=>d(o.value))}function Ua(t){const{client:e,cfg:n,titleInput:o,descInput:a,picks:r}=t;let i=[],s=null;function c(){if(!i.length){r.hidden=!0,r.innerHTML="";return}r.hidden=!1,r.innerHTML=`
+      ${i?`<p class="err">${I(i)}</p>`:""}`}function h(x){const E=x.status==="IN_PROGRESS"?"Being worked on now":"Not fixed yet",T=x.affectedCount===0?"":` · ${x.affectedCount} ${x.affectedCount===1?"person has":"people have"} said this is happening to them`;return`${E} · reported ${qe(x.since)}${T}`}a.addEventListener("click",async x=>{var d,y,b,m,w;const E=x.target.closest("[data-join]"),T=x.target.closest("[data-join-confirm]");if(!E&&!T)return;const g=(T||E).getAttribute(T?"data-join-confirm":"data-join");i="";const k=((y=(d=a.querySelector(".join-email"))==null?void 0:d.value)==null?void 0:y.trim())||((b=t.signedInAs())==null?void 0:b.email)||((m=t.config.user)==null?void 0:m.email);if(!k){s=g,u(),(w=a.querySelector(".join-email"))==null||w.focus();return}try{const v=await t.meToo(g,{email:k});s=null,r=r.map(S=>S.id===g?{...S,joined:!0,affectedCount:v.affectedCount??S.affectedCount}:S),u()}catch(v){i=v.message.replace("[BugCatch] ",""),u()}}),c(),o.addEventListener("input",()=>f(o.value))}function Xa(e){const{client:t,cfg:n,titleInput:o,descInput:a,picks:r}=e;let i=[],s=null;function l(){if(!i.length){r.hidden=!0,r.innerHTML="";return}r.hidden=!1,r.innerHTML=`
       <p class="picks-h">Get an answer right away</p>
       <div class="picks-grid" role="group" aria-label="Common questions">
-        ${i.map(l=>`
-          <button type="button" class="pick" data-pick="${E(l.key)}"
-            aria-pressed="${(s==null?void 0:s.key)===l.key}">
-            <span class="t">${E(l.title)}</span>
-            ${l.hint?`<span class="h">${E(l.hint)}</span>`:""}
+        ${i.map((c,p)=>`
+          <button type="button" class="pick" data-pick="${I(c.key)}"
+            ${c.hint?`title="${I(c.hint)}" aria-describedby="bc-pick-h${p}"`:""}
+            aria-pressed="${(s==null?void 0:s.key)===c.key}">
+            <span class="t">${I(c.title)}</span>
+            ${c.hint?`<span class="h sr-only" id="bc-pick-h${p}">${I(c.hint)}</span>`:""}
           </button>`).join("")}
       </div>
-      ${s?`<p class="picks-note">${ie}<span>Our assistant will check your account and reply here. Add anything else below, then send.</span></p>`:""}`}r.addEventListener("click",l=>{const f=l.target.closest("[data-pick]");if(!f)return;const d=i.find(g=>g.key===f.dataset.pick);if(!d)return;const u=s&&o.value.trim()===s.title;(s==null?void 0:s.key)===d.key?(s=null,u&&(o.value="")):(s=d,(!o.value.trim()||u)&&(o.value=d.title)),o.dispatchEvent(new Event("input",{bubbles:!0})),c(),s&&a.focus()}),n.agentIssues!==!1&&typeof e.agentIssues=="function"&&e.agentIssues().then(l=>{i=l,c()}).catch(()=>{}),t.pickedIssue=()=>s}function _a(t){const{client:e,scrim:n,say:o,callBtn:a,close:r}=t;let i=!1;function s(){e.callKind().then(f=>{f&&(i=!0,t.preloadCall(),a.hidden=t.mustSignIn())}).catch(()=>{})}s(),a.addEventListener("click",async()=>{t.sending=!0,o(""),t.refreshSendState(),a.disabled=!0,a.innerHTML='<span class="spinner"></span>Ringing…';try{const f=await e.startCall();c(f)}catch(f){t.sending=!1,a.disabled=!1,a.innerHTML=`${Re}Talk to the team`,t.refreshSendState(),f.filed?t.succeed(f.filed,{callFailed:f.reason||"The call could not be started."}):(o(f.message.replace("[BugCatch] ","")),t.recheckSignIn())}});function c(f){const d=n.querySelector(".panel"),u=f!=null&&f.bugId?String(f.bugId).slice(0,8):null;d.innerHTML=`
+      ${s?`<p class="picks-note">${se}<span>Our assistant will check your account and reply here. Add anything else below, then send.</span></p>`:""}`}r.addEventListener("click",c=>{const p=c.target.closest("[data-pick]");if(!p)return;const f=i.find(h=>h.key===p.dataset.pick);if(!f)return;const u=s&&o.value.trim()===s.title;(s==null?void 0:s.key)===f.key?(s=null,u&&(o.value="")):(s=f,(!o.value.trim()||u)&&(o.value=f.title)),o.dispatchEvent(new Event("input",{bubbles:!0})),l(),s&&a.focus()}),n.agentIssues!==!1&&typeof t.agentIssues=="function"&&t.agentIssues().then(c=>{i=c,l()}).catch(()=>{}),e.pickedIssue=()=>s}function Ja(e){const{client:t,scrim:n,say:o,callBtn:a,close:r}=e;let i=!1;function s(){t.callKind().then(p=>{p&&(i=!0,e.preloadCall(),a.hidden=e.mustSignIn())}).catch(()=>{})}s(),a.addEventListener("click",async()=>{e.sending=!0,o(""),e.refreshSendState(),a.disabled=!0,a.innerHTML='<span class="spinner"></span>Ringing…';try{const p=await t.startCall();l(p)}catch(p){e.sending=!1,a.disabled=!1,a.innerHTML=`${ze}Talk to the team`,e.refreshSendState(),p.filed?e.succeed(p.filed,{callFailed:p.reason||"The call could not be started."}):(o(p.message.replace("[BugCatch] ","")),e.recheckSignIn())}});function l(p){const f=n.querySelector(".panel"),u=p!=null&&p.bugId?String(p.bugId).slice(0,8):null;f.innerHTML=`
       <div class="call">
         <div class="call-head">
           <span class="call-dot" aria-hidden="true"></span>
           <strong class="call-state">Ringing…</strong>
         </div>
         <p class="call-note">
-          We're ringing the team now. Someone will pick up if they're free — your report${u?` <code>${E(u)}</code>`:""} is already filed either way, so nothing is lost if nobody answers.
+          We're ringing the team now. Someone will pick up if they're free — your report${u?` <code>${I(u)}</code>`:""} is already filed either way, so nothing is lost if nobody answers.
         </p>
         <div class="foot">
           <span class="spacer"></span>
           <button class="primary" type="button" data-act="hangup">Cancel</button>
         </div>
-      </div>`;const g=d.querySelector(".call-state"),y=d.querySelector(".call-dot"),m={ringing:"Ringing the team…",connecting:"Someone answered — connecting…",connected:"Connected",missed:"Nobody was free",ended:"Call ended",failed:"The call dropped"},w=["ended","failed","missed"],p=e.on("call",({state:h})=>{if(g.textContent=m[h]||h,y.classList.toggle("off",w.includes(h)),w.includes(h)&&(d.querySelector('[data-act="hangup"]').textContent="Close",h==="missed")){const b=d.querySelector(".call-note");b&&(b.textContent="Nobody was free to pick up just now. Your report is filed and the team will reply in the chat.")}});d.querySelector('[data-act="hangup"]').addEventListener("click",()=>{p(),e.endCall(),r()})}function l(f,d,u){const g=document.createElement("div");g.className="livecall",g.innerHTML=`
+      </div>`;const h=f.querySelector(".call-state"),x=f.querySelector(".call-dot"),E={ringing:"Ringing the team…",connecting:"Someone answered — connecting…",connected:"Connected",missed:"Nobody was free",ended:"Call ended",failed:"The call dropped"},T=["ended","failed","missed"],g=t.on("call",({state:k})=>{if(h.textContent=E[k]||k,x.classList.toggle("off",T.includes(k)),T.includes(k)&&(f.querySelector('[data-act="hangup"]').textContent="Close",k==="missed")){const d=f.querySelector(".call-note");d&&(d.textContent="Nobody was free to pick up just now. Your report is filed and the team will reply in the chat.")}});f.querySelector('[data-act="hangup"]').addEventListener("click",()=>{g(),t.endCall(),r()})}function c(p,f,u){const h=document.createElement("div");h.className="livecall",h.innerHTML=`
       <span class="call-dot" aria-hidden="true"></span>
       <span class="who" role="status" aria-live="polite">Calling the team…</span>
       <span class="secs" hidden></span>
       ${u!=null&&u.recorded?'<span class="call-kept">This call is recorded.</span>':""}
       <button class="act" type="button" data-act="mute" hidden>Mute</button>
-      <button class="act danger" type="button" data-act="hangup">Cancel</button>`,f.insertBefore(g,d);const y=g.querySelector(".who"),m=g.querySelector(".secs"),w=g.querySelector(".call-dot"),p=g.querySelector('[data-act="mute"]'),h=g.querySelector('[data-act="hangup"]');let b=null;const T=()=>{b&&(clearInterval(b),b=null)},C=x=>{T(),w.classList.add("off"),g.classList.add("over"),y.textContent=x,m.hidden=!0,p.hidden=!0,h.textContent="Dismiss",h.classList.remove("danger")},S=e.on("call",({state:x})=>{if(x==="ringing"&&(y.textContent="Calling the team…"),x==="connecting"&&(y.textContent="Someone answered — connecting…"),x==="connected"){y.textContent="You're on a call with the team",p.hidden=!1,m.hidden=!1;const v=Date.now();T(),b=setInterval(()=>{m.textContent=Te(Math.floor((Date.now()-v)/1e3))},1e3),m.textContent="0s"}x==="missed"&&C("Nobody was free. Send a message instead and the team will pick it up."),x==="ended"&&C("Call ended."),x==="failed"&&C("The call dropped.")});p.addEventListener("click",()=>{const x=u.setMuted(!u.isMuted());p.textContent=x?"Unmute":"Mute",y.textContent=x?"You're muted":"You're on a call with the team"}),h.addEventListener("click",()=>{S(),T(),e.endCall(),g.remove(),t.refreshThread(t.openReportId())})}t.offerCall=s,t.callOffered=()=>i,t.showLiveCall=l}function Pa(t){var S;const{client:e,say:n,compose:o,sendBtn:a,historyBtn:r,callBtn:i,whoami:s}=t;let c={mode:e.lastLoginMode||"off",signedIn:null},l="idle",f=((S=e.config.user)==null?void 0:S.email)||"",d="",u=!1,g="";const y=()=>c.mode==="required"&&!c.signedIn;function m(){const x=y();o.hidden=x,a.hidden=x,r&&(r.hidden=x),x?i.hidden=!0:t.callOffered()&&(i.hidden=!1)}function w(){var v;if(c.mode==="off"){s.hidden=!0,s.innerHTML="";return}s.hidden=!1,s.classList.toggle("asking",l!=="idle");const x=g?`<div class="after err">${E(g)}</div>`:"";if(l==="idle"){if(c.signedIn){s.innerHTML=`<span class="who">Signed in as <strong>${E(c.signedIn.email)}</strong></span><button type="button" class="link" data-act="signout">Sign out</button>`;return}const k=(v=e.config.user)==null?void 0:v.email;s.innerHTML=`<span class="who">${c.mode==="required"?"Sign in to report a bug here.":k?`Reporting as <strong>${E(k)}</strong>.`:"Reporting anonymously — sign in and we can tell you what happens next."}</span><button type="button" class="link" data-act="signin">Sign in</button>`;return}if(l==="email"){s.innerHTML=`
+      <button class="act danger" type="button" data-act="hangup">Cancel</button>`,p.insertBefore(h,f);const x=h.querySelector(".who"),E=h.querySelector(".secs"),T=h.querySelector(".call-dot"),g=h.querySelector('[data-act="mute"]'),k=h.querySelector('[data-act="hangup"]');let d=null;const y=()=>{d&&(clearInterval(d),d=null)},b=w=>{y(),T.classList.add("off"),h.classList.add("over"),x.textContent=w,E.hidden=!0,g.hidden=!0,k.textContent="Dismiss",k.classList.remove("danger")},m=t.on("call",({state:w})=>{if(w==="ringing"&&(x.textContent="Calling the team…"),w==="connecting"&&(x.textContent="Someone answered — connecting…"),w==="connected"){x.textContent="You're on a call with the team",g.hidden=!1,E.hidden=!1;const v=Date.now();y(),d=setInterval(()=>{E.textContent=Ie(Math.floor((Date.now()-v)/1e3))},1e3),E.textContent="0s"}w==="missed"&&b("Nobody was free. Send a message instead and the team will pick it up."),w==="ended"&&b("Call ended."),w==="failed"&&b("The call dropped.")});g.addEventListener("click",()=>{const w=u.setMuted(!u.isMuted());g.textContent=w?"Unmute":"Mute",x.textContent=w?"You're muted":"You're on a call with the team"}),k.addEventListener("click",()=>{m(),y(),t.endCall(),h.remove(),e.refreshThread(e.openReportId())})}e.offerCall=s,e.callOffered=()=>i,e.showLiveCall=c}function Za(e){var m;const{client:t,say:n,compose:o,sendBtn:a,historyBtn:r,callBtn:i,whoami:s}=e;let l={mode:t.lastLoginMode||"off",signedIn:null},c="idle",p=((m=t.config.user)==null?void 0:m.email)||"",f="",u=!1,h="";const x=()=>l.mode==="required"&&!l.signedIn;function E(){const w=x();o.hidden=w,a.hidden=w,r&&(r.hidden=w),w?i.hidden=!0:e.callOffered()&&(i.hidden=!1)}function T(){var v;if(l.mode==="off"){s.hidden=!0,s.innerHTML="";return}s.hidden=!1,s.classList.toggle("asking",c!=="idle");const w=h?`<div class="after err">${I(h)}</div>`:"";if(c==="idle"){if(l.signedIn){s.innerHTML=`<span class="who">Signed in as <strong>${I(l.signedIn.email)}</strong></span><button type="button" class="link" data-act="signout">Sign out</button>`;return}const S=(v=t.config.user)==null?void 0:v.email;s.innerHTML=`<span class="who">${l.mode==="required"?"Sign in to report a bug here.":S?`Reporting as <strong>${I(S)}</strong>.`:"Reporting anonymously — sign in and we can tell you what happens next."}</span><button type="button" class="link" data-act="signin">Sign in</button>`;return}if(c==="email"){s.innerHTML=`
         <p class="why">Sign in with any email address — we'll send you a code.
-          It's how you hear back about this report${c.mode==="required"?", and this project asks for it":""}.</p>
+          It's how you hear back about this report${l.mode==="required"?", and this project asks for it":""}.</p>
         <div class="row">
-          <input type="email" data-fld="email" value="${E(f)}"
+          <input type="email" data-fld="email" value="${I(p)}"
             placeholder="you@example.com" autocomplete="email" spellcheck="false"
             aria-label="Your email address" ${u?"disabled":""} />
           <button type="button" class="primary" data-act="code" ${u?"disabled":""}>
             ${u?"Sending…":"Send code"}
           </button>
         </div>
-        ${x}
-        ${c.mode==="optional"?'<div class="after"><button type="button" class="link" data-act="skip">Not now</button></div>':""}`;return}s.innerHTML=`
-      <p class="why">We sent a code to <strong>${E(f)}</strong>. It expires in ten minutes.</p>
+        ${w}
+        ${l.mode==="optional"?'<div class="after"><button type="button" class="link" data-act="skip">Not now</button></div>':""}`;return}s.innerHTML=`
+      <p class="why">We sent a code to <strong>${I(p)}</strong>. It expires in ten minutes.</p>
       <div class="row">
-        <input type="text" class="code" data-fld="code" value="${E(d)}"
+        <input type="text" class="code" data-fld="code" value="${I(f)}"
           placeholder="123456" inputmode="numeric" autocomplete="one-time-code"
           maxlength="8" aria-label="The code we emailed you" ${u?"disabled":""} />
         <button type="button" class="primary" data-act="confirm" ${u?"disabled":""}>
           ${u?"Checking…":"Sign in"}
         </button>
       </div>
-      ${x}
+      ${w}
       <div class="after">
         <button type="button" class="link" data-act="resend" ${u?"disabled":""}>Send it again</button>
         <button type="button" class="link" data-act="signin-back" ${u?"disabled":""}>Use another address</button>
-      </div>`}function p({focus:x=!1}={}){var k;if(w(),m(),!x||u)return;const v=s.querySelector("[data-fld]");v&&(v.focus(),(k=v.setSelectionRange)==null||k.call(v,v.value.length,v.value.length))}s.addEventListener("input",x=>{const v=x.target.closest("[data-fld]");v&&(v.dataset.fld==="email"?f=v.value:d=v.value)}),s.addEventListener("keydown",x=>{x.key!=="Enter"||!x.target.closest("[data-fld]")||(x.preventDefault(),l==="email"?h():b())});async function h({resent:x=!1}={}){const v=f.trim();if(!v){g="Enter the address to send the code to.",p({focus:!0});return}u=!0,g="",p();try{await e.signIn(v),f=v,x||(d=""),l="code"}catch(k){g=k.message}finally{u=!1,p({focus:!0})}}async function b(){const x=d.trim();if(!x){g="Enter the code we emailed you.",p({focus:!0});return}u=!0,g="",p();try{const v=await e.confirmSignIn(f.trim(),x);c.signedIn=v,l="idle",d="",n(""),t.offerCall()}catch(v){g=v.message}finally{u=!1,p({focus:l!=="idle"})}}s.addEventListener("click",async x=>{const v=x.target.closest("button[data-act]");if(!v)return;const k=v.dataset.act;if(k==="signin"){l="email",g="",p({focus:!0});return}if(k==="skip"){l="idle",g="",p();return}if(k==="signin-back"){l="email",g="",d="",p({focus:!0});return}if(k==="code"){h();return}if(k==="resend"){h({resent:!0});return}if(k==="confirm"){b();return}if(k==="signout"){u=!0,p();try{await e.signOut()}finally{c.signedIn=null,u=!1,l=c.mode==="required"?"email":"idle",p({focus:l!=="idle"})}}});async function T({announce:x=!1}={}){const v=await e.loginState();c={mode:v.mode,signedIn:v.signedIn},e.lastLoginMode=v.mode,y()&&l==="idle"&&(l="email"),c.signedIn&&(l="idle"),x&&v.signedOutReason&&n(v.signedOutReason,"info"),p()}T({announce:!0}).catch(()=>{});function C(){c.mode!=="off"&&T().catch(()=>{})}t.mustSignIn=y,t.recheckSignIn=C}function cn(t){const e=t||[];if(!e.length)return"";let n=null,o=null;return e.map(a=>{var f,d,u,g;const r=ve(a.at),i=r&&r!==n?`<div class="day-sep" role="separator">${E(Ma(a.at))}</div>`:"";if(i&&(n=r,o=null),!a.from)return o=null,i+Va(a);const s={from:a.from,author:(f=a.reply)==null?void 0:f.author,automated:(d=a.reply)==null?void 0:d.automated,body:(u=a.reply)==null?void 0:u.body,at:a.at,attachments:(g=a.reply)==null?void 0:g.attachments},c=Ka(s),l=o&&o.who===c&&Math.abs(new Date(a.at).getTime()-new Date(o.at).getTime())<5*6e4;return o={who:c,at:a.at},i+ln(s,l?"cont":"")}).join("")}function Ka(t){return t.from==="reporter"?"me":t.automated?"assistant":`team:${t.author||""}`}function Va(t){const e=on(t.at);return`
-    <div class="sys k-${E(t.kind)}">
-      <span class="dot" aria-hidden="true"></span>${E(t.summary||"")}${e?`
-      <span class="t">· ${E(e)}</span>`:""}
-    </div>`}function ln(t,e=""){const n=t.from==="reporter",o=t.body||"",a=t.attachments||[],r=!n&&!!t.automated,i=o?`<span class="msg-text">${E(o)}</span>`:"",s=a.length?`<div class="att">${a.map(Wa).join("")}</div>`:"";let c="",l="";if(r)c='<span class="msg-who auto">Assistant <span class="tag">AI</span></span>',l=`<span class="av bot" aria-hidden="true">${we}</span>`;else if(!n){const d=t.author||"Support team";c=`<span class="msg-who">${E(d)}</span>`,l=`<span class="av" aria-hidden="true">${E(Aa(d))}</span>`}e.includes("cont")&&(c="");const f=r&&/it goes to the same person/i.test(o)?`<div class="quick" role="group" aria-label="Answer">
-        <button type="button" data-quick="Yes, this is the problem">${ie}That's right</button>
+      </div>`}function g({focus:w=!1}={}){var S;if(T(),E(),!w||u)return;const v=s.querySelector("[data-fld]");v&&(v.focus(),(S=v.setSelectionRange)==null||S.call(v,v.value.length,v.value.length))}s.addEventListener("input",w=>{const v=w.target.closest("[data-fld]");v&&(v.dataset.fld==="email"?p=v.value:f=v.value)}),s.addEventListener("keydown",w=>{w.key!=="Enter"||!w.target.closest("[data-fld]")||(w.preventDefault(),c==="email"?k():d())});async function k({resent:w=!1}={}){const v=p.trim();if(!v){h="Enter the address to send the code to.",g({focus:!0});return}u=!0,h="",g();try{await t.signIn(v),p=v,w||(f=""),c="code"}catch(S){h=S.message}finally{u=!1,g({focus:!0})}}async function d(){const w=f.trim();if(!w){h="Enter the code we emailed you.",g({focus:!0});return}u=!0,h="",g();try{const v=await t.confirmSignIn(p.trim(),w);l.signedIn=v,c="idle",f="",n(""),e.offerCall()}catch(v){h=v.message}finally{u=!1,g({focus:c!=="idle"})}}s.addEventListener("click",async w=>{const v=w.target.closest("button[data-act]");if(!v)return;const S=v.dataset.act;if(S==="signin"){c="email",h="",g({focus:!0});return}if(S==="skip"){c="idle",h="",g();return}if(S==="signin-back"){c="email",h="",f="",g({focus:!0});return}if(S==="code"){k();return}if(S==="resend"){k({resent:!0});return}if(S==="confirm"){d();return}if(S==="signout"){u=!0,g();try{await t.signOut()}finally{l.signedIn=null,u=!1,c=l.mode==="required"?"email":"idle",g({focus:c!=="idle"})}}});async function y({announce:w=!1}={}){const v=await t.loginState();l={mode:v.mode,signedIn:v.signedIn},t.lastLoginMode=v.mode,x()&&c==="idle"&&(c="email"),l.signedIn&&(c="idle"),w&&v.signedOutReason&&n(v.signedOutReason,"info"),g()}y({announce:!0}).catch(()=>{});function b(){l.mode!=="off"&&y().catch(()=>{})}e.mustSignIn=x,e.recheckSignIn=b}function gn(e){const t=e||[];if(!t.length)return"";let n=null,o=null;return t.map(a=>{var p,f,u,h;const r=xe(a.at),i=r&&r!==n?`<div class="day-sep" role="separator">${I(Ha(a.at))}</div>`:"";if(i&&(n=r,o=null),!a.from)return o=null,i+er(a);const s={from:a.from,author:(p=a.reply)==null?void 0:p.author,automated:(f=a.reply)==null?void 0:f.automated,body:(u=a.reply)==null?void 0:u.body,at:a.at,attachments:(h=a.reply)==null?void 0:h.attachments},l=Ga(s),c=o&&o.who===l&&Math.abs(new Date(a.at).getTime()-new Date(o.at).getTime())<5*6e4;return o={who:l,at:a.at},i+bn(s,c?"cont":"")}).join("")}function Ga(e){return e.from==="reporter"?"me":e.automated?"assistant":`team:${e.author||""}`}function er(e){const t=un(e.at);return`
+    <div class="sys k-${I(e.kind)}">
+      <span class="dot" aria-hidden="true"></span>${I(e.summary||"")}${t?`
+      <span class="t">· ${I(t)}</span>`:""}
+    </div>`}function bn(e,t=""){const n=e.from==="reporter",o=e.body||"",a=e.attachments||[],r=!n&&!!e.automated,i=o?`<span class="msg-text">${I(o)}</span>`:"",s=a.length?`<div class="att">${a.map(nr).join("")}</div>`:"";let l="",c="";if(r)l='<span class="msg-who auto">Assistant <span class="tag">AI</span></span>',c='<span class="av bot orb" aria-hidden="true"></span>';else if(!n){const f=e.author||"Support team";l=`<span class="msg-who">${I(f)}</span>`,c=`<span class="av" aria-hidden="true">${I(Qa(f))}</span>`}t.includes("cont")&&(l="");const p=r&&/it goes to the same person/i.test(o)?`<div class="quick" role="group" aria-label="Answer">
+        <button type="button" data-quick="Yes, this is the problem">${se}That's right</button>
         <button type="button" data-quick="No, that is not the problem">That's not it</button>
-      </div>`:r&&Wo.test(o)?`<div class="quick" role="group" aria-label="Did this answer your question?">
-          <button type="button" data-quick="Yes, that answers it">${ie}Yes, that answers it</button>
+      </div>`:r&&na.test(o)?`<div class="quick" role="group" aria-label="Did this answer your question?">
+          <button type="button" data-quick="Yes, that answers it">${se}Yes, that answers it</button>
           <button type="button" data-quick="No, I still need help">No, I still need help</button>
         </div>`:"";return`
-    <div class="msg-row ${n?"mine":"theirs"} ${r?"auto":""} ${e}">
-      ${l}
+    <div class="msg-row ${n?"mine":"theirs"} ${r?"auto":""} ${t}">
       ${c}
+      ${l}
       <div class="bubble ${o?"":"silent"}">${i}${s}</div>
-      ${f}
-      <span class="msg-when">${E(on(t.at)||je(t.at))}</span>
-    </div>`}function Fa(){return`
+      ${p}
+      <span class="msg-when">${I(un(e.at)||qe(e.at))}</span>
+    </div>`}function tr(){return`
     <div class="typing-row">
-      <span class="av bot" aria-hidden="true">${we}</span>
+      <span class="av bot orb" aria-hidden="true"></span>
       <span class="msg-who auto">Assistant <span class="tag">AI</span></span>
       <div class="bubble typing" role="img" aria-label="The assistant is working on it"><i></i><i></i><i></i></div>
-    </div>`}function Wa(t){const e=E(t.name||"attachment");if(!t.url)return`<span class="file"><span class="nm">${e}</span></span>`;const n=E(t.url);return t.type==="SCREENSHOT"?`<a href="${n}" target="_blank" rel="noopener noreferrer"><img src="${n}" alt="${e}" loading="lazy"></a>`:t.type==="AUDIO"?`<audio controls preload="metadata" src="${n}"></audio>`:t.type==="VIDEO"?`<video controls preload="metadata" src="${n}"></video>`:`
+    </div>`}function nr(e){const t=I(e.name||"attachment");if(!e.url)return`<span class="file"><span class="nm">${t}</span></span>`;const n=I(e.url);return e.type==="SCREENSHOT"?`<a href="${n}" target="_blank" rel="noopener noreferrer"><img src="${n}" alt="${t}" loading="lazy"></a>`:e.type==="AUDIO"?`<audio controls preload="metadata" src="${n}"></audio>`:e.type==="VIDEO"?`<video controls preload="metadata" src="${n}"></video>`:`
     <a class="file" href="${n}" target="_blank" rel="noopener noreferrer" download>
-      <span class="nm">${e}</span>
-      ${t.size?`<span class="sz">${E(pe(t.size))}</span>`:""}
-    </a>`}function Ya(t,e,n,o){var C;const{client:a,cfg:r}=t,i=document.createElement("div");i.className="composer",i.innerHTML=`
+      <span class="nm">${t}</span>
+      ${e.size?`<span class="sz">${I(he(e.size))}</span>`:""}
+    </a>`}function or(e,t,n,o){var b;const{client:a,cfg:r}=e,i=document.createElement("div");i.className="composer",i.innerHTML=`
     <div class="staged" hidden></div>
     <div class="row">
       <div class="tools">
         ${r.attachments===!1?"":`
-        <button class="tool" type="button" data-act="attach" title="Attach a file" aria-label="Attach a file">${en}</button>
-        <button class="tool" type="button" data-act="voice" title="Record a voice note" aria-label="Record a voice note">${tn}</button>`}
-        <button class="tool" type="button" data-act="livecall" title="Call the team" aria-label="Call the team" hidden>${Re}</button>
+        <button class="tool" type="button" data-act="attach" title="Attach a file" aria-label="Attach a file">${sn}</button>
+        <button class="tool" type="button" data-act="voice" title="Record a voice note" aria-label="Record a voice note">${cn}</button>`}
+        <button class="tool" type="button" data-act="livecall" title="Call the team" aria-label="Call the team" hidden>${ze}</button>
       </div>
       <textarea rows="1" placeholder="Write a reply…" aria-label="Write a reply"></textarea>
-      <button class="send" type="button" data-act="send" title="Send" aria-label="Send" disabled>${nn}</button>
+      <button class="send" type="button" data-act="send" title="Send" aria-label="Send" disabled>${ln}</button>
     </div>
     <div class="note" hidden></div>
-    <input type="file" hidden multiple accept="${It.join(",")}">`,e.appendChild(i);const s=i.querySelector(".staged"),c=i.querySelector("textarea"),l=i.querySelector('[data-act="send"]'),f=i.querySelector('[data-act="voice"]'),d=i.querySelector('[data-act="livecall"]'),u=i.querySelector("input[type=file]"),g=i.querySelector(".note"),y=[];let m=null,w=!1;function p(S,x=""){g.hidden=!S,g.className=`note ${x}`,g.textContent=S||""}function h(){const S=y.filter(x=>x.storageKey);l.disabled=w||!c.value.trim()&&!S.length,s.hidden=!y.length,s.innerHTML=y.map((x,v)=>`
-      <span class="chip ${x.storageKey?"":"uploading"}">
-        <span class="nm">${E(x.name)}</span>
-        <span class="sz">${x.storageKey?pe(x.size):"sending…"}</span>
-        <button type="button" data-drop="${v}" aria-label="Remove ${E(x.name)}">${fe}</button>
-      </span>`).join("");for(const x of s.querySelectorAll("[data-drop]"))x.addEventListener("click",()=>{y.splice(Number(x.dataset.drop),1),h()})}async function b(S,x,v){const k={name:v,size:S.size,storageKey:null};y.push(k),h();try{const{storageKey:O,mime:F}=await a.uploadAttachment(S,x);k.storageKey=O,k.mime=F}catch(O){y.splice(y.indexOf(k),1),p(O.message||"That file could not be sent.","err")}h()}c.addEventListener("input",()=>{c.style.height="auto",c.style.height=`${Math.min(c.scrollHeight,120)}px`,h()}),c.addEventListener("keydown",S=>{S.key==="Enter"&&!S.shiftKey&&!S.isComposing&&(S.preventDefault(),T())}),(C=i.querySelector('[data-act="attach"]'))==null||C.addEventListener("click",()=>u.click()),u.addEventListener("change",()=>{p("");for(const S of u.files){if(S.size>a.config.maxAttachmentBytes){p(`${S.name} is larger than ${pe(a.config.maxAttachmentBytes)}.`,"err");continue}b(S,S.type,S.name)}u.value=""}),f&&!eo()&&(f.disabled=!0,f.title="This browser cannot record audio"),f==null||f.addEventListener("click",async()=>{if(m){const S=m;m=null,f.classList.remove("recording"),f.innerHTML=tn,p("");const{blob:x,mime:v}=await S.stop();x.size&&b(x,v,"Voice note");return}try{p(""),m=await ro({maxMs:a.config.maxRecordingMs,onTick:S=>p(`Recording — ${Te(S)}. Tap the mic to stop.`),onAutoStop:()=>f.click()}),f.classList.add("recording"),f.innerHTML=xa}catch{m=null,p("The microphone is not available — check the browser permission.","err")}}),a.canCallTeam(o).then(S=>{S&&(d.hidden=!1,t.preloadCall())}).catch(()=>{}),d.addEventListener("click",async()=>{d.disabled=!0,p("");try{const S=await a.startLiveCall(o);t.showLiveCall(e,n,S)}catch(S){p(S.message.replace("[BugCatch] ",""),"err")}finally{d.disabled=!1}}),l.addEventListener("click",T),n.addEventListener("click",S=>{var v,k;const x=(k=(v=S.target).closest)==null?void 0:k.call(v,"[data-quick]");!x||w||(c.value=x.dataset.quick,T())});async function T(){var v;const S=c.value.trim(),x=y.filter(k=>k.storageKey);if(!(w||!S&&!x.length)){w=!0,h(),p(""),n.insertAdjacentHTML("beforeend",ln({from:"reporter",body:S,at:new Date().toISOString(),attachments:x.map(k=>({type:"FILE",name:k.name,size:k.size}))},"pending")),xe(n,{smooth:!0});try{await a.replyToReport(o,{body:S,attachments:x.map(k=>({storageKey:k.storageKey,mime:k.mime,name:k.name,size:k.size}))}),c.value="",c.style.height="auto",y.length=0,await t.refreshThread(o)}catch(k){(v=n.querySelector(".msg-row.pending"))==null||v.classList.replace("pending","failed"),p(k.message||"That could not be sent — try again.","err")}finally{w=!1,h()}}}h()}const it=new WeakMap;function Xa(t){var y;const{client:e,scrim:n,close:o}=t;let a=null;function r(m,{callFailed:w=null}={}){if(m!=null&&m.id&&!w){c(m.id,{fresh:!0}).then(p=>{p||i(m,{callFailed:w})});return}i(m,{callFailed:w})}function i(m,{callFailed:w=null}={}){var T;const p=m!=null&&m.id?String(m.id).slice(0,8):null,h=(T=m==null?void 0:m.estimate)!=null&&T.label?String(m.estimate.label):null,b=w?`<p class="eta">${E(w)} Your report is filed, and the team will reply in the chat.</p>`:"";n.querySelector(".panel").innerHTML=`
+    <input type="file" hidden multiple accept="${jt.join(",")}">`,t.appendChild(i);const s=i.querySelector(".staged"),l=i.querySelector("textarea"),c=i.querySelector('[data-act="send"]'),p=i.querySelector('[data-act="voice"]'),f=i.querySelector('[data-act="livecall"]'),u=i.querySelector("input[type=file]"),h=i.querySelector(".note"),x=[];let E=null,T=!1;function g(m,w=""){h.hidden=!m,h.className=`note ${w}`,h.textContent=m||""}function k(){const m=x.filter(w=>w.storageKey);c.disabled=T||!l.value.trim()&&!m.length,s.hidden=!x.length,s.innerHTML=x.map((w,v)=>`
+      <span class="chip ${w.storageKey?"":"uploading"}">
+        <span class="nm">${I(w.name)}</span>
+        <span class="sz">${w.storageKey?he(w.size):"sending…"}</span>
+        <button type="button" data-drop="${v}" aria-label="Remove ${I(w.name)}">${ge}</button>
+      </span>`).join("");for(const w of s.querySelectorAll("[data-drop]"))w.addEventListener("click",()=>{x.splice(Number(w.dataset.drop),1),k()})}async function d(m,w,v){const S={name:v,size:m.size,storageKey:null};x.push(S),k();try{const{storageKey:R,mime:O}=await a.uploadAttachment(m,w);S.storageKey=R,S.mime=O}catch(R){x.splice(x.indexOf(S),1),g(R.message||"That file could not be sent.","err")}k()}l.addEventListener("input",()=>{l.style.height="auto",l.style.height=`${Math.min(l.scrollHeight,120)}px`,k()}),l.addEventListener("keydown",m=>{m.key==="Enter"&&!m.shiftKey&&!m.isComposing&&(m.preventDefault(),y())}),(b=i.querySelector('[data-act="attach"]'))==null||b.addEventListener("click",()=>u.click()),u.addEventListener("change",()=>{g("");for(const m of u.files){if(m.size>a.config.maxAttachmentBytes){g(`${m.name} is larger than ${he(a.config.maxAttachmentBytes)}.`,"err");continue}d(m,m.type,m.name)}u.value=""}),p&&!so()&&(p.disabled=!0,p.title="This browser cannot record audio"),p==null||p.addEventListener("click",async()=>{if(E){const m=E;E=null,p.classList.remove("recording"),p.innerHTML=cn,g("");const{blob:w,mime:v}=await m.stop();w.size&&d(w,v,"Voice note");return}try{g(""),E=await ho({maxMs:a.config.maxRecordingMs,onTick:m=>g(`Recording — ${Ie(m)}. Tap the mic to stop.`),onAutoStop:()=>p.click()}),p.classList.add("recording"),p.innerHTML=La}catch{E=null,g("The microphone is not available — check the browser permission.","err")}}),a.canCallTeam(o).then(m=>{m&&(f.hidden=!1,e.preloadCall())}).catch(()=>{}),f.addEventListener("click",async()=>{f.disabled=!0,g("");try{const m=await a.startLiveCall(o);e.showLiveCall(t,n,m)}catch(m){g(m.message.replace("[BugCatch] ",""),"err")}finally{f.disabled=!1}}),c.addEventListener("click",y),n.addEventListener("click",m=>{var v,S;const w=(S=(v=m.target).closest)==null?void 0:S.call(v,"[data-quick]");!w||T||(l.value=w.dataset.quick,y())});async function y(){var v;const m=l.value.trim(),w=x.filter(S=>S.storageKey);if(!(T||!m&&!w.length)){T=!0,k(),g(""),n.insertAdjacentHTML("beforeend",bn({from:"reporter",body:m,at:new Date().toISOString(),attachments:w.map(S=>({type:"FILE",name:S.name,size:S.size}))},"pending")),ke(n,{smooth:!0});try{await a.replyToReport(o,{body:m,attachments:w.map(S=>({storageKey:S.storageKey,mime:S.mime,name:S.name,size:S.size}))}),l.value="",l.style.height="auto",x.length=0,await e.refreshThread(o)}catch(S){(v=n.querySelector(".msg-row.pending"))==null||v.classList.replace("pending","failed"),g(S.message||"That could not be sent — try again.","err")}finally{T=!1,k()}}}k()}const dt=new WeakMap;function mn(e){return JSON.stringify(e?[e.score,e.current,e.comment||null]:null)}function ar(e){return e.rating?` · <span class="rated" aria-label="You rated this ${Number(e.rating)} out of 5">${dn}${Number(e.rating)}</span>`:e.ratingAsked?' · <span class="rate-ask">Rate it</span>':""}function rr(e){var T;const{client:t,scrim:n,close:o}=e;let a=null;function r(g,{callFailed:k=null}={}){if(g!=null&&g.id&&!k){l(g.id,{fresh:!0}).then(d=>{d||i(g,{callFailed:k})});return}i(g,{callFailed:k})}function i(g,{callFailed:k=null}={}){var m;const d=g!=null&&g.id?String(g.id).slice(0,8):null,y=(m=g==null?void 0:g.estimate)!=null&&m.label?String(g.estimate.label):null,b=k?`<p class="eta">${I(k)} Your report is filed, and the team will reply in the chat.</p>`:"";n.querySelector(".panel").innerHTML=`
       <div class="done">
-        <div class="tick">${ie}</div>
+        <div class="tick">${se}</div>
         <h3>Thanks — that's on its way.</h3>
-        <p>${p?`Filed as <code>${E(p)}</code>.`:"The team has what they need to reproduce it."}</p>
+        <p>${d?`Filed as <code>${I(d)}</code>.`:"The team has what they need to reproduce it."}</p>
         ${b}
-        ${h?`<p class="eta">Reports like this usually take <strong>${E(h)}</strong>. We'll let you know when it moves.</p>`:""}
-      </div>`,setTimeout(o,b?6e3:h?4e3:2e3)}async function s(){const m=n.querySelector(".panel");clearTimeout(l),a=null,m.classList.remove("is-chat"),m.innerHTML=`
-      ${ot({title:"Your reports",sub:"Everything you've reported, and where each one got to."})}
-      <div class="history" aria-busy="true">${Ia(3)}</div>`,m.querySelector('[data-act="close"]').addEventListener("click",o);let w=[];try{({reports:w}=await e.myReports())}catch{const h=m.querySelector(".history");h&&(h.innerHTML=at("Couldn't load your reports just now.",re));return}const p=m.querySelector(".history");if(p){p.removeAttribute("aria-busy"),p.innerHTML=w.length?w.map((h,b)=>`
-        <button class="row" type="button" data-report="${E(h.id)}" style="animation-delay:${Math.min(b,8)*30}ms">
-          <span class="row-ico" aria-hidden="true">${mt}</span>
+        ${y?`<p class="eta">Reports like this usually take <strong>${I(y)}</strong>. We'll let you know when it moves.</p>`:""}
+      </div>`,setTimeout(o,b?6e3:y?4e3:2e3)}async function s(){const g=n.querySelector(".panel");clearTimeout(c),a=null,g.classList.remove("is-chat"),g.innerHTML=`
+      ${st({title:"Your reports",sub:"Where each one has got to.",theme:e.themeLabel()})}
+      <div class="history" aria-busy="true">${za(3)}</div>`,g.querySelector('[data-act="close"]').addEventListener("click",o);let k=[];try{({reports:k}=await t.myReports())}catch{const y=g.querySelector(".history");y&&(y.innerHTML=ct("Couldn't load your reports just now.",ie));return}const d=g.querySelector(".history");if(d){d.removeAttribute("aria-busy"),d.innerHTML=k.length?k.map((y,b)=>`
+        <button class="row" type="button" data-report="${I(y.id)}" style="animation-delay:${Math.min(b,8)*30}ms">
+          <span class="row-ico" aria-hidden="true">${Fn}</span>
           <span class="who">
-            <span class="ttl">${E(h.title)}</span>
-            <span class="sub">${E(h.reference)} · ${E(je(h.createdAt))}</span>
+            <span class="ttl">${I(y.title)}</span>
+            <span class="sub">${I(y.reference)} · ${I(qe(y.createdAt))}${ar(y)}</span>
           </span>
-          <span class="pill ${E(String(h.status).toLowerCase())}">${E(rt(h.status))}</span>
-          <span class="chev" aria-hidden="true">${$a}</span>
-        </button>`).join(""):at("You haven't reported anything yet.",Ca);for(const h of p.querySelectorAll("[data-report]"))h.addEventListener("click",()=>c(h.dataset.report))}}async function c(m,{fresh:w=!1}={}){var S;const p=n.querySelector(".panel");clearTimeout(l),p.classList.add("is-chat"),p.innerHTML=`
-      ${ot({back:!0,title:w?"Looking into it":"Your report",sub:w?"Our assistant is on it — it may ask you a question here.":"Everything that has happened, and a way to answer."})}
-      <div class="history chatting" aria-busy="true"><div class="thread">${La()}</div></div>`,p.querySelector('[data-act="close"]').addEventListener("click",o),p.querySelector('[data-act="back"]').addEventListener("click",s);let h=null;try{h=await e.myReport(m)}catch{h=null}const b=p.querySelector(".history");if(!b||!p.querySelector('[data-act="back"]'))return!1;if(!h)return w?(p.classList.remove("is-chat"),!1):(b.removeAttribute("aria-busy"),b.innerHTML=at("Couldn't load that report just now.",re),!1);a=m,e.markReportRead(m);const T=cn(h.timeline);b.classList.add("chatting"),b.removeAttribute("aria-busy"),b.innerHTML=`
+          <span class="pill ${I(String(y.status).toLowerCase())}">${I(lt(y.status))}</span>
+          <span class="chev" aria-hidden="true">${Ba}</span>
+        </button>`).join(""):ct("You haven't reported anything yet.",Ra);for(const y of d.querySelectorAll("[data-report]"))y.addEventListener("click",()=>l(y.dataset.report))}}async function l(g,{fresh:k=!1}={}){var v;const d=n.querySelector(".panel");clearTimeout(c),d.classList.add("is-chat"),d.innerHTML=`
+      ${st({back:!0,title:k?"Looking into it":"Your report",sub:k?"It may ask you a question here.":"Updates, and a way to reply.",theme:e.themeLabel()})}
+      <div class="history chatting" aria-busy="true"><div class="thread">${qa()}</div></div>`,d.querySelector('[data-act="close"]').addEventListener("click",o),d.querySelector('[data-act="back"]').addEventListener("click",s);let y=null;try{y=await t.myReport(g)}catch{y=null}const b=d.querySelector(".history");if(!b||!d.querySelector('[data-act="back"]'))return!1;if(!y)return k?(d.classList.remove("is-chat"),!1):(b.removeAttribute("aria-busy"),b.innerHTML=ct("Couldn't load that report just now.",ie),!1);a=g,t.markReportRead(g);const m=gn(y.timeline);b.classList.add("chatting"),b.removeAttribute("aria-busy"),b.innerHTML=`
       <div class="report-head">
-        <span class="ttl">${E(h.title)}</span>
-        <span class="sub">${E(h.reference)} · ${E(h.project||"")}</span>
-        <span class="pill ${E(String(h.status).toLowerCase())}">${E(rt(h.status))}</span>
-        ${(S=h.estimate)!=null&&S.label?`<span class="eta-line">Usually takes ${E(String(h.estimate.label))}</span>`:""}
+        <span class="ttl">${I(y.title)}</span>
+        <span class="sub">${I(y.reference)} · ${I(y.project||"")}</span>
+        <span class="pill ${I(String(y.status).toLowerCase())}">${I(lt(y.status))}</span>
+        ${(v=y.estimate)!=null&&v.label?`<span class="eta-line">Usually takes ${I(String(y.estimate.label))}</span>`:""}
       </div>
-      <div class="thread" role="log" aria-live="polite" aria-label="Conversation">${T}</div>`;const C=b.querySelector(".thread");return it.set(C,T),xe(C),d(b,h),h.canReply&&Ya(t,b,C,m),f(b,h,m),xe(C),!0}let l=null;function f(m,w,p){var Z,Y,L;clearTimeout(l);const h=w.assistant,b=m.querySelector(".thread");let T=m.querySelector(".assistant");if(!h){T==null||T.remove(),(Z=b==null?void 0:b.querySelector(".typing-row"))==null||Z.remove();return}const C=(T==null?void 0:T.dataset.phase)||null;T||(T=document.createElement("div"),T.setAttribute("role","status"),T.setAttribute("aria-live","polite"),(Y=m.querySelector(".report-head"))==null||Y.after(T)),T.className=`assistant ${E(h.phase)}`,T.dataset.phase=h.phase;const S=h.steps||[],x=S.filter(j=>j.state==="done").length,v=S.some(j=>j.state==="active")?.5:0,k=S.length?Math.round((x+v)/S.length*100):0,O=`
-      <div class="as-body${C&&C!==h.phase?" entering":""}">
+      <div class="thread" role="log" aria-live="polite" aria-label="Conversation">${m}</div>`;const w=b.querySelector(".thread");return dt.set(w,m),ke(w),f(b,y),u(b,y),y.canReply&&or(e,b,w,g),p(b,y,g),ke(w),!0}let c=null;function p(g,k,d){var C,j,z;clearTimeout(c);const y=k.assistant,b=g.querySelector(".thread");let m=g.querySelector(".assistant");if(!y){m==null||m.remove(),(C=b==null?void 0:b.querySelector(".typing-row"))==null||C.remove();return}const w=(m==null?void 0:m.dataset.phase)||null;m||(m=document.createElement("div"),m.setAttribute("role","status"),m.setAttribute("aria-live","polite"),(j=g.querySelector(".report-head"))==null||j.after(m)),m.className=`assistant ${I(y.phase)}`,m.dataset.phase=y.phase;const v=y.steps||[],S=v.filter(Q=>Q.state==="done").length,R=v.some(Q=>Q.state==="active")?.5:0,O=v.length?Math.round((S+R)/v.length*100):0,K=`
+      <div class="as-body${w&&w!==y.phase?" entering":""}">
         <div class="as-top">
-          <span class="as-orb" aria-hidden="true">${h.phase==="analyzing"?'<span class="as-spin"></span>':h.phase==="calling"?Re:h.phase==="resolved"?ie:we}</span>
+          <span class="as-orb${y.phase==="calling"||y.phase==="resolved"?"":" orb"}" aria-hidden="true">${y.phase==="calling"?ze:y.phase==="resolved"?se:""}</span>
           <div class="as-text">
-            <div class="as-title">${E(h.title)}</div>
-            <div class="as-detail">${E(h.detail)}</div>
+            <div class="as-title">${I(y.title)}</div>
+            <div class="as-detail">${I(y.detail)}</div>
           </div>
         </div>
       </div>
-      ${S.length?`
-      <div class="as-progress" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${k}"><i style="width:${k}%"></i></div>
-      <ol class="as-steps">${S.map(j=>`<li class="${E(j.state)}"${j.state==="active"?' aria-current="step"':""}><span class="dot"></span><span class="lbl">${E(j.label)}</span></li>`).join("")}</ol>`:""}`,F=JSON.stringify([h.phase,h.title,h.detail,S]);if(T.dataset.key!==F){const j=T.querySelector(".as-progress i"),R=j==null?void 0:j.style.width;T.innerHTML=O,T.dataset.key=F;const N=T.querySelector(".as-progress i");N&&R&&(N.style.width=R,requestAnimationFrame(()=>{N.style.width=`${k}%`}))}if(b){const j=an(b),R=b.querySelector(".typing-row");h.phase!=="analyzing"?R==null||R.remove():(!R||R!==b.lastElementChild)&&(R==null||R.remove(),b.insertAdjacentHTML("beforeend",Fa()),j&&xe(b))}h.phase==="analyzing"?l=setTimeout(()=>u(p),3e3):h.phase==="calling"?l=setTimeout(()=>u(p),1e4):h.phase==="needs_info"&&C!=="needs_info"&&((L=m.querySelector(".composer textarea"))==null||L.focus())}function d(m,w){var h,b;if((h=m.querySelector(".fix-verification"))==null||h.remove(),!w.resolvedAt||!["RESOLVED","CLOSED"].includes(w.status))return;const p=document.createElement("div");p.className="fix-verification",w.verification?p.textContent=w.verification==="CONFIRMED"?"You confirmed that this fix works.":"Your feedback was recorded.":(p.innerHTML='<p>Does the fix work for you?</p><textarea maxlength="4000" aria-label="Fix feedback" placeholder="What happens when you try again? (optional)"></textarea><button type="button" data-result="CONFIRMED">It works now</button> <button type="button" data-result="STILL_HAPPENING">Still happening</button><p class="feedback-status" role="status"></p>',p.querySelectorAll("[data-result]").forEach(T=>{T.onclick=async()=>{p.querySelectorAll("button").forEach(C=>{C.disabled=!0});try{await e.verifyFix(w.id,{result:T.dataset.result,resolvedAt:w.resolvedAt,note:p.querySelector("textarea").value}),await c(w.id)}catch(C){p.querySelector(".feedback-status").textContent=C.message,p.querySelectorAll("button").forEach(S=>{S.disabled=!1})}}})),(b=m.querySelector(".report-head"))==null||b.after(p)}async function u(m){const w=n.querySelector(".history.chatting"),p=w==null?void 0:w.querySelector(".thread");if(!p||a!==m)return;let h=null;try{h=await e.myReport(m)}catch{}if(t.closed||!h||a!==m)return;d(w,h);const b=an(p),T=cn(h.timeline);it.get(p)!==T&&(p.innerHTML=T,it.set(p,T)),f(w,h,m),b&&xe(p);const C=w.querySelector(".report-head .pill");C&&(C.className=`pill ${String(h.status).toLowerCase()}`,C.textContent=rt(h.status))}const g=e.on("update",m=>{!a||(m==null?void 0:m.bugId)!==a||(e.markReportRead(a),u(a))});t.onDestroy(()=>{g(),clearTimeout(l)}),(y=n.querySelector('[data-act="history"]'))==null||y.addEventListener("click",s),t.succeed=r,t.refreshThread=u,t.openReportId=()=>a}function Ja({root:t,host:e,dock:n,client:o,onClose:a,preloadCall:r=()=>{}}){Za(t);const i=o.config,s=document.createElement("div");s.className=`scrim ${n.classList.contains("at-left")?"at-left":"at-right"} ${n.classList.contains("at-top")?"at-top":"at-bottom"}`,s.style.setProperty("--bc-dock-h",`${Math.round(n.getBoundingClientRect().height)}px`),s.innerHTML=`
+      ${v.length?`
+      <div class="as-progress" role="progressbar" aria-label="Progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${O}"><i style="width:${O}%"></i></div>
+      <ol class="as-steps">${v.map(Q=>`<li class="${I(Q.state)}"${Q.state==="active"?' aria-current="step"':""}><span class="dot"></span><span class="lbl">${I(Q.label)}</span></li>`).join("")}</ol>`:""}`,W=JSON.stringify([y.phase,y.title,y.detail,v]);if(m.dataset.key!==W){const Q=m.querySelector(".as-progress i"),P=Q==null?void 0:Q.style.width;m.innerHTML=K,m.dataset.key=W;const J=m.querySelector(".as-progress i");J&&P&&(J.style.width=P,requestAnimationFrame(()=>{J.style.width=`${O}%`}))}if(b){const Q=pn(b),P=b.querySelector(".typing-row");y.phase!=="analyzing"?P==null||P.remove():(!P||P!==b.lastElementChild)&&(P==null||P.remove(),b.insertAdjacentHTML("beforeend",tr()),Q&&ke(b))}y.phase==="analyzing"?c=setTimeout(()=>x(d),3e3):y.phase==="calling"?c=setTimeout(()=>x(d),1e4):y.phase==="needs_info"&&w!=="needs_info"&&((z=g.querySelector(".composer textarea"))==null||z.focus())}function f(g,k){var y,b;if((y=g.querySelector(".fix-verification"))==null||y.remove(),!k.resolvedAt||!["RESOLVED","CLOSED"].includes(k.status))return;const d=document.createElement("div");d.className="fix-verification",k.verification?d.textContent=k.verification==="CONFIRMED"?"You confirmed that this fix works.":"Your feedback was recorded.":(d.innerHTML='<p>Does the fix work for you?</p><textarea maxlength="4000" aria-label="Fix feedback" placeholder="What happens when you try again? (optional)"></textarea><button type="button" data-result="CONFIRMED">It works now</button> <button type="button" data-result="STILL_HAPPENING">Still happening</button><p class="feedback-status" role="status"></p>',d.querySelectorAll("[data-result]").forEach(m=>{m.onclick=async()=>{d.querySelectorAll("button").forEach(w=>{w.disabled=!0});try{await t.verifyFix(k.id,{result:m.dataset.result,resolvedAt:k.resolvedAt,note:d.querySelector("textarea").value}),await l(k.id)}catch(w){d.querySelector(".feedback-status").textContent=w.message,d.querySelectorAll("button").forEach(v=>{v.disabled=!1})}}})),(b=g.querySelector(".report-head"))==null||b.after(d)}function u(g,k){var b;let d=g.querySelector(".fix-rating");if(!["RESOLVED","CLOSED"].includes(k.status)||!k.ratingAsked){d==null||d.remove();return}d&&d.dataset.key===mn(k.rating)||(d||(d=document.createElement("div"),d.className="fix-rating",(b=g.querySelector(".fix-verification")||g.querySelector(".report-head"))==null||b.after(d)),h(d,k,k.rating||null))}function h(g,k,d,{justRated:y=!1}={}){var W;g.dataset.key=mn(d);const b=d!=null&&d.current?d.score:0,m=d?d.current?y?"Thanks — the team will see that.":`You rated this ${d.score} out of 5.`:`You rated an earlier fix ${d.score} out of 5. How did this one go?`:"How did we do?",w=y&&(d==null?void 0:d.current)&&!d.comment;g.innerHTML=`
+      <p class="fr-q">${I(m)}</p>
+      <div class="stars" role="group" aria-label="Rate how this was handled, 1 to 5">${[1,2,3,4,5].map(C=>`
+        <button type="button" data-score="${C}" aria-pressed="${C===b}" aria-label="${C} out of 5${C===1?", poor":C===5?", great":""}" class="${C<=b?"on":""}">${dn}</button>`).join("")}
+      </div>
+      ${d!=null&&d.current&&d.comment?`<p class="fr-said">“${I(d.comment)}”</p>`:""}
+      ${w?`
+      <div class="fr-note">
+        <textarea maxlength="2000" aria-label="Add a note to your rating" placeholder="${d.score<=2?"What went wrong? (optional)":"Anything to add? (optional)"}"></textarea>
+        <button type="button" data-act="rating-note">Add note</button>
+      </div>`:""}
+      ${d?"":'<p class="fr-hint">1 is poor, 5 is great.</p>'}
+      <p class="feedback-status" role="status"></p>`;const v=[...g.querySelectorAll("[data-score]")],S=C=>v.forEach(j=>j.classList.toggle("on",Number(j.dataset.score)<=C)),R=C=>g.querySelectorAll("button, textarea").forEach(j=>{j.disabled=C}),O=g.querySelector(".feedback-status");async function K(C,j){var z;R(!0),O.textContent="";try{const Q=await t.rate(k.id,{score:C,comment:j});h(g,k,Q,{justRated:!0}),(z=g.querySelector(".fr-note textarea"))==null||z.focus()}catch(Q){O.textContent=Q.message,R(!1),S(b)}}for(const C of v){const j=Number(C.dataset.score);C.addEventListener("mouseenter",()=>S(j)),C.addEventListener("focus",()=>S(j)),C.addEventListener("blur",()=>S(b)),C.addEventListener("click",()=>K(j))}g.querySelector(".stars").addEventListener("mouseleave",()=>S(b)),(W=g.querySelector('[data-act="rating-note"]'))==null||W.addEventListener("click",()=>{var j;const C=g.querySelector(".fr-note textarea").value.trim();if(!C){(j=g.querySelector(".fr-note"))==null||j.remove();return}K(d.score,C)})}async function x(g){const k=n.querySelector(".history.chatting"),d=k==null?void 0:k.querySelector(".thread");if(!d||a!==g)return;let y=null;try{y=await t.myReport(g)}catch{}if(e.closed||!y||a!==g)return;f(k,y),u(k,y);const b=pn(d),m=gn(y.timeline);dt.get(d)!==m&&(d.innerHTML=m,dt.set(d,m)),p(k,y,g),b&&ke(d);const w=k.querySelector(".report-head .pill");w&&(w.className=`pill ${String(y.status).toLowerCase()}`,w.textContent=lt(y.status))}const E=t.on("update",g=>{!a||(g==null?void 0:g.bugId)!==a||(t.markReportRead(a),x(a))});e.onDestroy(()=>{E(),clearTimeout(c)}),(T=n.querySelector('[data-act="history"]'))==null||T.addEventListener("click",s),e.succeed=r,e.refreshThread=x,e.openReportId=()=>a}function ir({root:e,host:t,dock:n,client:o,onClose:a,preloadCall:r=()=>{},themeControls:i=null}){sr(e);const s=o.config,l=()=>(i==null?void 0:i.label())||"",c=document.createElement("div");c.className=`scrim ${n.classList.contains("at-left")?"at-left":"at-right"} ${n.classList.contains("at-top")?"at-top":"at-bottom"}`,c.style.setProperty("--bc-dock-h",`${Math.round(n.getBoundingClientRect().height)}px`),c.innerHTML=`
     <div class="panel" role="dialog" aria-modal="true" aria-labelledby="bc-h">
-      ${ot({id:"bc-h",title:"Tell us what went wrong",sub:"Our assistant starts looking right away. We attach the page details for you."})}
+      ${st({id:"bc-h",title:"Report a bug",sub:"We attach the page details for you.",theme:l()})}
       <div class="body">
         <div class="slot" role="alert"></div>
         <!-- What the project's team is telling visitors. Drawn only when it
@@ -1516,7 +1599,7 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
              close by itself. Drawn only when the project offers any. -->
         <div class="picks" hidden></div>
         <div class="known" hidden></div>
-        ${za(i)}
+        ${Ka(s)}
       </div>
       <div class="foot">
         <span class="note" aria-live="polite"></span>
@@ -1526,11 +1609,11 @@ div.done { padding: 44px 26px 44px; text-align: center; animation: bc-fade-in 24
              most cannot. Drawn here rather than as a second launcher because it
              is the same errand as Send report — the difference is only whether
              the reporter would rather say it than type it. -->
-        <button class="ghost" type="button" data-act="call" hidden>${Re}Talk to the team</button>
-        <button class="primary" type="button" data-act="send">Send report ${nn}</button>
+        <button class="ghost" type="button" data-act="call" hidden>${ze}Talk to the team</button>
+        <button class="primary" type="button" data-act="send">Send report ${ln}</button>
       </div>
       <div class="powered">Powered by
-        <a class="brand-credit" href="https://bugcatch.sphoro.com" target="_blank" rel="noopener noreferrer" aria-label="BugCatch">${Ta}</a>
+        <a class="brand-credit" href="https://bugcatch.sphoro.com" target="_blank" rel="noopener noreferrer" aria-label="BugCatch">${ja}</a>
       </div>
-    </div>`;const c=b=>s.querySelector(b),l=c(".slot"),f=[],d={client:o,cfg:i,root:t,host:e,dock:n,scrim:s,$:c,titleInput:c("#bc-title"),descInput:c("#bc-desc"),compose:c(".compose"),sendBtn:c('[data-act="send"]'),callBtn:c('[data-act="call"]'),historyBtn:c('[data-act="history"]'),note:c(".foot .note"),whoami:c(".whoami"),refsBox:c(".refs"),notices:c(".notices"),known:c(".known"),picks:c(".picks"),sending:!1,closed:!1,say:h,close:w,preloadCall:r,onDestroy:b=>{f.push(b)},refreshSendState:null,isRecording:null,stopRecording:null,holdForReference:null,answeredReference:null,pickedIssue:null,offerCall:null,callOffered:null,showLiveCall:null,mustSignIn:null,recheckSignIn:null,succeed:null,refreshThread:null,openReportId:null};Qa(d),Ha(d),Da(d),Na(d),Ua(d),_a(d),Pa(d),Xa(d);const u=document.activeElement,g=document.documentElement.style,y=g.overflow;g.overflow="hidden";function m(){d.closed||(f.forEach(b=>b()),d.closed=!0,g.overflow=y,document.removeEventListener("keydown",p,!0),s.remove(),n.hidden=!1,e.style.opacity="",a==null||a())}function w(){var b;if(!d.closed){s.classList.add("closing"),setTimeout(m,160);try{(b=u==null?void 0:u.focus)==null||b.call(u)}catch{}}}function p(b){if(b.key==="Escape"){if(b.stopPropagation(),d.isRecording()){d.stopRecording({keep:!1});return}d.sending||w();return}if(b.key!=="Tab"||d.isRecording())return;const T=[...s.querySelectorAll("button:not(:disabled), input:not([hidden]), textarea, select, [href]")].filter(v=>v.offsetParent!==null||v===document.activeElement);if(!T.length)return;const C=T[0],S=T[T.length-1],x=s.getRootNode().activeElement;b.shiftKey&&x===C?(b.preventDefault(),S.focus()):!b.shiftKey&&x===S&&(b.preventDefault(),C.focus())}document.addEventListener("keydown",p,!0),s.addEventListener("click",b=>{b.target===s&&!d.sending&&w()}),c('[data-act="close"]').addEventListener("click",w);function h(b,T="err"){l.innerHTML=b?`<div class="msg ${T}">${T==="err"?re:""}<span>${E(b)}</span></div>`:""}return t.appendChild(s),d.refreshSendState(),d.titleInput.focus(),{destroy:m,close:w}}function Za(t){if(t.querySelector("style[data-panel]"))return;const e=document.createElement("style");e.setAttribute("data-panel",""),e.textContent=Ea;const n=t.querySelector("style");n?n.after(e):t.prepend(e)}const Ga=Object.freeze(Object.defineProperty({__proto__:null,openPanel:Ja},Symbol.toStringTag,{value:"Module"})),dn=8e3;function er(t=dn){const e=window.AudioContext||window.webkitAudioContext;try{return new e({sampleRate:t})}catch{return new e}}async function tr(t){if(t.state==="suspended")try{await t.resume()}catch{}}function nr(t,e,n){const o=e/n,a=new Float32Array(Math.floor(t.length/o));for(let r=0;r<a.length;r++){const i=Math.floor(r*o),s=Math.min(Math.floor((r+1)*o),t.length);let c=0;for(let l=i;l<s;l++)c+=t[l];a[r]=s>i?c/(s-i):0}return a}const or=132,un=32635;function ar(t){const e=new Uint8Array(t.length);for(let n=0;n<t.length;n++){const o=Math.max(-1,Math.min(1,t[n]));let a=Math.round(o*32767);const r=a<0?128:0;r&&(a=-a),a>un&&(a=un),a+=or;let i=7;for(let c=16384;!(a&c)&&i>0;i--,c>>=1);const s=a>>i+3&15;e[n]=~(r|i<<4|s)&255}return e}const rr=512;function ir(t,e,n,o=dn){const a=t.createMediaStreamSource(e),r=t.createScriptProcessor(rr,1,1);r.onaudioprocess=s=>{const c=s.inputBuffer.getChannelData(0),l=t.sampleRate===o?c:nr(c,t.sampleRate,o);n(ar(l))},a.connect(r);const i=t.createGain();return i.gain.value=0,r.connect(i),i.connect(t.destination),{stop(){r.onaudioprocess=null;try{a.disconnect()}catch{}try{r.disconnect()}catch{}try{i.disconnect()}catch{}}}}const sr="voiceai.realtime.v1",cr=[{urls:"stun:stun.l.google.com:19302"}];function pn(){return navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0,channelCount:1}})}function hn(){var t;return typeof window<"u"&&typeof window.RTCPeerConnection=="function"&&!!((t=navigator.mediaDevices)!=null&&t.getUserMedia)}async function lr({realtimeUrl:t,stream:e,ringsUntil:n,onState:o,onAudioBlocked:a,onMicrophone:r}){const i=(I,M)=>{try{o==null||o(I,M)}catch{}},s=I=>{try{a==null||a(I)}catch{}},c=I=>{try{r==null||r(I)}catch{}};if(!hn()){const I=new Error("[BugCatch] this browser cannot make live calls.");throw i("failed",{reason:"unsupported"}),I}let l=e;if(!l)try{l=await pn()}catch(I){throw i("failed",{reason:"microphone",error:String((I==null?void 0:I.name)||I)}),I}let f;try{f=await dr(t)}catch(I){throw gn(l),i("failed",{reason:"connect"}),I}let d=null,u=null,g=!1,y=null,m=null,w=null,p=!1,h=null,b=null,T=!1;const C=[];let S=!1,x=!1,v=!1,k=null,O=null,F=0;const Z=2e3,Y=5e3,L=3e4,j=4,R=(I,M)=>{if(!g){g=!0,y&&(clearTimeout(y),y=null),A(),b==null||b(),b=null,G(),h==null||h(),h=null;try{d==null||d.close()}catch{}gn(l),u&&(u.srcObject=null,u.remove(),u=null);try{f.readyState===WebSocket.OPEN&&f.close(1e3,"call over")}catch{}i(I,M)}},N=I=>{f.readyState===WebSocket.OPEN&&f.send(JSON.stringify(I))},ne=async()=>{if(T||w||g||!m||!m.audio&&!m.transcript)return;T=!0;const I=m.encoding||"mulaw";if(I!=="mulaw"){fn(`this call is kept as ${I}, which this SDK cannot produce.`);return}const M=Number(m.sample_rate)||8e3;try{const D=er(M);if(await tr(D),g){try{D.close()}catch{}return}const X=ir(D,l,V=>{f.readyState===WebSocket.OPEN&&f.send(V)},M);w={context:D,tap:X}}catch(D){fn(`could not send the copy this call is keeping: ${String((D==null?void 0:D.message)||D)}`)}};function G(){if(T=!1,!w)return;const{context:I,tap:M}=w;w=null;try{M.stop()}catch{}try{I.close()}catch{}}function ce(){var M;if(!u||g)return;let I;try{I=(M=u.play)==null?void 0:M.call(u)}catch{he();return}if(!I||typeof I.then!="function"){W();return}I.then(W,he)}function W(){h==null||h(),h=null,p&&(p=!1,s(!1))}function he(){g||(p||(p=!0,s(!0)),le())}function le(){if(h||typeof window>"u"||typeof window.addEventListener!="function")return;const I=()=>ce(),M=["pointerdown","keydown","touchstart"];for(const D of M)window.addEventListener(D,I,{capture:!0,passive:!0});h=()=>{for(const D of M)try{window.removeEventListener(D,I,{capture:!0})}catch{}}}const de=I=>{d=new RTCPeerConnection({iceServers:I!=null&&I.length?I:cr});for(const M of l.getAudioTracks())d.addTrack(M,l);b=_(),d.onicecandidate=M=>{M.candidate&&N({type:"signal",signal:{kind:"candidate",payload:M.candidate.toJSON()}})},d.ontrack=M=>{var X;const[D]=M.streams;D&&(u||(u=document.createElement("audio"),u.autoplay=!0,u.playsInline=!0,(X=u.setAttribute)==null||X.call(u,"playsinline",""),u.style.cssText="position:fixed;width:0;height:0;opacity:0;pointer-events:none",document.body.appendChild(u)),u.srcObject=D,ce())},d.onconnectionstatechange=z,d.oniceconnectionstatechange=z};function z(){if(!d||g)return;const I=d.connectionState||d.iceConnectionState;if(I==="connected"||I==="completed"){x=!0,F=0,A(),v=!1,i("connected");return}if(I==="disconnected"){if(!x)return;$(Z);return}if(I==="failed"){if(!x){R("failed",{reason:"ice"});return}$(0)}}function $(I){g||(v||(v=!0,i("reconnecting"),O=setTimeout(()=>R("failed",{reason:"network"}),L)),!k&&(k=setTimeout(q,I)))}function A(){k&&(clearTimeout(k),k=null),O&&(clearTimeout(O),O=null)}async function q(){if(k=null,g||!d)return;const I=d.connectionState||d.iceConnectionState;if(!(I==="connected"||I==="completed")){if(!S){N({type:"signal",signal:{kind:"restart",payload:{}}}),k=setTimeout(q,Y);return}F>=j||(F+=1,await Q(),k=setTimeout(q,Y))}}async function Q(){if(!(g||!d))try{const I=await d.createOffer({iceRestart:!0});await d.setLocalDescription(I),N({type:"signal",signal:{kind:"offer",payload:d.localDescription.toJSON()}})}catch{}}function _(){let M=null,D=!1;const X=V=>{if(M&&(clearTimeout(M),M=null),V){if(!D)return;D=!1,c(!0);return}D||(M=setTimeout(()=>{M=null,!g&&(D=!0,c(!1))},600))};for(const V of l.getAudioTracks())V.onmute=()=>X(!1),V.onunmute=()=>X(!0),V.onended=()=>{M&&(clearTimeout(M),M=null),!D&&(D=!0,c(!1))};return()=>{M&&(clearTimeout(M),M=null);for(const V of l.getAudioTracks())V.onmute=null,V.onunmute=null,V.onended=null}}const ee=async()=>{try{const I=await d.createOffer();await d.setLocalDescription(I),N({type:"signal",signal:{kind:"offer",payload:d.localDescription.toJSON()}})}catch{R("failed",{reason:"negotiation"})}},br=async I=>{try{await d.setRemoteDescription(new RTCSessionDescription(I));const M=await d.createAnswer();await d.setLocalDescription(M),N({type:"signal",signal:{kind:"answer",payload:d.localDescription.toJSON()}}),await mn()}catch{R("failed",{reason:"negotiation"})}},mn=async()=>{for(;C.length;){const I=C.shift();try{await d.addIceCandidate(new RTCIceCandidate(I))}catch{}}};let yn=Promise.resolve();f.onmessage=I=>{yn=yn.then(()=>mr(I)).catch(()=>{})};const mr=async I=>{var D,X,V,wn,vn;if(typeof I.data!="string")return;let M;try{M=JSON.parse(I.data)}catch{return}switch(M.type){case"session.created":{if(de((D=M.data)==null?void 0:D.ice_servers),m=((X=M.data)==null?void 0:X.capture)||null,(V=M.data)!=null&&V.peer_present){i("connecting"),ne();break}i("ringing"),yr();break}case"peer.joined":{y&&(clearTimeout(y),y=null),i("connecting"),S=!!((wn=M.data)!=null&&wn.should_offer),S&&await ee(),ne();break}case"signal":{if(!d)break;const{kind:He,payload:qe}=M.data||{};if(He==="offer")await br(qe);else if(He==="answer")try{await d.setRemoteDescription(new RTCSessionDescription(qe)),await mn()}catch{R("failed",{reason:"negotiation"})}else if(He==="candidate")if(d.remoteDescription)try{await d.addIceCandidate(new RTCIceCandidate(qe))}catch{}else C.push(qe);else He==="restart"&&S&&await Q();break}case"peer.left":R("ended",{reason:"peer_left"});break;case"error":R("failed",{reason:"server",detail:(vn=M.error)==null?void 0:vn.detail});break;case"session.ended":R("ended",{reason:"server"});break}};f.onclose=()=>R("ended",{reason:"disconnected"}),f.onerror=()=>R("failed",{reason:"socket"});function yr(){if(!n)return;const I=new Date(n).getTime()-Date.now();Number.isFinite(I)&&(y=setTimeout(()=>R("missed"),Math.max(0,I)))}return{hangUp(){N({type:"session.end"}),R("ended",{reason:"hung_up"})},setMuted(I){for(const M of l.getAudioTracks())M.enabled=!I;return I},isMuted(){return l.getAudioTracks().every(I=>!I.enabled)}}}function dr(t){return new Promise((e,n)=>{let o;try{o=new WebSocket(t,sr)}catch(a){n(a);return}o.onopen=()=>{o.onopen=null,o.onerror=null,e(o)},o.onerror=()=>{o.onopen=null,o.onerror=null,n(new Error("[BugCatch] could not connect the call."))}})}function fn(t){try{console.warn(`[BugCatch] ${t}`)}catch{}}function gn(t){var e;for(const n of((e=t==null?void 0:t.getTracks)==null?void 0:e.call(t))??[])try{n.stop()}catch{}}const Qe={cycleMs:3e3,peak:.045,bursts:[{at:0,seconds:.4,hz:[440,660]},{at:.55,seconds:.4,hz:[440,660]}]};function ur(){var t;try{return!!((t=navigator.userActivation)!=null&&t.hasBeenActive)}catch{return!1}}function pr(t){if(!t()&&!ur())return()=>{};const e=typeof window<"u"&&(window.AudioContext||window.webkitAudioContext);if(!e)return()=>{};let n;try{n=new e}catch{return()=>{}}let o=!1,a=null;const r=[],i=({at:l,seconds:f,hz:d})=>{const u=n.currentTime+l,g=n.createGain();g.connect(n.destination),g.gain.setValueAtTime(0,u),g.gain.linearRampToValueAtTime(Qe.peak,u+.02),g.gain.setValueAtTime(Qe.peak,u+f-.06),g.gain.linearRampToValueAtTime(0,u+f);for(const y of d){const m=n.createOscillator();m.type="sine",m.frequency.value=y,m.connect(g),m.start(u),m.stop(u+f+.02),r.push(m)}},s=()=>{if(!o)try{Qe.bursts.forEach(i)}catch{}},c=()=>{o||(s(),a=setInterval(s,Qe.cycleMs))};return n.state==="running"?c():n.resume().then(c).catch(()=>{}),()=>{o=!0,a&&clearInterval(a);for(const l of r)try{l.stop()}catch{}try{n.close()}catch{}}}function hr(t){const e=Date.parse(t||"");return Number.isNaN(e)?0:Math.max(0,Math.round((e-Date.now())/1e3))}const bn=["flex:1","padding:9px 12px","border:0","border-radius:8px","font:600 13px/1.4 inherit","cursor:pointer"].join(";");function fr({call:t,accent:e="#5b6ef5",position:n="bottom-right",onAnswer:o,onDecline:a,onExpire:r,touched:i=()=>!1}){if(typeof document>"u"||!document.body)return()=>{};const[s,c]=String(n).split("-"),l=document.createElement("div");l.setAttribute("role","alertdialog"),l.setAttribute("aria-live","assertive"),l.setAttribute("aria-label",`${t.from||"Support"} is calling about ${t.reference}`),l.style.cssText=["position:fixed",`${s==="top"?"top":"bottom"}:20px`,`${c==="left"?"left":"right"}:20px`,"z-index:2147483647","width:300px","max-width:calc(100vw - 40px)","padding:14px","border-radius:12px","background:#1b1e26","color:#eceef2",'font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',"box-shadow:0 18px 44px rgba(0,0,0,0.5)",`border:1px solid ${e}`,"opacity:0","transform:translateY(8px)","transition:opacity .2s ease,transform .2s ease"].join(";");const f=document.createElement("div");f.style.cssText="font-weight:600;font-size:14px;margin-bottom:2px",f.textContent=`${t.from||"Support"} is calling`;const d=document.createElement("div");d.style.cssText="color:#a4abba;margin-bottom:10px",d.textContent=t.project?`About your report ${t.reference} · ${t.project}`:`About your report ${t.reference}`;const u=document.createElement("div");u.style.cssText="color:#7d8598;font-size:12px;margin-bottom:10px";const g=document.createElement("button");g.type="button",g.textContent="Answer",g.style.cssText=`${bn};background:${e};color:#fff`;const y=document.createElement("button");y.type="button",y.textContent="Not now",y.style.cssText=`${bn};background:#2b2f3a;color:#c8cedb`;const m=document.createElement("div");if(m.style.cssText="display:flex;gap:8px",m.append(g,y),l.append(f,d,u),t.recorded){const C=document.createElement("div");C.style.cssText="color:#7d8598;font-size:12px;margin-bottom:10px",C.textContent="This call will be recorded.",l.append(C)}l.append(m),document.body.appendChild(l);const w=pr(i);let p=!1,h=null;const b=()=>{p||(p=!0,h&&clearInterval(h),w(),l.style.opacity="0",l.style.transform="translateY(8px)",setTimeout(()=>l.remove(),250))},T=()=>{const C=hr(t.ringsUntil);if(u.textContent=C?`Ringing — ${C}s`:"The call has stopped ringing.",!C){b();try{r==null||r()}catch{}}};return T(),h=setInterval(T,1e3),g.addEventListener("click",()=>{b();try{o==null||o()}catch{}}),y.addEventListener("click",()=>{b();try{a==null||a()}catch{}}),requestAnimationFrame(()=>{l.style.opacity="1",l.style.transform="translateY(0)"}),b}const gr=Object.freeze(Object.defineProperty({__proto__:null,joinLiveCall:lr,liveCallSupported:hn,openMicrophone:pn,showIncomingCall:fr},Symbol.toStringTag,{value:"Module"}));return nt});
+    </div>`;const p=b=>c.querySelector(b),f=p(".slot"),u=[],h={client:o,cfg:s,root:e,host:t,dock:n,scrim:c,$:p,titleInput:p("#bc-title"),descInput:p("#bc-desc"),compose:p(".compose"),sendBtn:p('[data-act="send"]'),callBtn:p('[data-act="call"]'),historyBtn:p('[data-act="history"]'),note:p(".foot .note"),whoami:p(".whoami"),refsBox:p(".refs"),notices:p(".notices"),known:p(".known"),picks:p(".picks"),sending:!1,closed:!1,say:y,close:k,preloadCall:r,themeLabel:l,onDestroy:b=>{u.push(b)},refreshSendState:null,isRecording:null,stopRecording:null,holdForReference:null,answeredReference:null,pickedIssue:null,offerCall:null,callOffered:null,showLiveCall:null,mustSignIn:null,recheckSignIn:null,succeed:null,refreshThread:null,openReportId:null};_a(h),Va(h),Wa(h),Ya(h),Xa(h),Ja(h),Za(h),rr(h);const x=document.activeElement,E=document.documentElement.style,T=E.overflow;E.overflow="hidden";function g(){h.closed||(u.forEach(b=>b()),h.closed=!0,E.overflow=T,document.removeEventListener("keydown",d,!0),c.remove(),n.hidden=!1,t.style.opacity="",a==null||a())}function k(){var b;if(!h.closed){c.classList.add("closing"),setTimeout(g,160);try{(b=x==null?void 0:x.focus)==null||b.call(x)}catch{}}}function d(b){if(b.key==="Escape"){if(b.stopPropagation(),h.isRecording()){h.stopRecording({keep:!1});return}h.sending||k();return}if(b.key!=="Tab"||h.isRecording())return;const m=[...c.querySelectorAll("button:not(:disabled), input:not([hidden]), textarea, select, [href]")].filter(R=>R.offsetParent!==null||R===document.activeElement);if(!m.length)return;const w=m[0],v=m[m.length-1],S=c.getRootNode().activeElement;b.shiftKey&&S===w?(b.preventDefault(),v.focus()):!b.shiftKey&&S===v&&(b.preventDefault(),w.focus())}document.addEventListener("keydown",d,!0),c.addEventListener("click",b=>{b.target===c&&!h.sending&&k()}),p('[data-act="close"]').addEventListener("click",k),c.addEventListener("click",b=>{const m=b.target.closest('[data-act="theme"]');if(!m||!i)return;const w=i.cycle();m.title=`Theme: ${w.label}`,m.setAttribute("aria-label",`Theme: ${w.label}. Change theme`)});function y(b,m="err"){f.innerHTML=b?`<div class="msg ${m}">${m==="err"?ie:""}<span>${I(b)}</span></div>`:""}return e.appendChild(c),h.refreshSendState(),h.titleInput.focus(),{destroy:g,close:k}}function sr(e){if(e.querySelector("style[data-panel]"))return;const t=document.createElement("style");t.setAttribute("data-panel",""),t.textContent=Oa;const n=e.querySelector("style");n?n.after(t):e.prepend(t)}const cr=Object.freeze(Object.defineProperty({__proto__:null,openPanel:ir},Symbol.toStringTag,{value:"Module"})),yn=8e3;function lr(e=yn){const t=window.AudioContext||window.webkitAudioContext;try{return new t({sampleRate:e})}catch{return new t}}async function dr(e){if(e.state==="suspended")try{await e.resume()}catch{}}function ur(e,t,n){const o=t/n,a=new Float32Array(Math.floor(e.length/o));for(let r=0;r<a.length;r++){const i=Math.floor(r*o),s=Math.min(Math.floor((r+1)*o),e.length);let l=0;for(let c=i;c<s;c++)l+=e[c];a[r]=s>i?l/(s-i):0}return a}const pr=132,wn=32635;function hr(e){const t=new Uint8Array(e.length);for(let n=0;n<e.length;n++){const o=Math.max(-1,Math.min(1,e[n]));let a=Math.round(o*32767);const r=a<0?128:0;r&&(a=-a),a>wn&&(a=wn),a+=pr;let i=7;for(let l=16384;!(a&l)&&i>0;i--,l>>=1);const s=a>>i+3&15;t[n]=~(r|i<<4|s)&255}return t}const fr=512;function gr(e,t,n,o=yn){const a=e.createMediaStreamSource(t),r=e.createScriptProcessor(fr,1,1);r.onaudioprocess=s=>{const l=s.inputBuffer.getChannelData(0),c=e.sampleRate===o?l:ur(l,e.sampleRate,o);n(hr(c))},a.connect(r);const i=e.createGain();return i.gain.value=0,r.connect(i),i.connect(e.destination),{stop(){r.onaudioprocess=null;try{a.disconnect()}catch{}try{r.disconnect()}catch{}try{i.disconnect()}catch{}}}}const br="voiceai.realtime.v1",mr=[{urls:"stun:stun.l.google.com:19302"}];function vn(){return navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0,channelCount:1}})}function xn(){var e;return typeof window<"u"&&typeof window.RTCPeerConnection=="function"&&!!((e=navigator.mediaDevices)!=null&&e.getUserMedia)}async function yr({realtimeUrl:e,stream:t,ringsUntil:n,onState:o,onAudioBlocked:a,onMicrophone:r}){const i=(L,M)=>{try{o==null||o(L,M)}catch{}},s=L=>{try{a==null||a(L)}catch{}},l=L=>{try{r==null||r(L)}catch{}};if(!xn()){const L=new Error("[BugCatch] this browser cannot make live calls.");throw i("failed",{reason:"unsupported"}),L}let c=t;if(!c)try{c=await vn()}catch(L){throw i("failed",{reason:"microphone",error:String((L==null?void 0:L.name)||L)}),L}let p;try{p=await wr(e)}catch(L){throw Sn(c),i("failed",{reason:"connect"}),L}let f=null,u=null,h=!1,x=null,E=null,T=null,g=!1,k=null,d=null,y=!1;const b=[];let m=!1,w=!1,v=!1,S=null,R=null,O=0;const K=2e3,W=5e3,C=3e4,j=4,z=(L,M)=>{if(!h){h=!0,x&&(clearTimeout(x),x=null),A(),d==null||d(),d=null,J(),k==null||k(),k=null;try{f==null||f.close()}catch{}Sn(c),u&&(u.srcObject=null,u.remove(),u=null);try{p.readyState===WebSocket.OPEN&&p.close(1e3,"call over")}catch{}i(L,M)}},Q=L=>{p.readyState===WebSocket.OPEN&&p.send(JSON.stringify(L))},P=async()=>{if(y||T||h||!E||!E.audio&&!E.transcript)return;y=!0;const L=E.encoding||"mulaw";if(L!=="mulaw"){kn(`this call is kept as ${L}, which this SDK cannot produce.`);return}const M=Number(E.sample_rate)||8e3;try{const U=lr(M);if(await dr(U),h){try{U.close()}catch{}return}const ee=gr(U,c,X=>{p.readyState===WebSocket.OPEN&&p.send(X)},M);T={context:U,tap:ee}}catch(U){kn(`could not send the copy this call is keeping: ${String((U==null?void 0:U.message)||U)}`)}};function J(){if(y=!1,!T)return;const{context:L,tap:M}=T;T=null;try{M.stop()}catch{}try{L.close()}catch{}}function le(){var M;if(!u||h)return;let L;try{L=(M=u.play)==null?void 0:M.call(u)}catch{fe();return}if(!L||typeof L.then!="function"){G();return}L.then(G,fe)}function G(){k==null||k(),k=null,g&&(g=!1,s(!1))}function fe(){h||(g||(g=!0,s(!0)),de())}function de(){if(k||typeof window>"u"||typeof window.addEventListener!="function")return;const L=()=>le(),M=["pointerdown","keydown","touchstart"];for(const U of M)window.addEventListener(U,L,{capture:!0,passive:!0});k=()=>{for(const U of M)try{window.removeEventListener(U,L,{capture:!0})}catch{}}}const ue=L=>{f=new RTCPeerConnection({iceServers:L!=null&&L.length?L:mr});for(const M of c.getAudioTracks())f.addTrack(M,c);d=V(),f.onicecandidate=M=>{M.candidate&&Q({type:"signal",signal:{kind:"candidate",payload:M.candidate.toJSON()}})},f.ontrack=M=>{var ee;const[U]=M.streams;U&&(u||(u=document.createElement("audio"),u.autoplay=!0,u.playsInline=!0,(ee=u.setAttribute)==null||ee.call(u,"playsinline",""),u.style.cssText="position:fixed;width:0;height:0;opacity:0;pointer-events:none",document.body.appendChild(u)),u.srcObject=U,le())},f.onconnectionstatechange=q,f.oniceconnectionstatechange=q};function q(){if(!f||h)return;const L=f.connectionState||f.iceConnectionState;if(L==="connected"||L==="completed"){w=!0,O=0,A(),v=!1,i("connected");return}if(L==="disconnected"){if(!w)return;$(K);return}if(L==="failed"){if(!w){z("failed",{reason:"ice"});return}$(0)}}function $(L){h||(v||(v=!0,i("reconnecting"),R=setTimeout(()=>z("failed",{reason:"network"}),C)),!S&&(S=setTimeout(N,L)))}function A(){S&&(clearTimeout(S),S=null),R&&(clearTimeout(R),R=null)}async function N(){if(S=null,h||!f)return;const L=f.connectionState||f.iceConnectionState;if(!(L==="connected"||L==="completed")){if(!m){Q({type:"signal",signal:{kind:"restart",payload:{}}}),S=setTimeout(N,W);return}O>=j||(O+=1,await H(),S=setTimeout(N,W))}}async function H(){if(!(h||!f))try{const L=await f.createOffer({iceRestart:!0});await f.setLocalDescription(L),Q({type:"signal",signal:{kind:"offer",payload:f.localDescription.toJSON()}})}catch{}}function V(){let M=null,U=!1;const ee=X=>{if(M&&(clearTimeout(M),M=null),X){if(!U)return;U=!1,l(!0);return}U||(M=setTimeout(()=>{M=null,!h&&(U=!0,l(!1))},600))};for(const X of c.getAudioTracks())X.onmute=()=>ee(!1),X.onunmute=()=>ee(!0),X.onended=()=>{M&&(clearTimeout(M),M=null),!U&&(U=!0,l(!1))};return()=>{M&&(clearTimeout(M),M=null);for(const X of c.getAudioTracks())X.onmute=null,X.onunmute=null,X.onended=null}}const ne=async()=>{try{const L=await f.createOffer();await f.setLocalDescription(L),Q({type:"signal",signal:{kind:"offer",payload:f.localDescription.toJSON()}})}catch{z("failed",{reason:"negotiation"})}},Cr=async L=>{try{await f.setRemoteDescription(new RTCSessionDescription(L));const M=await f.createAnswer();await f.setLocalDescription(M),Q({type:"signal",signal:{kind:"answer",payload:f.localDescription.toJSON()}}),await Cn()}catch{z("failed",{reason:"negotiation"})}},Cn=async()=>{for(;b.length;){const L=b.shift();try{await f.addIceCandidate(new RTCIceCandidate(L))}catch{}}};let Tn=Promise.resolve();p.onmessage=L=>{Tn=Tn.then(()=>Tr(L)).catch(()=>{})};const Tr=async L=>{var U,ee,X,En,In;if(typeof L.data!="string")return;let M;try{M=JSON.parse(L.data)}catch{return}switch(M.type){case"session.created":{if(ue((U=M.data)==null?void 0:U.ice_servers),E=((ee=M.data)==null?void 0:ee.capture)||null,(X=M.data)!=null&&X.peer_present){i("connecting"),P();break}i("ringing"),Er();break}case"peer.joined":{x&&(clearTimeout(x),x=null),i("connecting"),m=!!((En=M.data)!=null&&En.should_offer),m&&await ne(),P();break}case"signal":{if(!f)break;const{kind:Ne,payload:Ue}=M.data||{};if(Ne==="offer")await Cr(Ue);else if(Ne==="answer")try{await f.setRemoteDescription(new RTCSessionDescription(Ue)),await Cn()}catch{z("failed",{reason:"negotiation"})}else if(Ne==="candidate")if(f.remoteDescription)try{await f.addIceCandidate(new RTCIceCandidate(Ue))}catch{}else b.push(Ue);else Ne==="restart"&&m&&await H();break}case"peer.left":z("ended",{reason:"peer_left"});break;case"error":z("failed",{reason:"server",detail:(In=M.error)==null?void 0:In.detail});break;case"session.ended":z("ended",{reason:"server"});break}};p.onclose=()=>z("ended",{reason:"disconnected"}),p.onerror=()=>z("failed",{reason:"socket"});function Er(){if(!n)return;const L=new Date(n).getTime()-Date.now();Number.isFinite(L)&&(x=setTimeout(()=>z("missed"),Math.max(0,L)))}return{hangUp(){Q({type:"session.end"}),z("ended",{reason:"hung_up"})},setMuted(L){for(const M of c.getAudioTracks())M.enabled=!L;return L},isMuted(){return c.getAudioTracks().every(L=>!L.enabled)}}}function wr(e){return new Promise((t,n)=>{let o;try{o=new WebSocket(e,br)}catch(a){n(a);return}o.onopen=()=>{o.onopen=null,o.onerror=null,t(o)},o.onerror=()=>{o.onopen=null,o.onerror=null,n(new Error("[BugCatch] could not connect the call."))}})}function kn(e){try{console.warn(`[BugCatch] ${e}`)}catch{}}function Sn(e){var t;for(const n of((t=e==null?void 0:e.getTracks)==null?void 0:t.call(e))??[])try{n.stop()}catch{}}const De={cycleMs:3e3,peak:.045,bursts:[{at:0,seconds:.4,hz:[440,660]},{at:.55,seconds:.4,hz:[440,660]}]};function vr(){var e;try{return!!((e=navigator.userActivation)!=null&&e.hasBeenActive)}catch{return!1}}function xr(e){if(!e()&&!vr())return()=>{};const t=typeof window<"u"&&(window.AudioContext||window.webkitAudioContext);if(!t)return()=>{};let n;try{n=new t}catch{return()=>{}}let o=!1,a=null;const r=[],i=({at:c,seconds:p,hz:f})=>{const u=n.currentTime+c,h=n.createGain();h.connect(n.destination),h.gain.setValueAtTime(0,u),h.gain.linearRampToValueAtTime(De.peak,u+.02),h.gain.setValueAtTime(De.peak,u+p-.06),h.gain.linearRampToValueAtTime(0,u+p);for(const x of f){const E=n.createOscillator();E.type="sine",E.frequency.value=x,E.connect(h),E.start(u),E.stop(u+p+.02),r.push(E)}},s=()=>{if(!o)try{De.bursts.forEach(i)}catch{}},l=()=>{o||(s(),a=setInterval(s,De.cycleMs))};return n.state==="running"?l():n.resume().then(l).catch(()=>{}),()=>{o=!0,a&&clearInterval(a);for(const c of r)try{c.stop()}catch{}try{n.close()}catch{}}}function kr(e){const t=Date.parse(e||"");return Number.isNaN(t)?0:Math.max(0,Math.round((t-Date.now())/1e3))}const $n=["flex:1","padding:9px 12px","border:0","border-radius:999px","font:560 13px/1.4 inherit","cursor:pointer"].join(";");function Sr({call:e,accent:t=null,position:n="bottom-right",onAnswer:o,onDecline:a,onExpire:r,touched:i=()=>!1}){if(typeof document>"u"||!document.body)return()=>{};const[s,l]=String(n).split("-"),c=document.createElement("div");c.setAttribute("role","alertdialog"),c.setAttribute("aria-live","assertive"),c.setAttribute("aria-label",`${e.from||"Support"} is calling about ${e.reference}`),c.style.cssText=["position:fixed",`${s==="top"?"top":"bottom"}:20px`,`${l==="left"?"left":"right"}:20px`,"z-index:2147483647","width:300px","max-width:calc(100vw - 40px)","padding:16px","border-radius:16px","background:#111113","color:#f3f2ef",'font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',`box-shadow:0 0 0 1px ${t?`color-mix(in srgb, ${t} 55%, transparent)`:"rgba(255,255,255,.12)"},0 24px 50px -12px rgba(0,0,0,.6)`,"opacity:0","transform:translateY(8px)","transition:opacity .2s ease,transform .2s ease"].join(";");const p=document.createElement("div");p.style.cssText="font-weight:600;font-size:14px;margin-bottom:2px",p.textContent=`${e.from||"Support"} is calling`;const f=document.createElement("div");f.style.cssText="color:#b3b0aa;margin-bottom:10px",f.textContent=e.project?`About your report ${e.reference} · ${e.project}`:`About your report ${e.reference}`;const u=document.createElement("div");u.style.cssText="color:#8f8c86;font-size:12px;margin-bottom:10px";const h=document.createElement("button");h.type="button",h.textContent="Answer",h.style.cssText=`${$n};background:${t||Ce};color:${t?Xe(t):Ye}`;const x=document.createElement("button");x.type="button",x.textContent="Not now",x.style.cssText=`${$n};background:rgba(255,255,255,.08);color:#f3f2ef`;const E=document.createElement("div");if(E.style.cssText="display:flex;gap:8px",E.append(h,x),c.append(p,f,u),e.recorded){const b=document.createElement("div");b.style.cssText="color:#8f8c86;font-size:12px;margin-bottom:10px",b.textContent="This call will be recorded.",c.append(b)}c.append(E),document.body.appendChild(c);const T=xr(i);let g=!1,k=null;const d=()=>{g||(g=!0,k&&clearInterval(k),T(),c.style.opacity="0",c.style.transform="translateY(8px)",setTimeout(()=>c.remove(),250))},y=()=>{const b=kr(e.ringsUntil);if(u.textContent=b?`Ringing — ${b}s`:"The call has stopped ringing.",!b){d();try{r==null||r()}catch{}}};return y(),k=setInterval(y,1e3),h.addEventListener("click",()=>{d();try{o==null||o()}catch{}}),x.addEventListener("click",()=>{d();try{a==null||a()}catch{}}),requestAnimationFrame(()=>{c.style.opacity="1",c.style.transform="translateY(0)"}),d}const $r=Object.freeze(Object.defineProperty({__proto__:null,joinLiveCall:yr,liveCallSupported:xn,openMicrophone:vn,showIncomingCall:Sr},Symbol.toStringTag,{value:"Module"}));return it});
 //# sourceMappingURL=bugcatch.standalone.umd.js.map