bugstash 0.1.24 → 0.1.26

package/dist/index.js

@@ -1,19 +1,19 @@
-var Je=[],Nn=50,Ke=null,Ge=null,Qe=null,Ze=null;function kt(e){if(e.id)return`#${e.id}`;let t=e.tagName.toLowerCase(),n=e.className&&typeof e.className=="string"?"."+e.className.trim().split(/\s+/).slice(0,2).join("."):"",r=(e.textContent||"").trim().slice(0,30),s=r?` "${r}"`:"";return`${t}${n}${s}`}function Y(e){Je.push(e),Je.length>Nn&&Je.shift()}function jn(e){e&&(Nn=e),Ke=n=>{let r=n.target;!r||!r.tagName||Y({type:"click",category:"ui",message:`Clicked ${kt(r)}`,timestamp:Date.now(),data:{x:n.clientX,y:n.clientY,selector:kt(r)}})},document.addEventListener("click",Ke,!0);let t=new WeakMap;Ge=n=>{let r=n.target;if(!r||!r.tagName)return;let s=r.tagName.toLowerCase();if(s!=="input"&&s!=="textarea"&&s!=="select")return;let o=t.get(r);o&&clearTimeout(o),t.set(r,window.setTimeout(()=>{let i=r instanceof HTMLInputElement&&r.type==="password";Y({type:"input",category:"ui",message:`Input ${kt(r)}`,timestamp:Date.now(),data:{selector:kt(r),value:i?"[redacted]":void 0}})},300))},document.addEventListener("input",Ge,!0),Qe=()=>{Y({type:"navigation",category:"navigation",message:`Navigated to ${window.location.pathname}`,timestamp:Date.now(),data:{url:window.location.href}})},window.addEventListener("popstate",Qe),Ze=()=>{Y({type:"navigation",category:"navigation",message:`Hash changed to ${window.location.hash}`,timestamp:Date.now(),data:{url:window.location.href}})},window.addEventListener("hashchange",Ze),Y({type:"navigation",category:"navigation",message:`Page loaded: ${window.location.pathname}`,timestamp:Date.now(),data:{url:window.location.href}})}function Te(){return[...Je]}function qn(){Je=[]}function Un(){Ke&&document.removeEventListener("click",Ke,!0),Ge&&document.removeEventListener("input",Ge,!0),Qe&&window.removeEventListener("popstate",Qe),Ze&&window.removeEventListener("hashchange",Ze),Ke=null,Ge=null,Qe=null,Ze=null}var sn="[REDACTED]",ys=[[/\b(?:\d[ -]*?){13,19}\b/g,"[CC_REDACTED]"],[/\b\d{3}-\d{2}-\d{4}\b/g,"[SSN_REDACTED]"],[/Bearer\s+[A-Za-z0-9\-._~+/]+=*/g,"Bearer [TOKEN_REDACTED]"],[/eyJ[A-Za-z0-9_-]+\.eyJ[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+/g,"[JWT_REDACTED]"],[/(?:api[_-]?key|apikey|secret|token|password|passwd|authorization)['":\s=]+['"]?([A-Za-z0-9\-._~+/]{20,})['"]?/gi,e=>{let t=e.search(/[=:]/);return e.slice(0,t+1)+" "+sn}],[/AKIA[0-9A-Z]{16}/g,"[AWS_KEY_REDACTED]"],[/"(?:password|passwd|secret|token|access_token|refresh_token|api_key|apiKey|private_key)":\s*"[^"]*"/gi,e=>{let t=e.indexOf(":");return e.slice(0,t+1)+' "'+sn+'"'}]];function Pe(e){let t=e;for(let[n,r]of ys)t=t.replace(n,r);return t}function Fn(e){return e.map(Pe)}function Et(e){if(typeof e=="string")return Pe(e);if(Array.isArray(e))return e.map(Et);if(e&&typeof e=="object"){let t={};for(let[n,r]of Object.entries(e)){let s=n.toLowerCase();s.includes("password")||s.includes("secret")||s.includes("token")||s.includes("apikey")||s.includes("api_key")||s.includes("private")?t[n]=sn:t[n]=Et(r)}return t}return e}var St={log:console.log,warn:console.warn,error:console.error,debug:console.debug,info:console.info},et=[],Wn=50;function xs(e){return e.map(t=>{if(t instanceof Error)return`${t.name}: ${t.message}
-${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{return String(t)}return String(t)})}function vs(e,t){let n={level:e,args:Fn(xs(t)),timestamp:Date.now()};e==="error"&&(n.stack=new Error().stack?.split(`
+var ne=[],Vn=50,re=null,se=null,oe=null,ie=null;function $e(t){if(t.id)return`#${t.id}`;let e=t.tagName.toLowerCase(),n=t.className&&typeof t.className=="string"?"."+t.className.trim().split(/\s+/).slice(0,2).join("."):"",r=(t.textContent||"").trim().slice(0,30),s=r?` "${r}"`:"";return`${e}${n}${s}`}function V(t){ne.push(t),ne.length>Vn&&ne.shift()}function Jn(t){t&&(Vn=t),re=n=>{let r=n.target;!r||!r.tagName||V({type:"click",category:"ui",message:`Clicked ${$e(r)}`,timestamp:Date.now(),data:{x:n.clientX,y:n.clientY,selector:$e(r)}})},document.addEventListener("click",re,!0);let e=new WeakMap;se=n=>{let r=n.target;if(!r||!r.tagName)return;let s=r.tagName.toLowerCase();if(s!=="input"&&s!=="textarea"&&s!=="select")return;let o=e.get(r);o&&clearTimeout(o),e.set(r,window.setTimeout(()=>{let i=r instanceof HTMLInputElement&&r.type==="password";V({type:"input",category:"ui",message:`Input ${$e(r)}`,timestamp:Date.now(),data:{selector:$e(r),value:i?"[redacted]":void 0}})},300))},document.addEventListener("input",se,!0),oe=()=>{V({type:"navigation",category:"navigation",message:`Navigated to ${window.location.pathname}`,timestamp:Date.now(),data:{url:window.location.href}})},window.addEventListener("popstate",oe),ie=()=>{V({type:"navigation",category:"navigation",message:`Hash changed to ${window.location.hash}`,timestamp:Date.now(),data:{url:window.location.href}})},window.addEventListener("hashchange",ie),V({type:"navigation",category:"navigation",message:`Page loaded: ${window.location.pathname}`,timestamp:Date.now(),data:{url:window.location.href}})}function zt(){return[...ne]}function Kn(){ne=[]}function Gn(){re&&document.removeEventListener("click",re,!0),se&&document.removeEventListener("input",se,!0),oe&&window.removeEventListener("popstate",oe),ie&&window.removeEventListener("hashchange",ie),re=null,se=null,oe=null,ie=null}var pn="[REDACTED]",Hs=[[/\b(?:\d[ -]*?){13,19}\b/g,"[CC_REDACTED]"],[/\b\d{3}-\d{2}-\d{4}\b/g,"[SSN_REDACTED]"],[/Bearer\s+[A-Za-z0-9\-._~+/]+=*/g,"Bearer [TOKEN_REDACTED]"],[/eyJ[A-Za-z0-9_-]+\.eyJ[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+/g,"[JWT_REDACTED]"],[/(?:api[_-]?key|apikey|secret|token|password|passwd|authorization)['":\s=]+['"]?([A-Za-z0-9\-._~+/]{20,})['"]?/gi,t=>{let e=t.search(/[=:]/);return t.slice(0,e+1)+" "+pn}],[/AKIA[0-9A-Z]{16}/g,"[AWS_KEY_REDACTED]"],[/"(?:password|passwd|secret|token|access_token|refresh_token|api_key|apiKey|private_key)":\s*"[^"]*"/gi,t=>{let e=t.indexOf(":");return t.slice(0,e+1)+' "'+pn+'"'}]];function It(t){let e=t;for(let[n,r]of Hs)e=e.replace(n,r);return e}function Qn(t){return t.map(It)}function Me(t){if(typeof t=="string")return It(t);if(Array.isArray(t))return t.map(Me);if(t&&typeof t=="object"){let e={};for(let[n,r]of Object.entries(t)){let s=n.toLowerCase();s.includes("password")||s.includes("secret")||s.includes("token")||s.includes("apikey")||s.includes("api_key")||s.includes("private")?e[n]=pn:e[n]=Me(r)}return e}return t}var Ae={log:console.log,warn:console.warn,error:console.error,debug:console.debug,info:console.info},ae=[],Zn=50;function Ds(t){return t.map(e=>{if(e instanceof Error)return`${e.name}: ${e.message}
+${e.stack??""}`;if(typeof e=="object")try{return JSON.stringify(e,null,2)}catch{return String(e)}return String(e)})}function Bs(t,e){let n={level:t,args:Qn(Ds(e)),timestamp:Date.now()};t==="error"&&(n.stack=new Error().stack?.split(`
 `).slice(2).join(`
-`)),et.push(n),et.length>Wn&&et.shift(),Y({type:"console",category:`console.${e}`,message:n.args.join(" ").slice(0,200),timestamp:n.timestamp})}function _n(e){e&&(Wn=e);for(let t of Object.keys(St))console[t]=function(...n){vs(t,n),St[t].apply(console,n)}}function le(){return[...et]}function Xn(){et=[]}function Yn(){for(let e of Object.keys(St))console[e]=St[e]}var $e=[],Vn=50,Lt,Ct,Tt;function on(e){$e.push(e),$e.length>Vn&&$e.shift(),Y({type:"network",category:e.failed?"network.error":"network.ok",message:`${e.method} ${e.url} \u2192 ${e.status} (${e.duration}ms)`,timestamp:e.timestamp,data:{status:e.status,duration:e.duration}})}function Jn(e){try{let t=new URL(e,window.location.origin),n=new URLSearchParams(t.search);for(let s of n.keys()){let o=s.toLowerCase();(o.includes("token")||o.includes("key")||o.includes("secret")||o.includes("password")||o.includes("auth"))&&n.set(s,"[REDACTED]")}let r=n.toString();return t.pathname+(r?"?"+r:"")}catch{return Pe(e)}}function ws(){Lt=window.fetch,window.fetch=async function(e,t){let n=t?.method?.toUpperCase()??"GET",r=typeof e=="string"?e:e instanceof URL?e.href:e.url,s=Jn(r),o=Date.now();try{let i=await Lt.call(window,e,t);return on({method:n,url:s,status:i.status,statusText:i.statusText,duration:Date.now()-o,responseType:i.headers.get("content-type")??void 0,timestamp:o,failed:i.status>=400}),i}catch(i){throw on({method:n,url:s,status:0,statusText:"Network Error",duration:Date.now()-o,timestamp:o,failed:!0}),i}}}function ks(){Ct=XMLHttpRequest.prototype.open,Tt=XMLHttpRequest.prototype.send,XMLHttpRequest.prototype.open=function(e,t,...n){return this.__bs_method=e.toUpperCase(),this.__bs_url=Jn(typeof t=="string"?t:t.href),Ct.apply(this,[e,t,...n])},XMLHttpRequest.prototype.send=function(e){let t=Date.now();return this.addEventListener("loadend",function(){on({method:this.__bs_method??"GET",url:this.__bs_url??"",status:this.status,statusText:this.statusText,duration:Date.now()-t,responseType:this.getResponseHeader("content-type")??void 0,timestamp:t,failed:this.status>=400||this.status===0})}),Tt.call(this,e)}}function Kn(e){e&&(Vn=e),ws(),ks()}function Me(){return[...$e]}function fe(){return $e.filter(e=>e.failed)}function Gn(){$e=[]}function Qn(){Lt&&(window.fetch=Lt),Ct&&(XMLHttpRequest.prototype.open=Ct),Tt&&(XMLHttpRequest.prototype.send=Tt)}var Pt=[],tt=null,nt=null;function Zn(){tt=e=>{let t={message:e.message||"Unknown error",source:e.filename,lineno:e.lineno,colno:e.colno,stack:e.error?.stack,type:"error",timestamp:Date.now()};Pt.push(t),Y({type:"error",category:"exception",message:t.message,timestamp:t.timestamp,data:{source:t.source,lineno:t.lineno}})},nt=e=>{let t=e.reason,n=t instanceof Error?t.message:typeof t=="string"?t:"Unhandled promise rejection",r={message:n,stack:t instanceof Error?t.stack:void 0,type:"unhandledrejection",timestamp:Date.now()};Pt.push(r),Y({type:"error",category:"promise",message:n,timestamp:r.timestamp})},window.addEventListener("error",tt),window.addEventListener("unhandledrejection",nt)}function ce(){return[...Pt]}function er(){Pt=[]}function tr(){tt&&window.removeEventListener("error",tt),nt&&window.removeEventListener("unhandledrejection",nt),tt=null,nt=null}var P=null,$t=null,Mt=null,At=null;function nr(){if(P={timestamp:Date.now()},performance.getEntriesByType){let e=()=>{let[t]=performance.getEntriesByType("navigation");t&&P&&(P.pageLoadTime=Math.round(t.loadEventEnd-t.startTime),P.domContentLoaded=Math.round(t.domContentLoadedEventEnd-t.startTime));let n=performance.getEntriesByType("paint");for(let s of n)s.name==="first-paint"&&P&&(P.firstPaint=Math.round(s.startTime)),s.name==="first-contentful-paint"&&P&&(P.firstContentfulPaint=Math.round(s.startTime));P&&(P.resourceCount=performance.getEntriesByType("resource").length);let r=performance.memory;r&&P&&(P.memoryUsage={usedJSHeapSize:r.usedJSHeapSize,totalJSHeapSize:r.totalJSHeapSize})};document.readyState==="complete"?setTimeout(e,0):window.addEventListener("load",()=>setTimeout(e,100))}if(typeof PerformanceObserver<"u"){try{$t=new PerformanceObserver(e=>{let t=e.getEntries(),n=t[t.length-1];n&&P&&(P.largestContentfulPaint=Math.round(n.startTime))}),$t.observe({type:"largest-contentful-paint",buffered:!0})}catch{}try{let e=0;Mt=new PerformanceObserver(t=>{for(let n of t.getEntries())n.hadRecentInput||(e+=n.value);P&&(P.cumulativeLayoutShift=Math.round(e*1e3)/1e3)}),Mt.observe({type:"layout-shift",buffered:!0})}catch{}try{At=new PerformanceObserver(e=>{let[t]=e.getEntries();t&&P&&(P.firstInputDelay=Math.round(t.processingStart-t.startTime))}),At.observe({type:"first-input",buffered:!0})}catch{}}}function Ae(){return P&&(P.timestamp=Date.now()),P?{...P}:null}function rr(){$t?.disconnect(),Mt?.disconnect(),At?.disconnect(),$t=null,Mt=null,At=null,P=null}function sr(e,t){if(e.match(/^[a-z]+:\/\//i))return e;if(e.match(/^\/\//))return window.location.protocol+e;if(e.match(/^[a-z]+:/i))return e;let n=document.implementation.createHTMLDocument(),r=n.createElement("base"),s=n.createElement("a");return n.head.appendChild(r),n.body.appendChild(s),t&&(r.href=t),s.href=e,s.href}var or=(()=>{let e=0,t=()=>`0000${(Math.random()*36**4<<0).toString(36)}`.slice(-4);return()=>(e+=1,`u${t()}${e}`)})();function te(e){let t=[];for(let n=0,r=e.length;n<r;n++)t.push(e[n]);return t}var Re=null;function zt(e={}){return Re||(e.includeStyleProperties?(Re=e.includeStyleProperties,Re):(Re=te(window.getComputedStyle(document.documentElement)),Re))}function Rt(e,t){let r=(e.ownerDocument.defaultView||window).getComputedStyle(e).getPropertyValue(t);return r?parseFloat(r.replace("px","")):0}function Es(e){let t=Rt(e,"border-left-width"),n=Rt(e,"border-right-width");return e.clientWidth+t+n}function Ss(e){let t=Rt(e,"border-top-width"),n=Rt(e,"border-bottom-width");return e.clientHeight+t+n}function an(e,t={}){let n=t.width||Es(e),r=t.height||Ss(e);return{width:n,height:r}}function ir(){let e,t;try{t=process}catch{}let n=t&&t.env?t.env.devicePixelRatio:null;return n&&(e=parseInt(n,10),Number.isNaN(e)&&(e=1)),e||window.devicePixelRatio||1}var K=16384;function ar(e){(e.width>K||e.height>K)&&(e.width>K&&e.height>K?e.width>e.height?(e.height*=K/e.width,e.width=K):(e.width*=K/e.height,e.height=K):e.width>K?(e.height*=K/e.width,e.width=K):(e.width*=K/e.height,e.height=K))}function ze(e){return new Promise((t,n)=>{let r=new Image;r.onload=()=>{r.decode().then(()=>{requestAnimationFrame(()=>t(r))})},r.onerror=n,r.crossOrigin="anonymous",r.decoding="async",r.src=e})}async function Ls(e){return Promise.resolve().then(()=>new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then(t=>`data:image/svg+xml;charset=utf-8,${t}`)}async function lr(e,t,n){let r="http://www.w3.org/2000/svg",s=document.createElementNS(r,"svg"),o=document.createElementNS(r,"foreignObject");return s.setAttribute("width",`${t}`),s.setAttribute("height",`${n}`),s.setAttribute("viewBox",`0 0 ${t} ${n}`),o.setAttribute("width","100%"),o.setAttribute("height","100%"),o.setAttribute("x","0"),o.setAttribute("y","0"),o.setAttribute("externalResourcesRequired","true"),s.appendChild(o),o.appendChild(e),Ls(s)}var W=(e,t)=>{if(e instanceof t)return!0;let n=Object.getPrototypeOf(e);return n===null?!1:n.constructor.name===t.name||W(n,t)};function Cs(e){let t=e.getPropertyValue("content");return`${e.cssText} content: '${t.replace(/'|"/g,"")}';`}function Ts(e,t){return zt(t).map(n=>{let r=e.getPropertyValue(n),s=e.getPropertyPriority(n);return`${n}: ${r}${s?" !important":""};`}).join(" ")}function Ps(e,t,n,r){let s=`.${e}:${t}`,o=n.cssText?Cs(n):Ts(n,r);return document.createTextNode(`${s}{${o}}`)}function cr(e,t,n,r){let s=window.getComputedStyle(e,n),o=s.getPropertyValue("content");if(o===""||o==="none")return;let i=or();try{t.className=`${t.className} ${i}`}catch{return}let a=document.createElement("style");a.appendChild(Ps(i,n,s,r)),t.appendChild(a)}function dr(e,t,n){cr(e,t,":before",n),cr(e,t,":after",n)}var pr="application/font-woff",br="image/jpeg",$s={woff:pr,woff2:pr,ttf:"application/font-truetype",eot:"application/vnd.ms-fontobject",png:"image/png",jpg:br,jpeg:br,gif:"image/gif",tiff:"image/tiff",svg:"image/svg+xml",webp:"image/webp"};function Ms(e){let t=/\.([^./]*?)$/g.exec(e);return t?t[1]:""}function Ie(e){let t=Ms(e).toLowerCase();return $s[t]||""}function As(e){return e.split(/,/)[1]}function rt(e){return e.search(/^(data:)/)!==-1}function cn(e,t){return`data:${t};base64,${e}`}async function dn(e,t,n){let r=await fetch(e,t);if(r.status===404)throw new Error(`Resource "${r.url}" not found`);let s=await r.blob();return new Promise((o,i)=>{let a=new FileReader;a.onerror=i,a.onloadend=()=>{try{o(n({res:r,result:a.result}))}catch(d){i(d)}},a.readAsDataURL(s)})}var ln={};function Rs(e,t,n){let r=e.replace(/\?.*/,"");return n&&(r=e),/ttf|otf|eot|woff2?/i.test(r)&&(r=r.replace(/.*\//,"")),t?`[${t}]${r}`:r}async function He(e,t,n){let r=Rs(e,t,n.includeQueryParams);if(ln[r]!=null)return ln[r];n.cacheBust&&(e+=(/\?/.test(e)?"&":"?")+new Date().getTime());let s;try{let o=await dn(e,n.fetchRequestInit,({res:i,result:a})=>(t||(t=i.headers.get("Content-Type")||""),As(a)));s=cn(o,t)}catch(o){s=n.imagePlaceholder||"";let i=`Failed to fetch resource: ${e}`;o&&(i=typeof o=="string"?o:o.message),i&&console.warn(i)}return ln[r]=s,s}async function zs(e){let t=e.toDataURL();return t==="data:,"?e.cloneNode(!1):ze(t)}async function Is(e,t){if(e.currentSrc){let o=document.createElement("canvas"),i=o.getContext("2d");o.width=e.clientWidth,o.height=e.clientHeight,i?.drawImage(e,0,0,o.width,o.height);let a=o.toDataURL();return ze(a)}let n=e.poster,r=Ie(n),s=await He(n,r,t);return ze(s)}async function Hs(e,t){var n;try{if(!((n=e?.contentDocument)===null||n===void 0)&&n.body)return await st(e.contentDocument.body,t,!0)}catch{}return e.cloneNode(!1)}async function Ds(e,t){return W(e,HTMLCanvasElement)?zs(e):W(e,HTMLVideoElement)?Is(e,t):W(e,HTMLIFrameElement)?Hs(e,t):e.cloneNode(ur(e))}var Bs=e=>e.tagName!=null&&e.tagName.toUpperCase()==="SLOT",ur=e=>e.tagName!=null&&e.tagName.toUpperCase()==="SVG";async function Os(e,t,n){var r,s;if(ur(t))return t;let o=[];return Bs(e)&&e.assignedNodes?o=te(e.assignedNodes()):W(e,HTMLIFrameElement)&&(!((r=e.contentDocument)===null||r===void 0)&&r.body)?o=te(e.contentDocument.body.childNodes):o=te(((s=e.shadowRoot)!==null&&s!==void 0?s:e).childNodes),o.length===0||W(e,HTMLVideoElement)||await o.reduce((i,a)=>i.then(()=>st(a,n)).then(d=>{d&&t.appendChild(d)}),Promise.resolve()),t}function Ns(e,t,n){let r=t.style;if(!r)return;let s=window.getComputedStyle(e);s.cssText?(r.cssText=s.cssText,r.transformOrigin=s.transformOrigin):zt(n).forEach(o=>{let i=s.getPropertyValue(o);o==="font-size"&&i.endsWith("px")&&(i=`${Math.floor(parseFloat(i.substring(0,i.length-2)))-.1}px`),W(e,HTMLIFrameElement)&&o==="display"&&i==="inline"&&(i="block"),o==="d"&&t.getAttribute("d")&&(i=`path(${t.getAttribute("d")})`),r.setProperty(o,i,s.getPropertyPriority(o))})}function js(e,t){W(e,HTMLTextAreaElement)&&(t.innerHTML=e.value),W(e,HTMLInputElement)&&t.setAttribute("value",e.value)}function qs(e,t){if(W(e,HTMLSelectElement)){let r=Array.from(t.children).find(s=>e.value===s.getAttribute("value"));r&&r.setAttribute("selected","")}}function Us(e,t,n){return W(t,Element)&&(Ns(e,t,n),dr(e,t,n),js(e,t),qs(e,t)),t}async function Fs(e,t){let n=e.querySelectorAll?e.querySelectorAll("use"):[];if(n.length===0)return e;let r={};for(let o=0;o<n.length;o++){let a=n[o].getAttribute("xlink:href");if(a){let d=e.querySelector(a),p=document.querySelector(a);!d&&p&&!r[a]&&(r[a]=await st(p,t,!0))}}let s=Object.values(r);if(s.length){let o="http://www.w3.org/1999/xhtml",i=document.createElementNS(o,"svg");i.setAttribute("xmlns",o),i.style.position="absolute",i.style.width="0",i.style.height="0",i.style.overflow="hidden",i.style.display="none";let a=document.createElementNS(o,"defs");i.appendChild(a);for(let d=0;d<s.length;d++)a.appendChild(s[d]);e.appendChild(i)}return e}async function st(e,t,n){return!n&&t.filter&&!t.filter(e)?null:Promise.resolve(e).then(r=>Ds(r,t)).then(r=>Os(e,r,t)).then(r=>Us(e,r,t)).then(r=>Fs(r,t))}var mr=/url\((['"]?)([^'"]+?)\1\)/g,Ws=/url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g,_s=/src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;function Xs(e){let t=e.replace(/([.*+?^${}()|\[\]\/\\])/g,"\\$1");return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`,"g")}function Ys(e){let t=[];return e.replace(mr,(n,r,s)=>(t.push(s),n)),t.filter(n=>!rt(n))}async function Vs(e,t,n,r,s){try{let o=n?sr(t,n):t,i=Ie(t),a;if(s){let d=await s(o);a=cn(d,i)}else a=await He(o,i,r);return e.replace(Xs(t),`$1${a}$3`)}catch{}return e}function Js(e,{preferredFontFormat:t}){return t?e.replace(_s,n=>{for(;;){let[r,,s]=Ws.exec(n)||[];if(!s)return"";if(s===t)return`src: ${r};`}}):e}function pn(e){return e.search(mr)!==-1}async function It(e,t,n){if(!pn(e))return e;let r=Js(e,n);return Ys(r).reduce((o,i)=>o.then(a=>Vs(a,i,t,n)),Promise.resolve(r))}async function De(e,t,n){var r;let s=(r=t.style)===null||r===void 0?void 0:r.getPropertyValue(e);if(s){let o=await It(s,null,n);return t.style.setProperty(e,o,t.style.getPropertyPriority(e)),!0}return!1}async function Ks(e,t){await De("background",e,t)||await De("background-image",e,t),await De("mask",e,t)||await De("-webkit-mask",e,t)||await De("mask-image",e,t)||await De("-webkit-mask-image",e,t)}async function Gs(e,t){let n=W(e,HTMLImageElement);if(!(n&&!rt(e.src))&&!(W(e,SVGImageElement)&&!rt(e.href.baseVal)))return;let r=n?e.src:e.href.baseVal,s=await He(r,Ie(r),t);await new Promise((o,i)=>{e.onload=o,e.onerror=t.onImageErrorHandler?(...d)=>{try{o(t.onImageErrorHandler(...d))}catch(p){i(p)}}:i;let a=e;a.decode&&(a.decode=o),a.loading==="lazy"&&(a.loading="eager"),n?(e.srcset="",e.src=s):e.href.baseVal=s})}async function Qs(e,t){let r=te(e.childNodes).map(s=>bn(s,t));await Promise.all(r).then(()=>e)}async function bn(e,t){W(e,Element)&&(await Ks(e,t),await Gs(e,t),await Qs(e,t))}function fr(e,t){let{style:n}=e;t.backgroundColor&&(n.backgroundColor=t.backgroundColor),t.width&&(n.width=`${t.width}px`),t.height&&(n.height=`${t.height}px`);let r=t.style;return r!=null&&Object.keys(r).forEach(s=>{n[s]=r[s]}),e}var gr={};async function hr(e){let t=gr[e];if(t!=null)return t;let r=await(await fetch(e)).text();return t={url:e,cssText:r},gr[e]=t,t}async function yr(e,t){let n=e.cssText,r=/url\(["']?([^"')]+)["']?\)/g,o=(n.match(/url\([^)]+\)/g)||[]).map(async i=>{let a=i.replace(r,"$1");return a.startsWith("https://")||(a=new URL(a,e.url).href),dn(a,t.fetchRequestInit,({result:d})=>(n=n.replace(i,`url(${d})`),[i,d]))});return Promise.all(o).then(()=>n)}function xr(e){if(e==null)return[];let t=[],n=/(\/\*[\s\S]*?\*\/)/gi,r=e.replace(n,""),s=new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})","gi");for(;;){let d=s.exec(r);if(d===null)break;t.push(d[0])}r=r.replace(s,"");let o=/@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi,i="((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})",a=new RegExp(i,"gi");for(;;){let d=o.exec(r);if(d===null){if(d=a.exec(r),d===null)break;o.lastIndex=a.lastIndex}else a.lastIndex=o.lastIndex;t.push(d[0])}return t}async function Zs(e,t){let n=[],r=[];return e.forEach(s=>{if("cssRules"in s)try{te(s.cssRules||[]).forEach((o,i)=>{if(o.type===CSSRule.IMPORT_RULE){let a=i+1,d=o.href,p=hr(d).then(b=>yr(b,t)).then(b=>xr(b).forEach(y=>{try{s.insertRule(y,y.startsWith("@import")?a+=1:s.cssRules.length)}catch(w){console.error("Error inserting rule from remote css",{rule:y,error:w})}})).catch(b=>{console.error("Error loading remote css",b.toString())});r.push(p)}})}catch(o){let i=e.find(a=>a.href==null)||document.styleSheets[0];s.href!=null&&r.push(hr(s.href).then(a=>yr(a,t)).then(a=>xr(a).forEach(d=>{i.insertRule(d,i.cssRules.length)})).catch(a=>{console.error("Error loading remote stylesheet",a)})),console.error("Error inlining remote css file",o)}}),Promise.all(r).then(()=>(e.forEach(s=>{if("cssRules"in s)try{te(s.cssRules||[]).forEach(o=>{n.push(o)})}catch(o){console.error(`Error while reading CSS rules from ${s.href}`,o)}}),n))}function eo(e){return e.filter(t=>t.type===CSSRule.FONT_FACE_RULE).filter(t=>pn(t.style.getPropertyValue("src")))}async function to(e,t){if(e.ownerDocument==null)throw new Error("Provided element is not within a Document");let n=te(e.ownerDocument.styleSheets),r=await Zs(n,t);return eo(r)}function vr(e){return e.trim().replace(/["']/g,"")}function no(e){let t=new Set;function n(r){(r.style.fontFamily||getComputedStyle(r).fontFamily).split(",").forEach(o=>{t.add(vr(o))}),Array.from(r.children).forEach(o=>{o instanceof HTMLElement&&n(o)})}return n(e),t}async function wr(e,t){let n=await to(e,t),r=no(e);return(await Promise.all(n.filter(o=>r.has(vr(o.style.fontFamily))).map(o=>{let i=o.parentStyleSheet?o.parentStyleSheet.href:null;return It(o.cssText,i,t)}))).join(`
-`)}async function kr(e,t){let n=t.fontEmbedCSS!=null?t.fontEmbedCSS:t.skipFonts?null:await wr(e,t);if(n){let r=document.createElement("style"),s=document.createTextNode(n);r.appendChild(s),e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r)}}async function ro(e,t={}){let{width:n,height:r}=an(e,t),s=await st(e,t,!0);return await kr(s,t),await bn(s,t),fr(s,t),await lr(s,n,r)}async function so(e,t={}){let{width:n,height:r}=an(e,t),s=await ro(e,t),o=await ze(s),i=document.createElement("canvas"),a=i.getContext("2d"),d=t.pixelRatio||ir(),p=t.canvasWidth||n,b=t.canvasHeight||r;return i.width=p*d,i.height=b*d,t.skipAutoScale||ar(i),i.style.width=`${p}`,i.style.height=`${b}`,t.backgroundColor&&(a.fillStyle=t.backgroundColor,a.fillRect(0,0,i.width,i.height)),a.drawImage(o,0,0,i.width,i.height),i}async function Er(e,t={}){return(await so(e,t)).toDataURL()}function oo(){let e=document.createElement("div");if(e.style.cssText=`
+`)),ae.push(n),ae.length>Zn&&ae.shift(),V({type:"console",category:`console.${t}`,message:n.args.join(" ").slice(0,200),timestamp:n.timestamp})}function tr(t){t&&(Zn=t);for(let e of Object.keys(Ae))console[e]=function(...n){Bs(e,n),Ae[e].apply(console,n)}}function ut(){return[...ae]}function er(){ae=[]}function nr(){for(let t of Object.keys(Ae))console[t]=Ae[t]}var Ht=[],rr=50,Re,ze,Ie;function bn(t){Ht.push(t),Ht.length>rr&&Ht.shift(),V({type:"network",category:t.failed?"network.error":"network.ok",message:`${t.method} ${t.url} \u2192 ${t.status} (${t.duration}ms)`,timestamp:t.timestamp,data:{status:t.status,duration:t.duration}})}function sr(t){try{let e=new URL(t,window.location.origin),n=new URLSearchParams(e.search);for(let s of n.keys()){let o=s.toLowerCase();(o.includes("token")||o.includes("key")||o.includes("secret")||o.includes("password")||o.includes("auth"))&&n.set(s,"[REDACTED]")}let r=n.toString();return e.pathname+(r?"?"+r:"")}catch{return It(t)}}function Os(){Re=window.fetch,window.fetch=async function(t,e){let n=e?.method?.toUpperCase()??"GET",r=typeof t=="string"?t:t instanceof URL?t.href:t.url,s=sr(r),o=Date.now();try{let i=await Re.call(window,t,e);return bn({method:n,url:s,status:i.status,statusText:i.statusText,duration:Date.now()-o,responseType:i.headers.get("content-type")??void 0,timestamp:o,failed:i.status>=400}),i}catch(i){throw bn({method:n,url:s,status:0,statusText:"Network Error",duration:Date.now()-o,timestamp:o,failed:!0}),i}}}function Ns(){ze=XMLHttpRequest.prototype.open,Ie=XMLHttpRequest.prototype.send,XMLHttpRequest.prototype.open=function(t,e,...n){return this.__bs_method=t.toUpperCase(),this.__bs_url=sr(typeof e=="string"?e:e.href),ze.apply(this,[t,e,...n])},XMLHttpRequest.prototype.send=function(t){let e=Date.now();return this.addEventListener("loadend",function(){bn({method:this.__bs_method??"GET",url:this.__bs_url??"",status:this.status,statusText:this.statusText,duration:Date.now()-e,responseType:this.getResponseHeader("content-type")??void 0,timestamp:e,failed:this.status>=400||this.status===0})}),Ie.call(this,t)}}function or(t){t&&(rr=t),Os(),Ns()}function Dt(){return[...Ht]}function vt(){return Ht.filter(t=>t.failed)}function ir(){Ht=[]}function ar(){Re&&(window.fetch=Re),ze&&(XMLHttpRequest.prototype.open=ze),Ie&&(XMLHttpRequest.prototype.send=Ie)}var He=[],le=null,ce=null;function lr(){le=t=>{let e={message:t.message||"Unknown error",source:t.filename,lineno:t.lineno,colno:t.colno,stack:t.error?.stack,type:"error",timestamp:Date.now()};He.push(e),V({type:"error",category:"exception",message:e.message,timestamp:e.timestamp,data:{source:e.source,lineno:e.lineno}})},ce=t=>{let e=t.reason,n=e instanceof Error?e.message:typeof e=="string"?e:"Unhandled promise rejection",r={message:n,stack:e instanceof Error?e.stack:void 0,type:"unhandledrejection",timestamp:Date.now()};He.push(r),V({type:"error",category:"promise",message:n,timestamp:r.timestamp})},window.addEventListener("error",le),window.addEventListener("unhandledrejection",ce)}function ft(){return[...He]}function cr(){He=[]}function dr(){le&&window.removeEventListener("error",le),ce&&window.removeEventListener("unhandledrejection",ce),le=null,ce=null}var H=null,De=null,Be=null,Oe=null;function pr(){if(H={timestamp:Date.now()},performance.getEntriesByType){let t=()=>{let[e]=performance.getEntriesByType("navigation");e&&H&&(H.pageLoadTime=Math.round(e.loadEventEnd-e.startTime),H.domContentLoaded=Math.round(e.domContentLoadedEventEnd-e.startTime));let n=performance.getEntriesByType("paint");for(let s of n)s.name==="first-paint"&&H&&(H.firstPaint=Math.round(s.startTime)),s.name==="first-contentful-paint"&&H&&(H.firstContentfulPaint=Math.round(s.startTime));H&&(H.resourceCount=performance.getEntriesByType("resource").length);let r=performance.memory;r&&H&&(H.memoryUsage={usedJSHeapSize:r.usedJSHeapSize,totalJSHeapSize:r.totalJSHeapSize})};document.readyState==="complete"?setTimeout(t,0):window.addEventListener("load",()=>setTimeout(t,100))}if(typeof PerformanceObserver<"u"){try{De=new PerformanceObserver(t=>{let e=t.getEntries(),n=e[e.length-1];n&&H&&(H.largestContentfulPaint=Math.round(n.startTime))}),De.observe({type:"largest-contentful-paint",buffered:!0})}catch{}try{let t=0;Be=new PerformanceObserver(e=>{for(let n of e.getEntries())n.hadRecentInput||(t+=n.value);H&&(H.cumulativeLayoutShift=Math.round(t*1e3)/1e3)}),Be.observe({type:"layout-shift",buffered:!0})}catch{}try{Oe=new PerformanceObserver(t=>{let[e]=t.getEntries();e&&H&&(H.firstInputDelay=Math.round(e.processingStart-e.startTime))}),Oe.observe({type:"first-input",buffered:!0})}catch{}}}function Bt(){return H&&(H.timestamp=Date.now()),H?{...H}:null}function br(){De?.disconnect(),Be?.disconnect(),Oe?.disconnect(),De=null,Be=null,Oe=null,H=null}function ur(t,e){if(t.match(/^[a-z]+:\/\//i))return t;if(t.match(/^\/\//))return window.location.protocol+t;if(t.match(/^[a-z]+:/i))return t;let n=document.implementation.createHTMLDocument(),r=n.createElement("base"),s=n.createElement("a");return n.head.appendChild(r),n.body.appendChild(s),e&&(r.href=e),s.href=t,s.href}var fr=(()=>{let t=0,e=()=>`0000${(Math.random()*36**4<<0).toString(36)}`.slice(-4);return()=>(t+=1,`u${e()}${t}`)})();function st(t){let e=[];for(let n=0,r=t.length;n<r;n++)e.push(t[n]);return e}var Ot=null;function je(t={}){return Ot||(t.includeStyleProperties?(Ot=t.includeStyleProperties,Ot):(Ot=st(window.getComputedStyle(document.documentElement)),Ot))}function Ne(t,e){let r=(t.ownerDocument.defaultView||window).getComputedStyle(t).getPropertyValue(e);return r?parseFloat(r.replace("px","")):0}function js(t){let e=Ne(t,"border-left-width"),n=Ne(t,"border-right-width");return t.clientWidth+e+n}function qs(t){let e=Ne(t,"border-top-width"),n=Ne(t,"border-bottom-width");return t.clientHeight+e+n}function un(t,e={}){let n=e.width||js(t),r=e.height||qs(t);return{width:n,height:r}}function mr(){let t,e;try{e=process}catch{}let n=e&&e.env?e.env.devicePixelRatio:null;return n&&(t=parseInt(n,10),Number.isNaN(t)&&(t=1)),t||window.devicePixelRatio||1}var tt=16384;function gr(t){(t.width>tt||t.height>tt)&&(t.width>tt&&t.height>tt?t.width>t.height?(t.height*=tt/t.width,t.width=tt):(t.width*=tt/t.height,t.height=tt):t.width>tt?(t.height*=tt/t.width,t.width=tt):(t.width*=tt/t.height,t.height=tt))}function Nt(t){return new Promise((e,n)=>{let r=new Image;r.onload=()=>{r.decode().then(()=>{requestAnimationFrame(()=>e(r))})},r.onerror=n,r.crossOrigin="anonymous",r.decoding="async",r.src=t})}async function Us(t){return Promise.resolve().then(()=>new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then(e=>`data:image/svg+xml;charset=utf-8,${e}`)}async function hr(t,e,n){let r="http://www.w3.org/2000/svg",s=document.createElementNS(r,"svg"),o=document.createElementNS(r,"foreignObject");return s.setAttribute("width",`${e}`),s.setAttribute("height",`${n}`),s.setAttribute("viewBox",`0 0 ${e} ${n}`),o.setAttribute("width","100%"),o.setAttribute("height","100%"),o.setAttribute("x","0"),o.setAttribute("y","0"),o.setAttribute("externalResourcesRequired","true"),s.appendChild(o),o.appendChild(t),Us(s)}var W=(t,e)=>{if(t instanceof e)return!0;let n=Object.getPrototypeOf(t);return n===null?!1:n.constructor.name===e.name||W(n,e)};function Fs(t){let e=t.getPropertyValue("content");return`${t.cssText} content: '${e.replace(/'|"/g,"")}';`}function _s(t,e){return je(e).map(n=>{let r=t.getPropertyValue(n),s=t.getPropertyPriority(n);return`${n}: ${r}${s?" !important":""};`}).join(" ")}function Ws(t,e,n,r){let s=`.${t}:${e}`,o=n.cssText?Fs(n):_s(n,r);return document.createTextNode(`${s}{${o}}`)}function vr(t,e,n,r){let s=window.getComputedStyle(t,n),o=s.getPropertyValue("content");if(o===""||o==="none")return;let i=fr();try{e.className=`${e.className} ${i}`}catch{return}let a=document.createElement("style");a.appendChild(Ws(i,n,s,r)),e.appendChild(a)}function yr(t,e,n){vr(t,e,":before",n),vr(t,e,":after",n)}var xr="application/font-woff",wr="image/jpeg",Ys={woff:xr,woff2:xr,ttf:"application/font-truetype",eot:"application/vnd.ms-fontobject",png:"image/png",jpg:wr,jpeg:wr,gif:"image/gif",tiff:"image/tiff",svg:"image/svg+xml",webp:"image/webp"};function Xs(t){let e=/\.([^./]*?)$/g.exec(t);return e?e[1]:""}function jt(t){let e=Xs(t).toLowerCase();return Ys[e]||""}function Vs(t){return t.split(/,/)[1]}function de(t){return t.search(/^(data:)/)!==-1}function mn(t,e){return`data:${e};base64,${t}`}async function gn(t,e,n){let r=await fetch(t,e);if(r.status===404)throw new Error(`Resource "${r.url}" not found`);let s=await r.blob();return new Promise((o,i)=>{let a=new FileReader;a.onerror=i,a.onloadend=()=>{try{o(n({res:r,result:a.result}))}catch(c){i(c)}},a.readAsDataURL(s)})}var fn={};function Js(t,e,n){let r=t.replace(/\?.*/,"");return n&&(r=t),/ttf|otf|eot|woff2?/i.test(r)&&(r=r.replace(/.*\//,"")),e?`[${e}]${r}`:r}async function qt(t,e,n){let r=Js(t,e,n.includeQueryParams);if(fn[r]!=null)return fn[r];n.cacheBust&&(t+=(/\?/.test(t)?"&":"?")+new Date().getTime());let s;try{let o=await gn(t,n.fetchRequestInit,({res:i,result:a})=>(e||(e=i.headers.get("Content-Type")||""),Vs(a)));s=mn(o,e)}catch(o){s=n.imagePlaceholder||"";let i=`Failed to fetch resource: ${t}`;o&&(i=typeof o=="string"?o:o.message),i&&console.warn(i)}return fn[r]=s,s}async function Ks(t){let e=t.toDataURL();return e==="data:,"?t.cloneNode(!1):Nt(e)}async function Gs(t,e){if(t.currentSrc){let o=document.createElement("canvas"),i=o.getContext("2d");o.width=t.clientWidth,o.height=t.clientHeight,i?.drawImage(t,0,0,o.width,o.height);let a=o.toDataURL();return Nt(a)}let n=t.poster,r=jt(n),s=await qt(n,r,e);return Nt(s)}async function Qs(t,e){var n;try{if(!((n=t?.contentDocument)===null||n===void 0)&&n.body)return await pe(t.contentDocument.body,e,!0)}catch{}return t.cloneNode(!1)}async function Zs(t,e){return W(t,HTMLCanvasElement)?Ks(t):W(t,HTMLVideoElement)?Gs(t,e):W(t,HTMLIFrameElement)?Qs(t,e):t.cloneNode(kr(t))}var to=t=>t.tagName!=null&&t.tagName.toUpperCase()==="SLOT",kr=t=>t.tagName!=null&&t.tagName.toUpperCase()==="SVG";async function eo(t,e,n){var r,s;if(kr(e))return e;let o=[];return to(t)&&t.assignedNodes?o=st(t.assignedNodes()):W(t,HTMLIFrameElement)&&(!((r=t.contentDocument)===null||r===void 0)&&r.body)?o=st(t.contentDocument.body.childNodes):o=st(((s=t.shadowRoot)!==null&&s!==void 0?s:t).childNodes),o.length===0||W(t,HTMLVideoElement)||await o.reduce((i,a)=>i.then(()=>pe(a,n)).then(c=>{c&&e.appendChild(c)}),Promise.resolve()),e}function no(t,e,n){let r=e.style;if(!r)return;let s=window.getComputedStyle(t);s.cssText?(r.cssText=s.cssText,r.transformOrigin=s.transformOrigin):je(n).forEach(o=>{let i=s.getPropertyValue(o);o==="font-size"&&i.endsWith("px")&&(i=`${Math.floor(parseFloat(i.substring(0,i.length-2)))-.1}px`),W(t,HTMLIFrameElement)&&o==="display"&&i==="inline"&&(i="block"),o==="d"&&e.getAttribute("d")&&(i=`path(${e.getAttribute("d")})`),r.setProperty(o,i,s.getPropertyPriority(o))})}function ro(t,e){W(t,HTMLTextAreaElement)&&(e.innerHTML=t.value),W(t,HTMLInputElement)&&e.setAttribute("value",t.value)}function so(t,e){if(W(t,HTMLSelectElement)){let r=Array.from(e.children).find(s=>t.value===s.getAttribute("value"));r&&r.setAttribute("selected","")}}function oo(t,e,n){return W(e,Element)&&(no(t,e,n),yr(t,e,n),ro(t,e),so(t,e)),e}async function io(t,e){let n=t.querySelectorAll?t.querySelectorAll("use"):[];if(n.length===0)return t;let r={};for(let o=0;o<n.length;o++){let a=n[o].getAttribute("xlink:href");if(a){let c=t.querySelector(a),p=document.querySelector(a);!c&&p&&!r[a]&&(r[a]=await pe(p,e,!0))}}let s=Object.values(r);if(s.length){let o="http://www.w3.org/1999/xhtml",i=document.createElementNS(o,"svg");i.setAttribute("xmlns",o),i.style.position="absolute",i.style.width="0",i.style.height="0",i.style.overflow="hidden",i.style.display="none";let a=document.createElementNS(o,"defs");i.appendChild(a);for(let c=0;c<s.length;c++)a.appendChild(s[c]);t.appendChild(i)}return t}async function pe(t,e,n){return!n&&e.filter&&!e.filter(t)?null:Promise.resolve(t).then(r=>Zs(r,e)).then(r=>eo(t,r,e)).then(r=>oo(t,r,e)).then(r=>io(r,e))}var Er=/url\((['"]?)([^'"]+?)\1\)/g,ao=/url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g,lo=/src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;function co(t){let e=t.replace(/([.*+?^${}()|\[\]\/\\])/g,"\\$1");return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`,"g")}function po(t){let e=[];return t.replace(Er,(n,r,s)=>(e.push(s),n)),e.filter(n=>!de(n))}async function bo(t,e,n,r,s){try{let o=n?ur(e,n):e,i=jt(e),a;if(s){let c=await s(o);a=mn(c,i)}else a=await qt(o,i,r);return t.replace(co(e),`$1${a}$3`)}catch{}return t}function uo(t,{preferredFontFormat:e}){return e?t.replace(lo,n=>{for(;;){let[r,,s]=ao.exec(n)||[];if(!s)return"";if(s===e)return`src: ${r};`}}):t}function hn(t){return t.search(Er)!==-1}async function qe(t,e,n){if(!hn(t))return t;let r=uo(t,n);return po(r).reduce((o,i)=>o.then(a=>bo(a,i,e,n)),Promise.resolve(r))}async function Ut(t,e,n){var r;let s=(r=e.style)===null||r===void 0?void 0:r.getPropertyValue(t);if(s){let o=await qe(s,null,n);return e.style.setProperty(t,o,e.style.getPropertyPriority(t)),!0}return!1}async function fo(t,e){await Ut("background",t,e)||await Ut("background-image",t,e),await Ut("mask",t,e)||await Ut("-webkit-mask",t,e)||await Ut("mask-image",t,e)||await Ut("-webkit-mask-image",t,e)}async function mo(t,e){let n=W(t,HTMLImageElement);if(!(n&&!de(t.src))&&!(W(t,SVGImageElement)&&!de(t.href.baseVal)))return;let r=n?t.src:t.href.baseVal,s=await qt(r,jt(r),e);await new Promise((o,i)=>{t.onload=o,t.onerror=e.onImageErrorHandler?(...c)=>{try{o(e.onImageErrorHandler(...c))}catch(p){i(p)}}:i;let a=t;a.decode&&(a.decode=o),a.loading==="lazy"&&(a.loading="eager"),n?(t.srcset="",t.src=s):t.href.baseVal=s})}async function go(t,e){let r=st(t.childNodes).map(s=>vn(s,e));await Promise.all(r).then(()=>t)}async function vn(t,e){W(t,Element)&&(await fo(t,e),await mo(t,e),await go(t,e))}function Lr(t,e){let{style:n}=t;e.backgroundColor&&(n.backgroundColor=e.backgroundColor),e.width&&(n.width=`${e.width}px`),e.height&&(n.height=`${e.height}px`);let r=e.style;return r!=null&&Object.keys(r).forEach(s=>{n[s]=r[s]}),t}var Sr={};async function Cr(t){let e=Sr[t];if(e!=null)return e;let r=await(await fetch(t)).text();return e={url:t,cssText:r},Sr[t]=e,e}async function Pr(t,e){let n=t.cssText,r=/url\(["']?([^"')]+)["']?\)/g,o=(n.match(/url\([^)]+\)/g)||[]).map(async i=>{let a=i.replace(r,"$1");return a.startsWith("https://")||(a=new URL(a,t.url).href),gn(a,e.fetchRequestInit,({result:c})=>(n=n.replace(i,`url(${c})`),[i,c]))});return Promise.all(o).then(()=>n)}function Tr(t){if(t==null)return[];let e=[],n=/(\/\*[\s\S]*?\*\/)/gi,r=t.replace(n,""),s=new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})","gi");for(;;){let c=s.exec(r);if(c===null)break;e.push(c[0])}r=r.replace(s,"");let o=/@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi,i="((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})",a=new RegExp(i,"gi");for(;;){let c=o.exec(r);if(c===null){if(c=a.exec(r),c===null)break;o.lastIndex=a.lastIndex}else a.lastIndex=o.lastIndex;e.push(c[0])}return e}async function ho(t,e){let n=[],r=[];return t.forEach(s=>{if("cssRules"in s)try{st(s.cssRules||[]).forEach((o,i)=>{if(o.type===CSSRule.IMPORT_RULE){let a=i+1,c=o.href,p=Cr(c).then(b=>Pr(b,e)).then(b=>Tr(b).forEach(v=>{try{s.insertRule(v,v.startsWith("@import")?a+=1:s.cssRules.length)}catch(S){console.error("Error inserting rule from remote css",{rule:v,error:S})}})).catch(b=>{console.error("Error loading remote css",b.toString())});r.push(p)}})}catch(o){let i=t.find(a=>a.href==null)||document.styleSheets[0];s.href!=null&&r.push(Cr(s.href).then(a=>Pr(a,e)).then(a=>Tr(a).forEach(c=>{i.insertRule(c,i.cssRules.length)})).catch(a=>{console.error("Error loading remote stylesheet",a)})),console.error("Error inlining remote css file",o)}}),Promise.all(r).then(()=>(t.forEach(s=>{if("cssRules"in s)try{st(s.cssRules||[]).forEach(o=>{n.push(o)})}catch(o){console.error(`Error while reading CSS rules from ${s.href}`,o)}}),n))}function vo(t){return t.filter(e=>e.type===CSSRule.FONT_FACE_RULE).filter(e=>hn(e.style.getPropertyValue("src")))}async function yo(t,e){if(t.ownerDocument==null)throw new Error("Provided element is not within a Document");let n=st(t.ownerDocument.styleSheets),r=await ho(n,e);return vo(r)}function $r(t){return t.trim().replace(/["']/g,"")}function xo(t){let e=new Set;function n(r){(r.style.fontFamily||getComputedStyle(r).fontFamily).split(",").forEach(o=>{e.add($r(o))}),Array.from(r.children).forEach(o=>{o instanceof HTMLElement&&n(o)})}return n(t),e}async function Mr(t,e){let n=await yo(t,e),r=xo(t);return(await Promise.all(n.filter(o=>r.has($r(o.style.fontFamily))).map(o=>{let i=o.parentStyleSheet?o.parentStyleSheet.href:null;return qe(o.cssText,i,e)}))).join(`
+`)}async function Ar(t,e){let n=e.fontEmbedCSS!=null?e.fontEmbedCSS:e.skipFonts?null:await Mr(t,e);if(n){let r=document.createElement("style"),s=document.createTextNode(n);r.appendChild(s),t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r)}}async function wo(t,e={}){let{width:n,height:r}=un(t,e),s=await pe(t,e,!0);return await Ar(s,e),await vn(s,e),Lr(s,e),await hr(s,n,r)}async function ko(t,e={}){let{width:n,height:r}=un(t,e),s=await wo(t,e),o=await Nt(s),i=document.createElement("canvas"),a=i.getContext("2d"),c=e.pixelRatio||mr(),p=e.canvasWidth||n,b=e.canvasHeight||r;return i.width=p*c,i.height=b*c,e.skipAutoScale||gr(i),i.style.width=`${p}`,i.style.height=`${b}`,e.backgroundColor&&(a.fillStyle=e.backgroundColor,a.fillRect(0,0,i.width,i.height)),a.drawImage(o,0,0,i.width,i.height),i}async function Rr(t,e={}){return(await ko(t,e)).toDataURL()}function Eo(){let t=document.createElement("div");if(t.style.cssText=`
     position: fixed; inset: 0; z-index: 2147483647;
     background: white; opacity: 0;
     pointer-events: none;
     animation: bs-flash 0.4s ease-out forwards;
-  `,!document.getElementById("bs-flash-style")){let t=document.createElement("style");t.id="bs-flash-style",t.textContent=`
+  `,!document.getElementById("bs-flash-style")){let e=document.createElement("style");e.id="bs-flash-style",e.textContent=`
       @keyframes bs-flash {
         0% { opacity: 0; }
         15% { opacity: 0.7; }
         100% { opacity: 0; }
       }
-    `,document.head.appendChild(t)}document.body.appendChild(e),e.addEventListener("animationend",()=>e.remove())}var io=e=>{let t=e.tagName.toLowerCase();return t==="bugstash-root"||t==="bugstash-overlay"||e.classList?.contains("bs-fab")||e.classList?.contains("bs-toolbar")||e.classList?.contains("bs-modal")||e.classList?.contains("bs-backdrop")||e.id==="bs-flash-style"||e.id==="bugstash-live-pins"||e.id==="bugstash-pin-overlay"};async function un(e=!1){e&&oo();try{let t=await ao();if(t)return t}catch{}try{return await Sr()}catch{try{return await Sr(!0)}catch{return null}}}async function ao(){if(!navigator.mediaDevices?.getDisplayMedia)return null;let e=await navigator.mediaDevices.getDisplayMedia({video:{displaySurface:"browser",width:{ideal:window.screen.width*(window.devicePixelRatio||1)},height:{ideal:window.screen.height*(window.devicePixelRatio||1)}},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",monitorTypeSurfaces:"exclude"});try{if(!e.getVideoTracks()[0])return null;let n=document.createElement("video");n.srcObject=e,n.muted=!0,n.playsInline=!0,await n.play(),await new Promise(o=>{if(n.readyState>=2){o();return}n.onloadeddata=()=>o()}),await new Promise(o=>requestAnimationFrame(()=>o()));let r=document.createElement("canvas");r.width=n.videoWidth,r.height=n.videoHeight;let s=r.getContext("2d");return s?(s.drawImage(n,0,0),r.toDataURL("image/png")):null}finally{e.getTracks().forEach(t=>t.stop())}}async function Sr(e=!1){let t=window.getComputedStyle(document.body).backgroundColor,n=window.getComputedStyle(document.documentElement).backgroundColor,r=i=>!i||i==="transparent"||i==="rgba(0, 0, 0, 0)",s=r(t)?r(n)?"#ffffff":n:t;return await Er(document.body,{pixelRatio:Math.min(window.devicePixelRatio||1,2),backgroundColor:s,width:window.innerWidth,height:window.innerHeight,filter:i=>{if(e&&i.tagName==="IMG"){let a=i.src||"";if(a&&!a.startsWith(window.location.origin)&&!a.startsWith("data:"))return!1}return!io(i)},imagePlaceholder:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"})}var lo="https://bugstash-backend.vercel.app",Lr="https://bugstash-backend.vercel.app",X=lo,mn=!1;function Cr(e){X=e.replace(/\/$/,""),mn=!1}function Tr(){return X}async function se(e,t){try{return await fetch(e,t)}catch(n){if(mn)throw n;mn=!0;let r=X;X=Lr;let s=e.replace(r,Lr);return fetch(s,t)}}var fn="bugstash_auth";function gn(){try{let e=localStorage.getItem(fn);if(!e)return null;let t=JSON.parse(e);return t.tokens.expiresAt<Date.now(),t}catch{return null}}function Pr(e){localStorage.setItem(fn,JSON.stringify(e))}function co(){localStorage.removeItem(fn)}function ne(){return gn()?.user||null}function $r(){return gn()?.tokens.accessToken||null}async function ge(){let e=gn();if(!e)return{"Content-Type":"application/json"};if(e.tokens.expiresAt<Date.now()+6e4)try{let t=await se(`${X}/api/auth/refresh`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({refreshToken:e.tokens.refreshToken})});if(t.ok){let n=await t.json();n.success&&(e.tokens=n.data,Pr(e))}}catch{}return{"Content-Type":"application/json",Authorization:`Bearer ${e.tokens.accessToken}`}}async function Dt(e,t,n){try{let s=await(await se(`${X}/api/auth/login`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:e,password:t,projectId:n})})).json();return s.success&&Pr({user:s.data.user,tokens:s.data.tokens}),s}catch{return{success:!1,error:"Network error"}}}async function Bt(){co()}async function hn(e){try{let t=await ge();return await(await se(`${X}/api/reports`,{method:"POST",headers:t,body:JSON.stringify(e)})).json()}catch{return{success:!1,error:"Network error - could not reach BugStash"}}}async function Mr(e,t){try{let n=await ge();return await(await se(`${X}/api/pins/by-page?projectId=${e}&pathname=${encodeURIComponent(t)}`,{headers:n})).json()}catch{return{success:!1,error:"Network error"}}}async function yn(e){try{let t=await ge();return await(await se(`${X}/api/pins`,{method:"POST",headers:t,body:JSON.stringify(e)})).json()}catch{return{success:!1,error:"Network error"}}}async function Ot(e,t){try{let n=await ge();return await(await se(`${X}/api/pins/${e}`,{method:"PUT",headers:n,body:JSON.stringify(t)})).json()}catch{return{success:!1,error:"Network error"}}}async function Ar(e){try{let t=await ge();return await(await se(`${X}/api/pins/${e}`,{method:"DELETE",headers:t})).json()}catch{return{success:!1,error:"Network error"}}}async function Rr(e){try{let t=await ge();return await(await se(`${X}/api/pins/${e}/comments`,{headers:t})).json()}catch{return{success:!1,error:"Network error"}}}async function xn(e,t,n=[]){try{let r=await ge();return await(await se(`${X}/api/pins/${e}/comments`,{method:"POST",headers:r,body:JSON.stringify({body:t,mentions:n})})).json()}catch{return{success:!1,error:"Network error"}}}async function zr(e){try{let t=await ge();return await(await se(`${X}/api/members/for-project/${e}`,{headers:t})).json()}catch{return{success:!1,error:"Network error"}}}var Ht=null;function Ir(e){return Ht||(Ht=(async()=>{try{let t=await fetch(`${X}/api/orgs/projects/${encodeURIComponent(e)}/verify-domain`,{headers:{"Content-Type":"application/json"}});return t.ok?(await t.json()).allowed===!0:!1}catch{return!1}})(),Ht)}var vn="bugstash_offline_queue";function wn(e){let t=Hr();t.push({...e,id:Math.random().toString(36).slice(2),timestamp:Date.now()}),localStorage.setItem(vn,JSON.stringify(t))}function Hr(){try{return JSON.parse(localStorage.getItem(vn)||"[]")}catch{return[]}}async function po(){let e=Hr();if(e.length===0)return 0;let t=0,n=[];for(let r of e)try{let s;switch(r.type){case"create_pin":s=await yn(r.data);break;case"create_comment":s=await xn(r.data.pinId,r.data.body,r.data.mentions);break;case"update_pin":s=await Ot(r.data.pinId,r.data.updates);break;case"submit_report":s=await hn(r.data);break;default:s={success:!1,error:"Unknown action"}}s.success?t++:n.push(r)}catch{n.push(r)}return localStorage.setItem(vn,JSON.stringify(n)),t}typeof window<"u"&&window.addEventListener("online",()=>{po().catch(()=>{})});var kn=[{id:"slate",name:"Slate",preview:["#0f1117","#6E9ED0"],vars:{"--bs-bg":"#0f1117","--bs-bg2":"#1a1d27","--bs-bg3":"#2a2d37","--bs-text":"#e8eaed","--bs-muted":"#9ca3af","--bs-border":"#2a2d37","--bs-accent":"#6E9ED0","--bs-accent2":"#C3CAD6","--bs-fab1":"#6E9ED0","--bs-fab2":"#4a7ba8","--bs-radius":"12px","--bs-radius-sm":"8px","--bs-red":"#ef4444","--bs-green":"#22c55e","--bs-orange":"#f97316","--bs-yellow":"#eab308"}},{id:"black",name:"Dark",preview:["#0a0a0a","#ffffff"],vars:{"--bs-bg":"#0a0a0a","--bs-bg2":"#141414","--bs-bg3":"#1e1e1e","--bs-text":"#f5f5f5","--bs-muted":"#737373","--bs-border":"#262626","--bs-accent":"#f5f5f5","--bs-accent2":"#d4d4d4","--bs-fab1":"#262626","--bs-fab2":"#171717","--bs-radius":"12px","--bs-radius-sm":"8px","--bs-red":"#ef4444","--bs-green":"#22c55e","--bs-orange":"#f97316","--bs-yellow":"#eab308"}},{id:"white",name:"Light",preview:["#ffffff","#0a0a0a"],vars:{"--bs-bg":"#ffffff","--bs-bg2":"#f5f5f5","--bs-bg3":"#e5e5e5","--bs-text":"#0a0a0a","--bs-muted":"#737373","--bs-border":"#e5e5e5","--bs-accent":"#0a0a0a","--bs-accent2":"#404040","--bs-fab1":"#0a0a0a","--bs-fab2":"#262626","--bs-radius":"12px","--bs-radius-sm":"8px","--bs-red":"#dc2626","--bs-green":"#16a34a","--bs-orange":"#ea580c","--bs-yellow":"#ca8a04"}}];function Nt(){return kn}function jt(e){return kn.find(t=>t.id===e)}function Dr(){return kn[0]}var En=[{id:"classic",name:"Center",description:"Centered modal",tabPosition:"top"},{id:"drawer-right",name:"Right Drawer",description:"Slides from right",tabPosition:"top"},{id:"bottom-sheet",name:"Bottom Sheet",description:"Slides from bottom",tabPosition:"top"},{id:"sidebar-tabs",name:"Sidebar",description:"Side navigation",tabPosition:"left"}];function qt(){return En}function ot(e){return En.find(t=>t.id===e)}function Br(){return En[0]}var Or=`
+    `,document.head.appendChild(e)}document.body.appendChild(t),t.addEventListener("animationend",()=>t.remove())}var Lo=t=>{let e=t.tagName.toLowerCase();return e==="bugstash-root"||e==="bugstash-overlay"||t.classList?.contains("bs-fab")||t.classList?.contains("bs-toolbar")||t.classList?.contains("bs-modal")||t.classList?.contains("bs-backdrop")||t.id==="bs-flash-style"||t.id==="bugstash-live-pins"||t.id==="bugstash-pin-overlay"};async function Ue(t=!1){t&&Eo();try{let e=await So();if(e)return e}catch{}try{return await zr()}catch{try{return await zr(!0)}catch{return null}}}async function So(){if(!navigator.mediaDevices?.getDisplayMedia)return null;let t=await navigator.mediaDevices.getDisplayMedia({video:{displaySurface:"browser",width:{ideal:window.screen.width*(window.devicePixelRatio||1)},height:{ideal:window.screen.height*(window.devicePixelRatio||1)}},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",monitorTypeSurfaces:"exclude"});try{if(!t.getVideoTracks()[0])return null;let n=document.createElement("video");n.srcObject=t,n.muted=!0,n.playsInline=!0,await n.play(),await new Promise(o=>{if(n.readyState>=2){o();return}n.onloadeddata=()=>o()}),await new Promise(o=>requestAnimationFrame(()=>o()));let r=document.createElement("canvas");r.width=n.videoWidth,r.height=n.videoHeight;let s=r.getContext("2d");return s?(s.drawImage(n,0,0),r.toDataURL("image/png")):null}finally{t.getTracks().forEach(e=>e.stop())}}async function zr(t=!1){let e=window.getComputedStyle(document.body).backgroundColor,n=window.getComputedStyle(document.documentElement).backgroundColor,r=i=>!i||i==="transparent"||i==="rgba(0, 0, 0, 0)",s=r(e)?r(n)?"#ffffff":n:e;return await Rr(document.body,{pixelRatio:Math.min(window.devicePixelRatio||1,2),backgroundColor:s,width:window.innerWidth,height:window.innerHeight,filter:i=>{if(t&&i.tagName==="IMG"){let a=i.src||"";if(a&&!a.startsWith(window.location.origin)&&!a.startsWith("data:"))return!1}return!Lo(i)},imagePlaceholder:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"})}var Co="https://bugstash-backend.vercel.app",Ir="https://bugstash-backend.vercel.app",X=Co,yn=!1;function Hr(t){X=t.replace(/\/$/,""),yn=!1}function Dr(){return X}async function ct(t,e){try{return await fetch(t,e)}catch(n){if(yn)throw n;yn=!0;let r=X;X=Ir;let s=t.replace(r,Ir);return fetch(s,e)}}var xn="bugstash_auth";function wn(){try{let t=localStorage.getItem(xn);if(!t)return null;let e=JSON.parse(t);return e.tokens.expiresAt<Date.now(),e}catch{return null}}function Br(t){localStorage.setItem(xn,JSON.stringify(t))}function Po(){localStorage.removeItem(xn)}function ot(){return wn()?.user||null}function Or(){return wn()?.tokens.accessToken||null}async function yt(){let t=wn();if(!t)return{"Content-Type":"application/json"};if(t.tokens.expiresAt<Date.now()+6e4)try{let e=await ct(`${X}/api/auth/refresh`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({refreshToken:t.tokens.refreshToken})});if(e.ok){let n=await e.json();n.success&&(t.tokens=n.data,Br(t))}}catch{}return{"Content-Type":"application/json",Authorization:`Bearer ${t.tokens.accessToken}`}}async function _e(t,e,n){try{let s=await(await ct(`${X}/api/auth/login`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:t,password:e,projectId:n})})).json();return s.success&&Br({user:s.data.user,tokens:s.data.tokens}),s}catch{return{success:!1,error:"Network error"}}}async function We(){Po()}async function kn(t){try{let e=await yt();return await(await ct(`${X}/api/reports`,{method:"POST",headers:e,body:JSON.stringify(t)})).json()}catch{return{success:!1,error:"Network error - could not reach BugStash"}}}async function Nr(t,e){try{let n=await yt();return await(await ct(`${X}/api/pins/by-page?projectId=${t}&pathname=${encodeURIComponent(e)}`,{headers:n})).json()}catch{return{success:!1,error:"Network error"}}}async function En(t){try{let e=await yt();return await(await ct(`${X}/api/pins`,{method:"POST",headers:e,body:JSON.stringify(t)})).json()}catch{return{success:!1,error:"Network error"}}}async function Ye(t,e){try{let n=await yt();return await(await ct(`${X}/api/pins/${t}`,{method:"PUT",headers:n,body:JSON.stringify(e)})).json()}catch{return{success:!1,error:"Network error"}}}async function jr(t){try{let e=await yt();return await(await ct(`${X}/api/pins/${t}`,{method:"DELETE",headers:e})).json()}catch{return{success:!1,error:"Network error"}}}async function qr(t){try{let e=await yt();return await(await ct(`${X}/api/pins/${t}/comments`,{headers:e})).json()}catch{return{success:!1,error:"Network error"}}}async function Ln(t,e,n=[]){try{let r=await yt();return await(await ct(`${X}/api/pins/${t}/comments`,{method:"POST",headers:r,body:JSON.stringify({body:e,mentions:n})})).json()}catch{return{success:!1,error:"Network error"}}}async function Ur(t){try{let e=await yt();return await(await ct(`${X}/api/members/for-project/${t}`,{headers:e})).json()}catch{return{success:!1,error:"Network error"}}}var Fe=null;function Fr(t){return Fe||(Fe=(async()=>{try{let e=await fetch(`${X}/api/orgs/projects/${encodeURIComponent(t)}/verify-domain`,{headers:{"Content-Type":"application/json"}});return e.ok?(await e.json()).allowed===!0:!1}catch{return!1}})(),Fe)}var Sn="bugstash_offline_queue";function Cn(t){let e=_r();e.push({...t,id:Math.random().toString(36).slice(2),timestamp:Date.now()}),localStorage.setItem(Sn,JSON.stringify(e))}function _r(){try{return JSON.parse(localStorage.getItem(Sn)||"[]")}catch{return[]}}async function To(){let t=_r();if(t.length===0)return 0;let e=0,n=[];for(let r of t)try{let s;switch(r.type){case"create_pin":s=await En(r.data);break;case"create_comment":s=await Ln(r.data.pinId,r.data.body,r.data.mentions);break;case"update_pin":s=await Ye(r.data.pinId,r.data.updates);break;case"submit_report":s=await kn(r.data);break;default:s={success:!1,error:"Unknown action"}}s.success?e++:n.push(r)}catch{n.push(r)}return localStorage.setItem(Sn,JSON.stringify(n)),e}typeof window<"u"&&window.addEventListener("online",()=>{To().catch(()=>{})});var Pn=[{id:"slate",name:"Slate",preview:["#0f1117","#6E9ED0"],vars:{"--bs-bg":"#0f1117","--bs-bg2":"#1a1d27","--bs-bg3":"#2a2d37","--bs-text":"#e8eaed","--bs-muted":"#9ca3af","--bs-border":"#2a2d37","--bs-accent":"#6E9ED0","--bs-accent2":"#C3CAD6","--bs-fab1":"#6E9ED0","--bs-fab2":"#4a7ba8","--bs-radius":"12px","--bs-radius-sm":"8px","--bs-red":"#ef4444","--bs-green":"#22c55e","--bs-orange":"#f97316","--bs-yellow":"#eab308"}},{id:"black",name:"Dark",preview:["#0a0a0a","#ffffff"],vars:{"--bs-bg":"#0a0a0a","--bs-bg2":"#141414","--bs-bg3":"#1e1e1e","--bs-text":"#f5f5f5","--bs-muted":"#737373","--bs-border":"#262626","--bs-accent":"#f5f5f5","--bs-accent2":"#d4d4d4","--bs-fab1":"#262626","--bs-fab2":"#171717","--bs-radius":"12px","--bs-radius-sm":"8px","--bs-red":"#ef4444","--bs-green":"#22c55e","--bs-orange":"#f97316","--bs-yellow":"#eab308"}},{id:"white",name:"Light",preview:["#ffffff","#0a0a0a"],vars:{"--bs-bg":"#ffffff","--bs-bg2":"#f5f5f5","--bs-bg3":"#e5e5e5","--bs-text":"#0a0a0a","--bs-muted":"#737373","--bs-border":"#e5e5e5","--bs-accent":"#0a0a0a","--bs-accent2":"#404040","--bs-fab1":"#0a0a0a","--bs-fab2":"#262626","--bs-radius":"12px","--bs-radius-sm":"8px","--bs-red":"#dc2626","--bs-green":"#16a34a","--bs-orange":"#ea580c","--bs-yellow":"#ca8a04"}}];function Xe(){return Pn}function Ve(t){return Pn.find(e=>e.id===t)}function Wr(){return Pn[0]}var Tn=[{id:"classic",name:"Center",description:"Centered modal",tabPosition:"top"},{id:"drawer-right",name:"Right Drawer",description:"Slides from right",tabPosition:"top"},{id:"bottom-sheet",name:"Bottom Sheet",description:"Slides from bottom",tabPosition:"top"},{id:"sidebar-tabs",name:"Sidebar",description:"Side navigation",tabPosition:"left"}];function Je(){return Tn}function be(t){return Tn.find(e=>e.id===t)}function Yr(){return Tn[0]}var Xr=`
 /* \u2500\u2500 1. Classic (default \u2014 no overrides) \u2500\u2500 */
 
 /* \u2500\u2500 2. Drawer Right \u2500\u2500 */
@@ -73,229 +73,374 @@ ${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{
 }
 .bs-ly-sidebar-tabs .bs-tab-divider { display: none; }
 .bs-ly-sidebar-tabs .bs-scroll { flex: 1; }
-`;var Ne=null,Ut=0,bo=5e3,Be=new Map,Oe=null,Ft=new Set;function it(e){Oe=e,Ut=Date.now(),uo()}function uo(){Ne||(Ne=setInterval(mo,bo))}async function mo(){if(!Oe)return;let e=$r();if(e)try{let t=Tr(),n=window.location.pathname,r=await fetch(`${t}/api/pins/poll?projectId=${Oe}&pathname=${encodeURIComponent(n)}&since=${Ut}`,{headers:{Authorization:`Bearer ${e}`}});if(!r.ok)return;let s=await r.json();if(!s.success)return;let o=Array.isArray(s.data)?s.data:s.data?.pins||[];Ut=s.serverTime||s.data?.serverTime||Date.now();for(let i of o)Ft.has(i.id)?Nr("pin:updated",{type:"pin:updated",projectId:Oe,data:i,userId:"",timestamp:Date.now()}):(Ft.add(i.id),Nr("pin:created",{type:"pin:created",projectId:Oe,data:i,userId:"",timestamp:Date.now()}))}catch{}}function jr(){Ne&&(clearInterval(Ne),Ne=null),Oe=null,Ft.clear(),Ut=0}function at(e,t){return Be.has(e)||Be.set(e,new Set),Be.get(e).add(t),()=>{Be.get(e)?.delete(t)}}function Nr(e,t){Be.get(e)?.forEach(n=>n(t)),Be.get("*")?.forEach(n=>n(t))}function Sn(e){Ft=new Set(e)}function qr(){return Ne!==null}var Yt,_=null,$=null,z=[],_r=[],je=!1,Ue=null,fo="",qe=null,_t=null,Cn=[],lt=null,Tn=null,Ur={open:"#f97316",in_progress:"#3b82f6",resolved:"#22c55e",closed:"#6b7280"},Xt={critical:"#ef4444",high:"#f97316",medium:"#eab308",low:"#6b7280"};function ct(e,t){Yt=e,Tn=t,fo=window.location.pathname,wo(),Kr(),ko(),Po(),$o(),go()}function Xr(){ho(),_?.remove(),_=null,$?.remove(),$=null,Tn=null,z=[]}function Fe(e){return je=e!==void 0?e:!je,$&&$.style.setProperty("display",je?"block":"none","important"),je}function Vt(){return je}function Yr(e){try{let t=document.documentElement.scrollWidth||document.body.scrollWidth||1,n=document.documentElement.scrollHeight||document.body.scrollHeight||1,r=window.scrollX,s=window.scrollY,o=Pn(e.elementSelector,e.elementXPath),i=Wt(e)&&e.xPercent>=0&&e.xPercent<=1&&e.yPercent>=0&&e.yPercent<=1;if(i&&o){let a=o.getBoundingClientRect();if(a.width>0&&a.height>0){let d=a.left+e.xPercent*a.width,p=a.top+e.yPercent*a.height;return{left:`${d}px`,top:`${p}px`}}}if(i)return e.pageX>0||e.pageY>0?{left:`${e.pageX-r}px`,top:`${e.pageY-s}px`}:{left:`${e.xPercent*t-r}px`,top:`${e.yPercent*n-s}px`};if(o){let a=o.getBoundingClientRect();if(a.width>0&&a.height>0){if(e.pageX>0||e.pageY>0){let d=Wt(e)?e.xPercent/100*t:e.pageX,p=Wt(e)?e.yPercent/100*n:e.pageY,b=a.left+a.width/2,y=a.top+a.height/2,w=d-r,k=p-s;return Math.abs(w-b)+Math.abs(k-y)>100?{left:`${b}px`,top:`${y}px`}:{left:`${w}px`,top:`${k}px`}}return{left:`${a.left+a.width/2}px`,top:`${a.top+a.height/2}px`}}}return Wt(e)?{left:`${e.xPercent/100*t-r}px`,top:`${e.yPercent/100*n-s}px`}:{left:`${e.pageX-r}px`,top:`${e.pageY-s}px`}}catch{let t=(e.pageX||0)-(window.scrollX||0),n=(e.pageY||0)-(window.scrollY||0);return{left:`${t}px`,top:`${n}px`}}}function Wt(e){return e.xPercent!=null&&e.yPercent!=null&&(e.xPercent!==0||e.yPercent!==0||e.pageX===0&&e.pageY===0)}function Pn(e,t){let n;if(e&&e.startsWith('["')&&e.endsWith('"]'))try{let r=JSON.parse(e);n=Array.isArray(r)?r.filter(s=>typeof s=="string"):[e]}catch{n=[e]}else n=e?[e]:[];for(let r of n)if(r&&r!=="body")try{let s=document.querySelector(r);if(s)return s}catch{}if(t)try{let r=document.evaluate(t,document,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null);if(r.singleNodeValue instanceof Element)return r.singleNodeValue}catch{}return null}function go(){window.addEventListener("scroll",ke,{passive:!0}),window.addEventListener("resize",ke,{passive:!0}),window.addEventListener("keydown",Vr),_t=new MutationObserver(e=>{e.every(n=>_?.contains(n.target)||$?.contains(n.target))||ke()}),_t.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}),typeof ResizeObserver<"u"&&(lt=new ResizeObserver(()=>ke()))}function ho(){window.removeEventListener("scroll",ke),window.removeEventListener("resize",ke),window.removeEventListener("keydown",Vr),Jr(),_t?.disconnect(),_t=null,lt?.disconnect(),lt=null,qe&&(cancelAnimationFrame(qe),qe=null)}function Vr(e){e.key==="Escape"&&(Ue?he():je&&(_?.querySelectorAll(".bs-lp-form").forEach(t=>t.remove()),Fe(!1)))}function ke(){qe||(qe=requestAnimationFrame(()=>{qe=null,yo()}))}function yo(){if(!_)return;_.querySelectorAll(".bs-lp").forEach(t=>{let n=t.dataset.pinId,r=z.find(o=>o.id===n);if(!r)return;let s=Yr(r);t.style.left=s.left,t.style.top=s.top})}function xo(e){let t=[],n=e.parentElement;for(;n&&n!==document.documentElement;){let r=window.getComputedStyle(n),s=r.overflowY,o=r.overflowX;(s==="auto"||s==="scroll"||o==="auto"||o==="scroll")&&(n.scrollHeight>n.clientHeight||n.scrollWidth>n.clientWidth)&&t.push(n),n=n.parentElement}return t}function vo(){Jr();let e=new Set;for(let t of z){let n=Pn(t.elementSelector,t.elementXPath);if(!n)continue;let r=xo(n);for(let s of r){if(e.has(s))continue;e.add(s);let o=()=>ke();s.addEventListener("scroll",o,{passive:!0}),Cn.push(()=>s.removeEventListener("scroll",o))}}}function Jr(){for(let e of Cn)e();Cn=[]}function wo(){if(_)return;_=document.createElement("div"),_.id="bugstash-live-pins",$=document.createElement("bugstash-overlay"),$.style.setProperty("display","none","important"),$.style.setProperty("position","fixed","important"),$.style.setProperty("inset","0","important"),$.style.setProperty("z-index","2147483641","important"),$.style.setProperty("cursor","crosshair","important"),$.style.setProperty("background","rgba(0,0,0,0.05)","important"),$.style.setProperty("margin","0","important"),$.style.setProperty("padding","0","important"),$.style.setProperty("border","none","important"),$.style.setProperty("opacity","1","important"),$.style.setProperty("visibility","visible","important"),$.style.setProperty("pointer-events","auto","important");let e=document.createElement("style");e.textContent=`
+`;var Wt=null,Ke=0,$o=5e3,Ft=new Map,_t=null,Ge=new Set;function Yt(t){_t=t,Ke=Date.now(),Mo()}function Mo(){Wt||(Wt=setInterval(Ao,$o))}async function Ao(){if(!_t)return;let t=Or();if(t)try{let e=Dr(),n=window.location.pathname,r=await fetch(`${e}/api/pins/poll?projectId=${_t}&pathname=${encodeURIComponent(n)}&since=${Ke}`,{headers:{Authorization:`Bearer ${t}`}});if(!r.ok)return;let s=await r.json();if(!s.success)return;let o=Array.isArray(s.data)?s.data:s.data?.pins||[];Ke=s.serverTime||s.data?.serverTime||Date.now();for(let i of o)Ge.has(i.id)?Vr("pin:updated",{type:"pin:updated",projectId:_t,data:i,userId:"",timestamp:Date.now()}):(Ge.add(i.id),Vr("pin:created",{type:"pin:created",projectId:_t,data:i,userId:"",timestamp:Date.now()}))}catch{}}function Jr(){Wt&&(clearInterval(Wt),Wt=null),_t=null,Ge.clear(),Ke=0}function ue(t,e){return Ft.has(t)||Ft.set(t,new Set),Ft.get(t).add(e),()=>{Ft.get(t)?.delete(e)}}function Vr(t,e){Ft.get(t)?.forEach(n=>n(e)),Ft.get("*")?.forEach(n=>n(e))}function $n(t){Ge=new Set(t)}function Kr(){return Wt!==null}var en,Y=null,L=null,$=[],rs=[],Xt=!1,Jt=null,Ro="",Vt=null,Ze=null,An=[],fe=null,me=null,Pt={x:0,y:0};function ss(){if(!me)return;let t=document.createElement("div");t.style.cssText="position:fixed!important;top:0!important;left:0!important;width:1px!important;height:1px!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important;opacity:0!important;",me.appendChild(t);try{let e=t.getBoundingClientRect();Pt={x:-e.left,y:-e.top}}finally{t.remove()}}function os(t){return Pt.x===0&&Pt.y===0?t:{left:`${parseFloat(t.left)+Pt.x}px`,top:`${parseFloat(t.top)+Pt.y}px`,hidden:t.hidden}}function Gr(t,e){return{left:`${t+Pt.x}px`,top:`${e+Pt.y}px`}}var tn={open:"#f97316",in_progress:"#3b82f6",resolved:"#22c55e",closed:"#6b7280"},Qr={critical:"#ef4444",high:"#f97316",medium:"#eab308",low:"#6b7280"};function Kt(t,e){en=t,me=e,Ro=window.location.pathname,No(),ss(),ds(),jo(),Yo(),Xo(),Io()}function is(){Ho(),Y?.remove(),Y=null,L?.remove(),L=null,me=null,$=[]}function $t(t){return Xt=t!==void 0?t:!Xt,L&&L.style.setProperty("display",Xt?"block":"none","important"),Xt}function nn(){return Xt}function as(t){try{let e=document.documentElement.scrollWidth||document.body.scrollWidth||1,n=document.documentElement.scrollHeight||document.body.scrollHeight||1,r=window.scrollX,s=window.scrollY,o=zn(t.elementSelector,t.elementXPath),i=Qe(t)&&t.xPercent>=0&&t.xPercent<=1&&t.yPercent>=0&&t.yPercent<=1,a=o?zo(o):!1;if(i&&o){let c=o.getBoundingClientRect();if(c.width>0&&c.height>0){let p=c.left+t.xPercent*c.width,b=c.top+t.yPercent*c.height;return{left:`${p}px`,top:`${b}px`,hidden:a}}}if(i)return t.pageX>0||t.pageY>0?{left:`${t.pageX-r}px`,top:`${t.pageY-s}px`,hidden:!1}:{left:`${t.xPercent*e-r}px`,top:`${t.yPercent*n-s}px`,hidden:!1};if(o){let c=o.getBoundingClientRect();if(c.width>0&&c.height>0){if(t.pageX>0||t.pageY>0){let p=Qe(t)?t.xPercent/100*e:t.pageX,b=Qe(t)?t.yPercent/100*n:t.pageY,v=c.left+c.width/2,S=c.top+c.height/2,D=p-r,R=b-s;return Math.abs(D-v)+Math.abs(R-S)>100?{left:`${v}px`,top:`${S}px`,hidden:a}:{left:`${D}px`,top:`${R}px`,hidden:a}}return{left:`${c.left+c.width/2}px`,top:`${c.top+c.height/2}px`,hidden:a}}}return Qe(t)?{left:`${t.xPercent/100*e-r}px`,top:`${t.yPercent/100*n-s}px`,hidden:!1}:{left:`${t.pageX-r}px`,top:`${t.pageY-s}px`,hidden:!1}}catch{let e=(t.pageX||0)-(window.scrollX||0),n=(t.pageY||0)-(window.scrollY||0);return{left:`${e}px`,top:`${n}px`,hidden:!1}}}function Qe(t){return t.xPercent!=null&&t.yPercent!=null&&(t.xPercent!==0||t.yPercent!==0||t.pageX===0&&t.pageY===0)}function zn(t,e){let n;if(t&&t.startsWith('["')&&t.endsWith('"]'))try{let r=JSON.parse(t);n=Array.isArray(r)?r.filter(s=>typeof s=="string"):[t]}catch{n=[t]}else n=t?[t]:[];for(let r of n)if(r&&r!=="body")try{let s=document.querySelector(r);if(s)return s}catch{}if(e)try{let r=document.evaluate(e,document,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null);if(r.singleNodeValue instanceof Element)return r.singleNodeValue}catch{}return null}function zo(t){let e=t.getBoundingClientRect();if(e.bottom<=0||e.top>=window.innerHeight||e.right<=0||e.left>=window.innerWidth)return!0;let n=t.parentElement;for(;n&&n!==document.documentElement;){let r=window.getComputedStyle(n),s=r.overflowY,o=r.overflowX;if(s==="hidden"||s==="scroll"||s==="auto"||o==="hidden"||o==="scroll"||o==="auto"){let i=n.getBoundingClientRect();if(e.bottom<=i.top||e.top>=i.bottom||e.right<=i.left||e.left>=i.right)return!0}n=n.parentElement}return!1}function Io(){window.addEventListener("scroll",Tt,{passive:!0}),window.addEventListener("resize",Tt,{passive:!0}),window.addEventListener("keydown",ls),Ze=new MutationObserver(t=>{t.every(n=>Y?.contains(n.target)||L?.contains(n.target))||Tt()}),Ze.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}),typeof ResizeObserver<"u"&&(fe=new ResizeObserver(()=>Tt()))}function Ho(){window.removeEventListener("scroll",Tt),window.removeEventListener("resize",Tt),window.removeEventListener("keydown",ls),cs(),Ze?.disconnect(),Ze=null,fe?.disconnect(),fe=null,Vt&&(cancelAnimationFrame(Vt),Vt=null)}function ls(t){t.key==="Escape"&&(Jt?xt():Xt&&(Y?.querySelectorAll(".bs-lp-form").forEach(e=>e.remove()),$t(!1)))}function Tt(){Vt||(Vt=requestAnimationFrame(()=>{Vt=null,ss(),Do()}))}function Do(){if(!Y)return;Y.querySelectorAll(".bs-lp").forEach(e=>{let n=e.dataset.pinId,r=$.find(o=>o.id===n);if(!r)return;let s=os(as(r));e.style.left=s.left,e.style.top=s.top,e.style.display=s.hidden?"none":""})}function Bo(t){let e=[],n=t.parentElement;for(;n&&n!==document.documentElement;){let r=window.getComputedStyle(n),s=r.overflowY,o=r.overflowX;(s==="auto"||s==="scroll"||o==="auto"||o==="scroll")&&(n.scrollHeight>n.clientHeight||n.scrollWidth>n.clientWidth)&&e.push(n),n=n.parentElement}return e}function Oo(){cs();let t=new Set;for(let e of $){let n=zn(e.elementSelector,e.elementXPath);if(!n)continue;let r=Bo(n);for(let s of r){if(t.has(s))continue;t.add(s);let o=()=>Tt();s.addEventListener("scroll",o,{passive:!0}),An.push(()=>s.removeEventListener("scroll",o))}}}function cs(){for(let t of An)t();An=[]}function No(){if(Y)return;Y=document.createElement("div"),Y.id="bugstash-live-pins",L=document.createElement("bugstash-overlay"),L.style.setProperty("display","none","important"),L.style.setProperty("position","fixed","important"),L.style.setProperty("inset","0","important"),L.style.setProperty("z-index","2147483641","important"),L.style.setProperty("cursor","crosshair","important"),L.style.setProperty("background","rgba(0,0,0,0.05)","important"),L.style.setProperty("margin","0","important"),L.style.setProperty("padding","0","important"),L.style.setProperty("border","none","important"),L.style.setProperty("opacity","1","important"),L.style.setProperty("visibility","visible","important"),L.style.setProperty("pointer-events","auto","important"),L.style.setProperty("transform","none","important"),L.style.setProperty("filter","none","important"),L.style.setProperty("perspective","none","important"),L.style.setProperty("will-change","auto","important"),L.style.setProperty("contain","none","important"),L.style.setProperty("clip-path","none","important"),L.style.setProperty("isolation","auto","important"),L.style.setProperty("mix-blend-mode","normal","important"),L.style.setProperty("box-sizing","border-box","important"),L.style.setProperty("overflow","visible","important"),L.style.setProperty("float","none","important");let t=document.createElement("style");t.textContent=`
+    /* \u2500\u2500\u2500 Isolation Reset \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+    :host {
+      all: initial !important;
+      position: fixed !important;
+      inset: 0 !important;
+      pointer-events: none !important;
+      z-index: 2147483640 !important;
+      display: block !important;
+      visibility: visible !important;
+      opacity: 1 !important;
+      transform: none !important;
+      perspective: none !important;
+      filter: none !important;
+      will-change: auto !important;
+      contain: none !important;
+      isolation: auto !important;
+    }
+    *, *::before, *::after {
+      box-sizing: border-box !important;
+      margin: 0;
+      padding: 0;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+      line-height: 1.5;
+      direction: ltr;
+      text-align: left;
+      -webkit-text-size-adjust: 100%;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
+    /* Color scheme support */
+    @media (prefers-color-scheme: light) {
+      :host { --bs-pin-bg: #ffffff; --bs-pin-text: #171717; --bs-pin-muted: #6b7280; --bs-pin-border: #eaeaea; --bs-pin-surface: #fafafa; --bs-pin-input-bg: #ffffff; --bs-pin-hover: #f5f5f5; --bs-pin-shadow: rgba(0,0,0,0.08); --bs-pin-shadow-lg: rgba(0,0,0,0.12); }
+    }
+    @media (prefers-color-scheme: dark) {
+      :host { --bs-pin-bg: #1a1a1a; --bs-pin-text: #ededed; --bs-pin-muted: #888; --bs-pin-border: #333; --bs-pin-surface: #222; --bs-pin-input-bg: #2a2a2a; --bs-pin-hover: #2a2a2a; --bs-pin-shadow: rgba(0,0,0,0.2); --bs-pin-shadow-lg: rgba(0,0,0,0.4); }
+    }
+    /* Fallback (default to light) */
+    :host {
+      --bs-pin-bg: #ffffff; --bs-pin-text: #171717; --bs-pin-muted: #6b7280; --bs-pin-border: #eaeaea; --bs-pin-surface: #fafafa; --bs-pin-input-bg: #ffffff; --bs-pin-hover: #f5f5f5; --bs-pin-shadow: rgba(0,0,0,0.08); --bs-pin-shadow-lg: rgba(0,0,0,0.12);
+    }
+    @media (prefers-color-scheme: dark) {
+      :host { --bs-pin-bg: #1a1a1a; --bs-pin-text: #ededed; --bs-pin-muted: #888; --bs-pin-border: #333; --bs-pin-surface: #222; --bs-pin-input-bg: #2a2a2a; --bs-pin-hover: #2a2a2a; --bs-pin-shadow: rgba(0,0,0,0.2); --bs-pin-shadow-lg: rgba(0,0,0,0.4); }
+    }
     #bugstash-live-pins {
-      position: fixed;
-      top: 0;
-      left: 0;
-      width: 0;
-      height: 0;
-      overflow: visible;
-      z-index: 2147483640;
-      pointer-events: none;
+      position: fixed !important;
+      top: 0 !important;
+      left: 0 !important;
+      width: 0 !important;
+      height: 0 !important;
+      overflow: visible !important;
+      z-index: 2147483640 !important;
+      pointer-events: none !important;
+      transform: none !important;
+      perspective: none !important;
+      filter: none !important;
+      will-change: auto !important;
+      contain: none !important;
     }
-    /* \u2500\u2500 Pin Marker \u2500\u2500 */
+
+    /* \u2500\u2500 Pin Marker (Avatar-based) \u2500\u2500 */
     .bs-lp {
-      position: fixed;
-      pointer-events: auto;
-      cursor: pointer;
-      transform: translate(-50%, -50%);
+      position: fixed !important;
+      pointer-events: auto !important;
+      cursor: pointer !important;
+      transform: translate(-50%, -50%) !important;
       z-index: 1;
-      transition: transform 0.2s cubic-bezier(0.34,1.56,0.64,1);
+      transition: transform 0.15s ease, box-shadow 0.15s ease;
     }
-    .bs-lp:hover { transform: translate(-50%, -50%) scale(1.2); z-index: 5; }
+    .bs-lp:hover { transform: translate(-50%, -50%) scale(1.1) !important; z-index: 5; }
     .bs-lp-dot {
-      width: 24px;
-      height: 24px;
+      width: 32px;
+      height: 32px;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
-      font-size: 11px;
-      font-weight: 800;
+      font-size: 12px;
+      font-weight: 600;
       font-family: -apple-system, system-ui, sans-serif;
       color: #fff;
-      box-shadow: 0 2px 8px rgba(0,0,0,0.4), 0 0 0 2.5px rgba(255,255,255,0.85);
+      box-shadow: 0 2px 8px rgba(0,0,0,0.15);
       position: relative;
+      overflow: hidden;
+      background-size: cover;
+      background-position: center;
     }
-    .bs-lp-ring {
-      position: absolute;
-      inset: -4px;
+    .bs-lp-avatar {
+      width: 100%;
+      height: 100%;
       border-radius: 50%;
-      border: 2px solid currentColor;
-      opacity: 0;
-      animation: bs-lp-pulse 2s ease-out infinite;
+      object-fit: cover;
     }
-    @keyframes bs-lp-pulse {
-      0% { opacity: 0.6; transform: scale(0.8); }
-      100% { opacity: 0; transform: scale(1.6); }
+    .bs-lp-initials {
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 12px;
+      font-weight: 600;
+      color: #fff;
+    }
+    .bs-lp-badge {
+      position: absolute;
+      top: -3px;
+      right: -3px;
+      min-width: 14px;
+      height: 14px;
+      border-radius: 7px;
+      background: var(--bs-pin-text, #171717);
+      color: var(--bs-pin-bg, #fff);
+      font-size: 9px;
+      font-weight: 700;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0 3px;
+      line-height: 1;
+      z-index: 2;
     }
 
-    /* \u2500\u2500 Popup \u2500\u2500 */
+    /* \u2500\u2500 Popup (Clean Card) \u2500\u2500 */
     .bs-lp-popup {
       position: absolute;
-      left: 34px;
+      left: 40px;
       top: -8px;
-      width: min(320px, calc(100vw - 48px));
-      background: #111318;
-      border: 1px solid rgba(255,255,255,0.08);
-      border-radius: 12px;
-      box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.03);
+      width: min(360px, calc(100vw - 48px));
+      background: var(--bs-pin-bg);
+      border: 1px solid var(--bs-pin-border);
+      border-radius: 14px;
+      box-shadow: 0 8px 30px var(--bs-pin-shadow-lg), 0 0 0 1px var(--bs-pin-shadow);
+      backdrop-filter: blur(12px);
       z-index: 10;
       pointer-events: auto;
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      color: #e8eaed;
+      color: var(--bs-pin-text);
       overflow: hidden;
-      animation: bs-lp-pop-in 0.2s cubic-bezier(0.34,1.56,0.64,1);
+      animation: bs-lp-pop-in 0.2s ease;
     }
     @keyframes bs-lp-pop-in {
-      from { opacity: 0; transform: scale(0.95) translateX(-4px); }
-      to { opacity: 1; transform: scale(1) translateX(0); }
+      from { opacity: 0; transform: translateY(4px); }
+      to { opacity: 1; transform: translateY(0); }
     }
     .bs-lp-popup-hdr {
-      padding: 12px 14px 10px;
+      padding: 14px 16px 12px;
       display: flex;
       align-items: flex-start;
-      gap: 8px;
+      gap: 10px;
     }
-    .bs-lp-popup-title {
-      font-size: 13px;
-      font-weight: 700;
+    .bs-lp-popup-hdr-avatar {
+      width: 24px;
+      height: 24px;
+      border-radius: 50%;
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 10px;
+      font-weight: 600;
+      color: #fff;
+      overflow: hidden;
+    }
+    .bs-lp-popup-hdr-avatar img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+    .bs-lp-popup-hdr-body {
       flex: 1;
+      min-width: 0;
+    }
+    .bs-lp-popup-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--bs-pin-text);
       line-height: 1.3;
+      margin-bottom: 2px;
     }
-    .bs-lp-popup-badge {
-      font-size: 9px;
-      padding: 3px 8px;
+    .bs-lp-popup-meta {
+      font-size: 12px;
+      color: var(--bs-pin-muted);
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      flex-wrap: wrap;
+    }
+    .bs-lp-popup-pill {
+      font-size: 11px;
+      padding: 2px 8px;
       border-radius: 99px;
-      font-weight: 700;
-      text-transform: uppercase;
-      letter-spacing: 0.4px;
+      font-weight: 500;
       white-space: nowrap;
-      flex-shrink: 0;
     }
     .bs-lp-popup-close {
       all: initial;
-      color: #4b5563;
-      font-size: 18px;
+      color: var(--bs-pin-muted);
       cursor: pointer;
-      line-height: 1;
-      padding: 0 2px;
+      padding: 2px;
       flex-shrink: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 6px;
+      transition: background 0.15s, color 0.15s;
     }
-    .bs-lp-popup-close:hover { color: #e8eaed; }
+    .bs-lp-popup-close:hover { color: var(--bs-pin-text); background: var(--bs-pin-hover); }
+    .bs-lp-popup-close svg { width: 16px; height: 16px; }
     .bs-lp-popup-desc {
-      padding: 0 14px 10px;
-      font-size: 12px;
-      line-height: 1.55;
-      color: #9ca3af;
+      padding: 0 16px 12px;
+      font-size: 13px;
+      line-height: 1.6;
+      color: var(--bs-pin-muted);
     }
     .bs-lp-popup-info {
-      padding: 8px 14px;
-      font-size: 10px;
-      color: #6b7280;
-      background: rgba(255,255,255,0.02);
-      border-top: 1px solid rgba(255,255,255,0.05);
+      padding: 8px 16px;
+      font-size: 11px;
+      color: var(--bs-pin-muted);
+      background: var(--bs-pin-surface);
+      border-top: 1px solid var(--bs-pin-border);
       display: flex;
       justify-content: space-between;
     }
 
     /* Comments */
     .bs-lp-cmts {
-      max-height: 200px;
+      max-height: 220px;
       overflow-y: auto;
-      border-top: 1px solid rgba(255,255,255,0.05);
+      border-top: 1px solid var(--bs-pin-border);
     }
     .bs-lp-cmts::-webkit-scrollbar { width: 4px; }
-    .bs-lp-cmts::-webkit-scrollbar-thumb { background: #333; border-radius: 2px; }
+    .bs-lp-cmts::-webkit-scrollbar-thumb { background: var(--bs-pin-border); border-radius: 2px; }
     .bs-lp-cmt {
-      padding: 10px 14px;
-      border-bottom: 1px solid rgba(255,255,255,0.03);
+      padding: 10px 16px;
+      display: flex;
+      gap: 8px;
+      align-items: flex-start;
+      border-bottom: 1px solid var(--bs-pin-border);
     }
     .bs-lp-cmt:last-child { border-bottom: none; }
+    .bs-lp-cmt-avatar {
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 8px;
+      font-weight: 600;
+      color: #fff;
+      overflow: hidden;
+    }
+    .bs-lp-cmt-avatar img { width: 100%; height: 100%; object-fit: cover; }
+    .bs-lp-cmt-content { flex: 1; min-width: 0; }
     .bs-lp-cmt-top {
       display: flex;
       align-items: center;
       justify-content: space-between;
-      margin-bottom: 3px;
+      margin-bottom: 2px;
     }
     .bs-lp-cmt-author {
       font-weight: 600;
-      color: #e8eaed;
-      font-size: 11px;
+      color: var(--bs-pin-text);
+      font-size: 12px;
     }
     .bs-lp-cmt-time {
-      font-size: 10px;
-      color: #4b5563;
+      font-size: 11px;
+      color: var(--bs-pin-muted);
     }
     .bs-lp-cmt-body {
-      color: #9ca3af;
-      font-size: 12px;
-      line-height: 1.4;
+      color: var(--bs-pin-text);
+      font-size: 13px;
+      line-height: 1.5;
     }
 
     /* Comment input */
     .bs-lp-input {
       display: flex;
-      border-top: 1px solid rgba(255,255,255,0.06);
+      align-items: center;
+      border-top: 1px solid var(--bs-pin-border);
+      padding: 4px;
+      gap: 4px;
     }
     .bs-lp-input input {
       all: initial;
       flex: 1;
-      padding: 10px 14px;
-      color: #e8eaed;
-      font-size: 12px;
+      padding: 8px 12px;
+      color: var(--bs-pin-text);
+      font-size: 13px;
+      font-family: inherit;
+      background: var(--bs-pin-input-bg);
+      border: 1px solid var(--bs-pin-border);
+      border-radius: 8px;
+      box-sizing: border-box;
+      transition: border-color 0.15s;
     }
-    .bs-lp-input input::placeholder { color: #4b5563; }
+    .bs-lp-input input:focus { border-color: #6E9ED0; outline: none; }
+    .bs-lp-input input::placeholder { color: var(--bs-pin-muted); }
     .bs-lp-input button {
       all: initial;
-      padding: 0 14px;
-      color: #6E9ED0;
-      font-size: 11px;
-      font-weight: 700;
+      width: 32px;
+      height: 32px;
+      border-radius: 8px;
+      background: #6E9ED0;
+      color: #fff;
       cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      transition: opacity 0.15s;
     }
-    .bs-lp-input button:hover { color: #93bdea; }
+    .bs-lp-input button:hover { opacity: 0.85; }
+    .bs-lp-input button svg { width: 14px; height: 14px; }
 
     /* Actions */
     .bs-lp-acts {
-      padding: 8px 14px;
+      padding: 8px 16px 10px;
       display: flex;
-      gap: 6px;
-      border-top: 1px solid rgba(255,255,255,0.05);
+      gap: 8px;
+      border-top: 1px solid var(--bs-pin-border);
     }
     .bs-lp-act {
       all: initial;
-      padding: 5px 12px;
-      border-radius: 6px;
-      border: 1px solid rgba(255,255,255,0.08);
-      background: rgba(255,255,255,0.03);
-      color: #9ca3af;
-      font-size: 11px;
-      font-weight: 600;
+      padding: 6px 14px;
+      border-radius: 8px;
+      background: var(--bs-pin-surface);
+      color: var(--bs-pin-muted);
+      font-size: 12px;
+      font-weight: 500;
+      font-family: inherit;
       cursor: pointer;
       transition: all 0.15s;
+      display: flex;
+      align-items: center;
+      gap: 5px;
     }
-    .bs-lp-act:hover { background: rgba(255,255,255,0.06); color: #e8eaed; }
-    .bs-lp-act.resolve { color: #4ade80; border-color: rgba(34,197,94,0.2); }
+    .bs-lp-act:hover { background: var(--bs-pin-hover); color: var(--bs-pin-text); }
+    .bs-lp-act.resolve { color: #22c55e; }
     .bs-lp-act.resolve:hover { background: rgba(34,197,94,0.1); }
-    .bs-lp-act.delete { color: #f87171; border-color: rgba(239,68,68,0.2); }
+    .bs-lp-act.delete { color: #ef4444; }
     .bs-lp-act.delete:hover { background: rgba(239,68,68,0.1); }
 
     /* \u2500\u2500 New Pin Form \u2500\u2500 */
     .bs-lp-form {
       position: fixed;
-      width: min(300px, calc(100vw - 32px));
-      background: #111318;
-      border: 1px solid rgba(255,255,255,0.08);
-      border-radius: 12px;
-      box-shadow: 0 20px 60px rgba(0,0,0,0.6);
+      width: min(320px, calc(100vw - 32px));
+      background: var(--bs-pin-bg);
+      border: 1px solid var(--bs-pin-border);
+      border-radius: 14px;
+      box-shadow: 0 8px 30px var(--bs-pin-shadow-lg);
+      backdrop-filter: blur(12px);
       z-index: 2147483645;
       pointer-events: auto;
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      color: #e8eaed;
-      padding: 14px;
-      animation: bs-lp-pop-in 0.2s cubic-bezier(0.34,1.56,0.64,1);
+      color: var(--bs-pin-text);
+      padding: 16px;
+      animation: bs-lp-pop-in 0.2s ease;
     }
     .bs-lp-form-label {
       display: block;
-      font-size: 10px;
-      color: #6b7280;
+      font-size: 12px;
+      color: var(--bs-pin-muted);
       margin-bottom: 4px;
-      margin-top: 10px;
-      font-weight: 700;
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
+      margin-top: 12px;
+      font-weight: 500;
     }
     .bs-lp-form-label:first-child { margin-top: 0; }
     .bs-lp-form input,
@@ -304,11 +449,11 @@ ${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{
       all: initial;
       display: block;
       width: 100%;
-      background: rgba(255,255,255,0.04);
-      border: 1px solid rgba(255,255,255,0.08);
-      border-radius: 8px;
-      padding: 8px 10px;
-      color: #e8eaed;
+      background: var(--bs-pin-input-bg);
+      border: 1px solid var(--bs-pin-border);
+      border-radius: 10px;
+      padding: 8px 12px;
+      color: var(--bs-pin-text);
       font-size: 13px;
       font-family: inherit;
       box-sizing: border-box;
@@ -323,21 +468,51 @@ ${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{
     .bs-lp-form textarea:focus,
     .bs-lp-form select:focus {
       border-color: #6E9ED0;
+      outline: none;
     }
     .bs-lp-form input::placeholder,
-    .bs-lp-form textarea::placeholder { color: #4b5563; }
+    .bs-lp-form textarea::placeholder { color: var(--bs-pin-muted); }
+    /* Segmented buttons for priority/category */
+    .bs-lp-seg-row {
+      display: flex;
+      gap: 0;
+      border: 1px solid var(--bs-pin-border);
+      border-radius: 10px;
+      overflow: hidden;
+    }
+    .bs-lp-seg-btn {
+      all: initial;
+      flex: 1;
+      padding: 7px 4px;
+      text-align: center;
+      font-size: 12px;
+      font-weight: 500;
+      font-family: inherit;
+      cursor: pointer;
+      color: var(--bs-pin-muted);
+      background: var(--bs-pin-input-bg);
+      border-right: 1px solid var(--bs-pin-border);
+      transition: all 0.15s;
+      box-sizing: border-box;
+    }
+    .bs-lp-seg-btn:last-child { border-right: none; }
+    .bs-lp-seg-btn:hover { color: var(--bs-pin-text); background: var(--bs-pin-hover); }
+    .bs-lp-seg-btn.bs-active {
+      background: #6E9ED0;
+      color: #fff;
+    }
     .bs-lp-form-btns {
       display: flex;
       gap: 8px;
-      margin-top: 12px;
+      margin-top: 14px;
     }
     .bs-lp-form-btns button {
       all: initial;
-      flex: 1;
-      padding: 9px;
-      border-radius: 8px;
-      font-size: 12px;
-      font-weight: 700;
+      padding: 9px 16px;
+      border-radius: 10px;
+      font-size: 13px;
+      font-weight: 600;
+      font-family: inherit;
       cursor: pointer;
       text-align: center;
       transition: opacity 0.15s;
@@ -345,97 +520,94 @@ ${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{
     .bs-lp-form-submit {
       background: #6E9ED0;
       color: #fff;
+      flex: 1;
     }
     .bs-lp-form-submit:hover { opacity: 0.85; }
     .bs-lp-form-cancel {
-      background: rgba(255,255,255,0.06);
-      color: #9ca3af;
+      background: transparent;
+      color: var(--bs-pin-muted);
     }
-    .bs-lp-form-cancel:hover { background: rgba(255,255,255,0.1); }
-  `,_.appendChild(e),Tn.appendChild(_),document.body.appendChild($),$.addEventListener("click",t=>{let n=t.clientX,r=t.clientY,s=null;try{$.style.setProperty("pointer-events","none","important"),s=document.elementFromPoint(n,r)}finally{$.style.setProperty("pointer-events","auto","important")}let o=n+window.scrollX,i=r+window.scrollY,a,d;if(s&&s!==document.body&&s!==document.documentElement){let p=s.getBoundingClientRect();if(p.width>0&&p.height>0)a=(n-p.left)/p.width,d=(r-p.top)/p.height;else{let b=document.documentElement.scrollWidth||document.body.scrollWidth||1,y=document.documentElement.scrollHeight||document.body.scrollHeight||1;a=o/b*100,d=i/y*100}}else{let p=document.documentElement.scrollWidth||document.body.scrollWidth||1,b=document.documentElement.scrollHeight||document.body.scrollHeight||1;a=o/p*100,d=i/b*100}To(o,i,a,d,n,r,s)})}async function Kr(){let e=await Mr(Yt,window.location.pathname);e.success&&e.data&&(z=e.data,Sn(z.map(t=>t.id)),pe())}async function ko(){let e=await zr(Yt);e.success&&e.data&&(_r=e.data)}function pe(){if(_){_.querySelectorAll(".bs-lp").forEach(e=>e.remove()),z.forEach((e,t)=>{let n=document.createElement("div");n.className="bs-lp",n.dataset.pinId=e.id;let r=Yr(e);n.style.left=r.left,n.style.top=r.top;let s=Xt[e.priority]||Xt.medium;n.innerHTML=`
-      <div class="bs-lp-dot" style="background:${s};color:${s}">
-        ${t+1}
-        <span class="bs-lp-ring"></span>
+    .bs-lp-form-cancel:hover { color: var(--bs-pin-text); }
+  `,Y.appendChild(t),me.appendChild(Y),document.body.appendChild(L),L.addEventListener("click",e=>{let n=e.clientX,r=e.clientY,s=null;try{L.style.setProperty("pointer-events","none","important"),s=document.elementFromPoint(n,r)}finally{L.style.setProperty("pointer-events","auto","important")}let o=n+window.scrollX,i=r+window.scrollY,a,c;if(s&&s!==document.body&&s!==document.documentElement){let p=s.getBoundingClientRect();if(p.width>0&&p.height>0)a=(n-p.left)/p.width,c=(r-p.top)/p.height;else{let b=document.documentElement.scrollWidth||document.body.scrollWidth||1,v=document.documentElement.scrollHeight||document.body.scrollHeight||1;a=o/b*100,c=i/v*100}}else{let p=document.documentElement.scrollWidth||document.body.scrollWidth||1,b=document.documentElement.scrollHeight||document.body.scrollHeight||1;a=o/p*100,c=i/b*100}Wo(o,i,a,c,n,r,s)})}async function ds(){let t=await Nr(en,window.location.pathname);t.success&&t.data&&($=t.data,$n($.map(e=>e.id)),gt())}async function jo(){let t=await Ur(en);t.success&&t.data&&(rs=t.data)}function gt(){if(Y){Y.querySelectorAll(".bs-lp").forEach(t=>t.remove()),$.forEach(t=>{let e=document.createElement("div");e.className="bs-lp",e.dataset.pinId=t.id;let n=os(as(t));e.style.left=n.left,e.style.top=n.top,n.hidden&&(e.style.display="none");let r=tn[t.status]||tn.open,s=In(t.creatorName||"U"),o=Hn(t.creatorName||"U"),i=t.creatorAvatar?`<img class="bs-lp-avatar" src="${mt(t.creatorAvatar)}" alt="" />`:`<div class="bs-lp-initials" style="background:${o}">${s}</div>`,a=t.commentCount>0?`<span class="bs-lp-badge">${t.commentCount>99?"99+":t.commentCount}</span>`:"";e.innerHTML=`
+      <div class="bs-lp-dot" style="border:2px solid ${r}; background:transparent;">
+        ${i}
+        ${a}
       </div>
-    `,n.addEventListener("click",o=>{o.stopPropagation(),Eo(e,n)}),_.appendChild(n)}),vo(),lt?.disconnect();for(let e of z){let t=Pn(e.elementSelector,e.elementXPath);t&&lt?.observe(t)}}}function Fr(e){let t=typeof e=="string"?new Date(e).getTime():e;if(isNaN(t))return"";let n=Date.now()-t,r=Math.floor(n/6e4);if(r<1)return"just now";if(r<60)return`${r}m ago`;let s=Math.floor(r/60);return s<24?`${s}h ago`:`${Math.floor(s/24)}d ago`}function Wr(e){requestAnimationFrame(()=>{let t=e.getBoundingClientRect(),n=16;t.right>window.innerWidth-n&&(e.style.left="auto",e.style.right="34px"),t.left<n&&(e.style.left=`${n}px`,e.style.right="auto");let r=e.getBoundingClientRect();r.bottom>window.innerHeight-n&&(e.style.top="auto",e.style.bottom="0"),r.top<n&&(e.style.top=`${n}px`,e.style.bottom="auto")})}async function Eo(e,t){he();let n=document.createElement("div");n.className="bs-lp-popup";let r=ne(),s=r&&(r.role==="owner"||r.role==="admin"||r.id===e.createdBy),o=Ur[e.status]||Ur.open,i=Xt[e.priority]||Xt.medium,a=e.priority?e.priority.charAt(0).toUpperCase()+e.priority.slice(1):"Medium";n.innerHTML=`
+    `,e.addEventListener("click",c=>{c.stopPropagation(),qo(t,e)}),Y.appendChild(e)}),Oo(),fe?.disconnect();for(let t of $){let e=zn(t.elementSelector,t.elementXPath);e&&fe?.observe(e)}}}function ps(t){let e=typeof t=="string"?new Date(t).getTime():t;if(isNaN(e))return"";let n=Date.now()-e,r=Math.floor(n/6e4);if(r<1)return"just now";if(r<60)return`${r}m ago`;let s=Math.floor(r/60);return s<24?`${s}h ago`:`${Math.floor(s/24)}d ago`}function Zr(t){requestAnimationFrame(()=>{let e=t.getBoundingClientRect(),n=16,r=0,s=0;if(e.right>window.innerWidth-n&&(r=window.innerWidth-n-e.right),e.left+r<n&&(r=n-e.left),e.bottom>window.innerHeight-n&&(s=window.innerHeight-n-e.bottom),e.top+s<n&&(s=n-e.top),r!==0||s!==0){let o=parseFloat(t.style.left)||0,i=parseFloat(t.style.top)||0;t.style.left=`${o+r}px`,t.style.top=`${i+s}px`,t.style.right="auto",t.style.bottom="auto"}})}async function qo(t,e){xt();let n=document.createElement("div");n.className="bs-lp-popup";let r=ot(),s=t.createdBy||t.createdById,o=r&&(r.role==="owner"||r.role==="admin"||r.id===s),i=tn[t.status]||tn.open,a=Qr[t.priority]||Qr.medium,c=t.priority?t.priority.charAt(0).toUpperCase()+t.priority.slice(1):"Medium",p=In(t.creatorName||"U"),b=Hn(t.creatorName||"U"),v=t.creatorAvatar?`<img src="${mt(t.creatorAvatar)}" alt="" style="width:100%;height:100%;object-fit:cover;border-radius:50%;" />`:`<span>${p}</span>`,S=t.status.replace("_"," "),D='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>',R='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>';n.innerHTML=`
     <div class="bs-lp-popup-hdr">
-      <div class="bs-lp-popup-title">${de(e.title)}</div>
-      <span class="bs-lp-popup-badge" style="background:${i}18;color:${i}">${a}</span>
-      <span class="bs-lp-popup-badge" style="background:${o}18;color:${o}">${e.status.replace("_"," ")}</span>
-      <button class="bs-lp-popup-close">&times;</button>
-    </div>
-    ${e.description?`<div class="bs-lp-popup-desc">${de(e.description)}</div>`:""}
-    <div class="bs-lp-popup-info">
-      <span>${e.creatorName||"Unknown"} &middot; ${Fr(e.createdAt)}</span>
-      <span>${e.assigneeName?`\u2192 ${e.assigneeName}`:"Unassigned"}</span>
+      <div class="bs-lp-popup-hdr-avatar" style="background:${b}">
+        ${v}
+      </div>
+      <div class="bs-lp-popup-hdr-body">
+        <div class="bs-lp-popup-title">${mt(t.title)}</div>
+        <div class="bs-lp-popup-meta">
+          <span>${t.creatorName||"Unknown"}</span>
+          <span>&middot;</span>
+          <span>${ps(t.createdAt)}</span>
+          <span class="bs-lp-popup-pill" style="background:${i}18;color:${i}">${S}</span>
+          <span class="bs-lp-popup-pill" style="background:${a}18;color:${a}">${c}</span>
+        </div>
+      </div>
+      <button class="bs-lp-popup-close">${R}</button>
     </div>
+    ${t.description?`<div class="bs-lp-popup-desc">${mt(t.description)}</div>`:""}
+    ${t.assigneeName?`<div class="bs-lp-popup-info"><span>Assigned to ${mt(t.assigneeName)}</span></div>`:""}
     <div class="bs-lp-cmts" id="bs-lp-cmts">
-      <div class="bs-lp-cmt" style="text-align:center;color:#4b5563;padding:12px">Loading comments...</div>
+      <div style="text-align:center;color:var(--bs-pin-muted);padding:12px;font-size:12px">Loading comments...</div>
     </div>
     <div class="bs-lp-input">
-      <input type="text" placeholder="Add a comment..." id="bs-lp-cmt-in" name="pin-comment" />
-      <button id="bs-lp-cmt-send">Send</button>
+      <input type="text" placeholder="Write a comment..." id="bs-lp-cmt-in" name="pin-comment" />
+      <button id="bs-lp-cmt-send">${D}</button>
     </div>
     <div class="bs-lp-acts">
-      ${e.status!=="resolved"?'<button class="bs-lp-act resolve" id="bs-lp-resolve">Resolve</button>':'<button class="bs-lp-act" id="bs-lp-reopen">Reopen</button>'}
-      ${s?'<button class="bs-lp-act delete" id="bs-lp-delete">Delete</button>':""}
+      ${t.status!=="resolved"?'<button class="bs-lp-act resolve" id="bs-lp-resolve">&#10003; Resolve</button>':'<button class="bs-lp-act" id="bs-lp-reopen">&#8634; Reopen</button>'}
+      ${o?'<button class="bs-lp-act delete" id="bs-lp-delete">&#10005; Delete</button>':""}
     </div>
-  `,t.appendChild(n),Ue=n,Rr(e.id).then(p=>{let b=n.querySelector("#bs-lp-cmts");if(!b)return;let y=p.success&&p.data?p.data:[];b.innerHTML=y.length?y.map(w=>`
-        <div class="bs-lp-cmt">
-          <div class="bs-lp-cmt-top">
-            <span class="bs-lp-cmt-author">${de(w.author?.name||w.authorName||"Unknown")}</span>
-            <span class="bs-lp-cmt-time">${Fr(new Date(w.createdAt).getTime())}</span>
-          </div>
-          <div class="bs-lp-cmt-body">${de(w.body)}</div>
-        </div>
-      `).join(""):"",Wr(n)}),Wr(n),n.querySelector(".bs-lp-popup-close").addEventListener("click",p=>{p.stopPropagation(),he()}),n.querySelector("#bs-lp-cmt-send")?.addEventListener("click",async()=>{let p=n.querySelector("#bs-lp-cmt-in"),b=p.value.trim();if(b)if(p.value="",navigator.onLine){let y=await xn(e.id,b);if(y.success&&y.data){let w=n.querySelector("#bs-lp-cmts"),k=y.data;w.innerHTML+=`
-          <div class="bs-lp-cmt">
-            <div class="bs-lp-cmt-top">
-              <span class="bs-lp-cmt-author">${de(k.authorName||r?.name||"You")}</span>
-              <span class="bs-lp-cmt-time">just now</span>
-            </div>
-            <div class="bs-lp-cmt-body">${de(k.body)}</div>
-          </div>
-        `,w.scrollTop=w.scrollHeight}}else wn({type:"create_comment",data:{pinId:e.id,body:b}})}),n.querySelector("#bs-lp-cmt-in")?.addEventListener("keydown",p=>{p.key==="Enter"&&n.querySelector("#bs-lp-cmt-send")?.dispatchEvent(new Event("click"))}),n.querySelector("#bs-lp-resolve")?.addEventListener("click",async()=>{await Ot(e.id,{status:"resolved"}),e.status="resolved",he(),pe()}),n.querySelector("#bs-lp-reopen")?.addEventListener("click",async()=>{await Ot(e.id,{status:"open"}),e.status="open",he(),pe()});let d=!1;n.querySelector("#bs-lp-delete")?.addEventListener("click",async()=>{d||confirm("Delete this pin?")&&(d=!0,await Ar(e.id),z=z.filter(p=>p.id!==e.id),he(),pe())}),n.addEventListener("click",p=>p.stopPropagation())}function he(){Ue?.remove(),Ue=null}var Ln=e=>e?typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(e):e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g,"\\$1"):"";function So(e){if(!e||e===document.body||e===document.documentElement)return["body"];let t=[];for(let r of["data-testid","data-test-id","data-cy"]){let s=e.getAttribute(r);if(s){t.push(`[${r}="${Ln(s)}"]`);break}}if(e.id)try{let r=`#${Ln(e.id)}`;document.querySelectorAll(r).length===1&&t.push(r)}catch{}let n=e.getAttribute("aria-label");if(n){let r=`${e.tagName.toLowerCase()}[aria-label="${Ln(n)}"]`;try{document.querySelectorAll(r).length===1&&t.push(r)}catch{}}return t.push(Lo(e)),t}function Lo(e){let t=[],n=e;for(;n&&n!==document.body&&n!==document.documentElement;){let r=n,s=r.parentElement;if(!s)break;let o=r.tagName.toLowerCase(),i=Array.from(s.children).filter(a=>a.tagName===r.tagName);i.length>1&&(o+=`:nth-of-type(${i.indexOf(r)+1})`),t.unshift(o),n=s}return t.join(" > ")}function Co(e){if(!e)return"";let t=[],n=e;for(;n&&n!==document.body;){let r=1,s=n.previousElementSibling;for(;s;)s.tagName===n.tagName&&r++,s=s.previousElementSibling;t.unshift(`${n.tagName.toLowerCase()}[${r}]`),n=n.parentElement}return"/body/"+t.join("/")}function To(e,t,n,r,s,o,i){he(),_?.querySelectorAll(".bs-lp-form").forEach(k=>k.remove());let a=document.createElement("div");a.className="bs-lp-form";let d=Math.min(300,window.innerWidth-32),p=16,b=s+p,y=o-8;b+d>window.innerWidth-p&&(b=s-d-p),b<p&&(b=p),a.style.left=`${b}px`,a.style.top=`${y}px`,requestAnimationFrame(()=>{let k=a.getBoundingClientRect();k.bottom>window.innerHeight-p&&(a.style.top=`${Math.max(p,o-k.height)}px`)});let w=_r.filter(k=>k.userId!==ne()?.id).map(k=>`<option value="${k.userId}">${de(k.name)}</option>`).join("");a.innerHTML=`
-    <label class="bs-lp-form-label">Title *</label>
+  `,e.appendChild(n),Jt=n,qr(t.id).then(w=>{let E=n.querySelector("#bs-lp-cmts");if(!E)return;let T=w.success&&w.data?w.data:[];E.innerHTML=T.length?T.map(pt=>Rn(pt)).join(""):"",Zr(n)}),Zr(n),n.querySelector(".bs-lp-popup-close").addEventListener("click",w=>{w.stopPropagation(),xt()}),n.querySelector("#bs-lp-cmt-send")?.addEventListener("click",async()=>{let w=n.querySelector("#bs-lp-cmt-in"),E=w.value.trim();if(E)if(w.value="",navigator.onLine){let T=await Ln(t.id,E);if(T.success&&T.data){let pt=n.querySelector("#bs-lp-cmts");pt.innerHTML+=Rn(T.data),pt.scrollTop=pt.scrollHeight}}else Cn({type:"create_comment",data:{pinId:t.id,body:E}})}),n.querySelector("#bs-lp-cmt-in")?.addEventListener("keydown",w=>{w.key==="Enter"&&n.querySelector("#bs-lp-cmt-send")?.dispatchEvent(new Event("click"))}),n.querySelector("#bs-lp-resolve")?.addEventListener("click",async()=>{await Ye(t.id,{status:"resolved"});let w=$.findIndex(E=>E.id===t.id);w>=0&&($=$.map((E,T)=>T===w?{...E,status:"resolved"}:E)),xt(),gt()}),n.querySelector("#bs-lp-reopen")?.addEventListener("click",async()=>{await Ye(t.id,{status:"open"});let w=$.findIndex(E=>E.id===t.id);w>=0&&($=$.map((E,T)=>T===w?{...E,status:"open"}:E)),xt(),gt()});let Z=!1;n.querySelector("#bs-lp-delete")?.addEventListener("click",async()=>{Z||confirm("Delete this pin?")&&(Z=!0,await jr(t.id),$=$.filter(w=>w.id!==t.id),xt(),gt())}),n.addEventListener("click",w=>w.stopPropagation())}function xt(){Jt?.remove(),Jt=null}var Mn=t=>t?typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(t):t.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g,"\\$1"):"";function Uo(t){if(!t||t===document.body||t===document.documentElement)return["body"];let e=[];for(let r of["data-testid","data-test-id","data-cy"]){let s=t.getAttribute(r);if(s){e.push(`[${r}="${Mn(s)}"]`);break}}if(t.id)try{let r=`#${Mn(t.id)}`;document.querySelectorAll(r).length===1&&e.push(r)}catch{}let n=t.getAttribute("aria-label");if(n){let r=`${t.tagName.toLowerCase()}[aria-label="${Mn(n)}"]`;try{document.querySelectorAll(r).length===1&&e.push(r)}catch{}}return e.push(Fo(t)),e}function Fo(t){let e=[],n=t;for(;n&&n!==document.body&&n!==document.documentElement;){let r=n,s=r.parentElement;if(!s)break;let o=r.tagName.toLowerCase(),i=Array.from(s.children).filter(a=>a.tagName===r.tagName);i.length>1&&(o+=`:nth-of-type(${i.indexOf(r)+1})`),e.unshift(o),n=s}return e.join(" > ")}function _o(t){if(!t)return"";let e=[],n=t;for(;n&&n!==document.body;){let r=1,s=n.previousElementSibling;for(;s;)s.tagName===n.tagName&&r++,s=s.previousElementSibling;e.unshift(`${n.tagName.toLowerCase()}[${r}]`),n=n.parentElement}return"/body/"+e.join("/")}function Wo(t,e,n,r,s,o,i){xt(),Y?.querySelectorAll(".bs-lp-form").forEach(R=>R.remove());let a=document.createElement("div");a.className="bs-lp-form";let c=Math.min(300,window.innerWidth-32),p=16,b=s+p,v=o-8;b+c>window.innerWidth-p&&(b=s-c-p),b<p&&(b=p);let S=Gr(b,v);a.style.left=S.left,a.style.top=S.top,requestAnimationFrame(()=>{let R=a.getBoundingClientRect();if(R.bottom>window.innerHeight-p){let Z=Gr(b,Math.max(p,o-R.height));a.style.top=Z.top}});let D=rs.filter(R=>R.userId!==ot()?.id).map(R=>`<option value="${R.userId}">${mt(R.name)}</option>`).join("");a.innerHTML=`
+    <label class="bs-lp-form-label">Title</label>
     <input type="text" id="bs-np-title" name="pin-title" placeholder="What's the issue?" autofocus />
     <label class="bs-lp-form-label">Description</label>
-    <textarea id="bs-np-desc" name="pin-desc" placeholder="Describe the problem..."></textarea>
+    <textarea id="bs-np-desc" name="pin-desc" placeholder="Add more details..."></textarea>
     <label class="bs-lp-form-label">Priority</label>
-    <select id="bs-np-priority" name="pin-priority">
-      <option value="low">Low</option>
-      <option value="medium" selected>Medium</option>
-      <option value="high">High</option>
-      <option value="critical">Critical</option>
-    </select>
+    <div class="bs-lp-seg-row" id="bs-np-priority-row">
+      <button class="bs-lp-seg-btn" data-value="low">Low</button>
+      <button class="bs-lp-seg-btn bs-active" data-value="medium">Medium</button>
+      <button class="bs-lp-seg-btn" data-value="high">High</button>
+      <button class="bs-lp-seg-btn" data-value="critical">Critical</button>
+    </div>
     <label class="bs-lp-form-label">Category</label>
-    <select id="bs-np-category" name="pin-category">
-      <option value="ui">UI</option>
-      <option value="functionality">Functionality</option>
-      <option value="performance">Performance</option>
-      <option value="content">Content</option>
-      <option value="other" selected>Other</option>
-    </select>
-    ${w?`
+    <div class="bs-lp-seg-row" id="bs-np-category-row">
+      <button class="bs-lp-seg-btn" data-value="ui">UI</button>
+      <button class="bs-lp-seg-btn" data-value="functionality">Func</button>
+      <button class="bs-lp-seg-btn" data-value="performance">Perf</button>
+      <button class="bs-lp-seg-btn" data-value="content">Content</button>
+      <button class="bs-lp-seg-btn bs-active" data-value="other">Other</button>
+    </div>
+    ${D?`
       <label class="bs-lp-form-label">Assign to</label>
       <select id="bs-np-assignee" name="pin-assignee">
         <option value="">Unassigned</option>
-        ${w}
+        ${D}
       </select>
     `:""}
     <div class="bs-lp-form-btns">
       <button class="bs-lp-form-cancel" id="bs-np-cancel">Cancel</button>
-      <button class="bs-lp-form-submit" id="bs-np-submit">Create Pin</button>
+      <button class="bs-lp-form-submit" id="bs-np-submit">Create pin</button>
     </div>
-  `,_.appendChild(a),a.addEventListener("click",k=>k.stopPropagation()),a.querySelector("#bs-np-cancel").addEventListener("click",()=>a.remove()),a.querySelector("#bs-np-submit").addEventListener("click",async()=>{let k=a.querySelector("#bs-np-title").value.trim();if(!k){a.querySelector("#bs-np-title").style.borderColor="#ef4444";return}let me=a.querySelector("#bs-np-submit");me.textContent="Creating...",me.style.opacity="0.6",me.style.pointerEvents="none";let Ye=a.querySelector("#bs-np-desc").value.trim(),D=a.querySelector("#bs-np-priority").value,B=a.querySelector("#bs-np-category").value,gt=a.querySelector("#bs-np-assignee")?.value||void 0,re=JSON.stringify(So(i)),xe=Co(i),ve=le().slice(-20).map(q=>`[${q.level}] ${q.args.join(" ")}`),v=ce().slice(-10).map(q=>`${q.message} at ${q.source}:${q.lineno}`),ee=fe().slice(-10).map(q=>`${q.method} ${q.url} \u2192 ${q.status}`),Le={projectId:Yt,pageUrl:window.location.href,pathname:window.location.pathname,elementSelector:re,elementXPath:xe,xPercent:n,yPercent:r,pageX:e,pageY:t,title:k,description:Ye,priority:D,category:B,assigneeId:gt,browserInfo:navigator.userAgent,screenSize:`${screen.width}x${screen.height}`,viewportSize:`${window.innerWidth}x${window.innerHeight}`,devicePixelRatio:window.devicePixelRatio,consoleLogs:ve,networkErrors:ee,jsErrors:v};if(a.remove(),navigator.onLine){let q=await yn(Le);q.success&&q.data&&(z.push(q.data),pe())}else wn({type:"create_pin",data:Le}),z.push({...Le,id:"local-"+Date.now(),orgId:"",status:"open",tags:[],createdById:ne()?.id||"",creatorName:ne()?.name||"",commentCount:0,createdAt:Date.now(),updatedAt:Date.now()}),pe()}),setTimeout(()=>a.querySelector("#bs-np-title")?.focus(),50)}function Po(){at("pin:created",e=>{let t=e.data;t.pathname===window.location.pathname&&(z.find(n=>n.id===t.id)||(z.push(t),Sn(z.map(n=>n.id)),pe()))}),at("pin:updated",e=>{let t=e.data,n=z.findIndex(r=>r.id===t.id);n>=0&&(z[n]={...z[n],...t},pe())}),at("pin:deleted",e=>{let{id:t}=e.data;z=z.filter(n=>n.id!==t),he(),pe()}),at("comment:created",e=>{let t=e.data;if(Ue){let n=Ue.querySelector("#bs-lp-cmts");n&&(n.innerHTML+=`
-          <div class="bs-lp-cmt">
-            <div class="bs-lp-cmt-top">
-              <span class="bs-lp-cmt-author">${de(t.author?.name||"Someone")}</span>
-              <span class="bs-lp-cmt-time">just now</span>
-            </div>
-            <div class="bs-lp-cmt-body">${de(t.body)}</div>
-          </div>
-        `,n.scrollTop=n.scrollHeight)}})}function $o(){let e=window.location.pathname,t=()=>{window.location.pathname!==e&&(e=window.location.pathname,window.location.href,Kr())},n=history.pushState,r=history.replaceState;history.pushState=function(...s){n.apply(this,s),t()},history.replaceState=function(...s){r.apply(this,s),t()},window.addEventListener("popstate",t)}function de(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}var V,O=null,I=null,h=null,G=null,dt=null,pt=null,oe=null,Q=!1,Jt=!1,We="report";var ye=Dr(),Ee=Br(),H={bug:'<svg width="28" height="28" viewBox="55 38 60 105" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M95.8 44h-29c-3 0-5.4 2.4-5.4 5.4v29c0 3 2.4 5.4 5.4 5.4h19.5c13 0 23.5-10.5 23.5-23.5v-2.8c0-7.5-6-13.5-13.5-13.5h-.5zm-6.2 28.2H74.8V57.4h14.8c5.8 0 10.4 4.7 10.4 10.4s-4.7 10.4-10.4 10.4z" fill="rgba(255,255,255,0.85)"/><path d="M100.4 96h-33.6c-3 0-5.4 2.4-5.4 5.4v33.6c0 3 2.4 5.4 5.4 5.4h22c15 0 27-12 27-27v-3.9c0-7.5-6-13.5-13.5-13.5h-1.9zm-7.8 32.2H74.8v-20h17.8c6.7 0 12.2 5.5 12.2 12.2 0 4.3-3.5 7.8-7.8 7.8h-4.6z" fill="rgba(255,255,255,1)"/></svg>',x:'<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',cam:'<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>',check:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg>',report:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>',console:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"/><line x1="12" y1="19" x2="20" y2="19"/></svg>',network:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>',ctx:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>',settings:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="21" x2="4" y2="14"/><line x1="4" y1="10" x2="4" y2="3"/><line x1="12" y1="21" x2="12" y2="12"/><line x1="12" y1="8" x2="12" y2="3"/><line x1="20" y1="21" x2="20" y2="16"/><line x1="20" y1="12" x2="20" y2="3"/><line x1="1" y1="14" x2="7" y2="14"/><line x1="9" y1="8" x2="15" y2="8"/><line x1="17" y1="16" x2="23" y2="16"/></svg>',history:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>',pin:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>',sun:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>',moon:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>',keyboard:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="2" y="4" width="20" height="16" rx="2"/><line x1="6" y1="8" x2="6" y2="8"/><line x1="10" y1="8" x2="10" y2="8"/><line x1="14" y1="8" x2="14" y2="8"/><line x1="18" y1="8" x2="18" y2="8"/><line x1="8" y1="12" x2="16" y2="12"/><line x1="6" y1="16" x2="18" y2="16"/></svg>'},Mo=`
+  `,Y.appendChild(a),a.addEventListener("click",R=>R.stopPropagation()),es(a,"#bs-np-priority-row"),es(a,"#bs-np-category-row"),a.querySelector("#bs-np-cancel").addEventListener("click",()=>a.remove()),a.querySelector("#bs-np-submit").addEventListener("click",async()=>{let R=a.querySelector("#bs-np-title").value.trim();if(!R){a.querySelector("#bs-np-title").style.borderColor="#ef4444";return}let Z=a.querySelector("#bs-np-submit");Z.textContent="Creating...",Z.style.opacity="0.6",Z.style.pointerEvents="none";let w=a.querySelector("#bs-np-desc").value.trim(),E=ns(a,"#bs-np-priority-row")||"medium",T=ns(a,"#bs-np-category-row")||"other",lt=a.querySelector("#bs-np-assignee")?.value||void 0,Lt=JSON.stringify(Uo(i)),St=_o(i),k=ut().slice(-20).map(B=>`[${B.level}] ${B.args.join(" ")}`),rt=ft().slice(-10).map(B=>`${B.message} at ${B.source}:${B.lineno}`),Ee=vt().slice(-10).map(B=>`${B.method} ${B.url} \u2192 ${B.status}`),te={projectId:en,pageUrl:window.location.href,pathname:window.location.pathname,elementSelector:Lt,elementXPath:St,xPercent:n,yPercent:r,pageX:t,pageY:e,title:R,description:w,priority:E,category:T,assigneeId:lt,browserInfo:navigator.userAgent,screenSize:`${screen.width}x${screen.height}`,viewportSize:`${window.innerWidth}x${window.innerHeight}`,devicePixelRatio:window.devicePixelRatio,consoleLogs:k,networkErrors:Ee,jsErrors:rt};if(a.remove(),navigator.onLine){let B=await En(te);B.success&&B.data&&($=[...$,B.data],gt())}else{Cn({type:"create_pin",data:te});let B=ot();$=[...$,{...te,id:"local-"+Date.now(),orgId:"",status:"open",tags:[],createdBy:B?.id||"",creatorName:B?.name||"",commentCount:0,createdAt:Date.now(),updatedAt:Date.now()}],gt()}}),setTimeout(()=>a.querySelector("#bs-np-title")?.focus(),50)}function Yo(){ue("pin:created",t=>{let e=t.data;e.pathname===window.location.pathname&&($.find(n=>n.id===e.id)||($=[...$,e],$n($.map(n=>n.id)),gt()))}),ue("pin:updated",t=>{let e=t.data,n=$.findIndex(r=>r.id===e.id);n>=0&&($=$.map((r,s)=>s===n?{...r,...e}:r),gt())}),ue("pin:deleted",t=>{let{id:e}=t.data;$=$.filter(n=>n.id!==e),xt(),gt()}),ue("comment:created",t=>{let e=t.data;if(Jt){let n=Jt.querySelector("#bs-lp-cmts");n&&(n.innerHTML+=Rn(e),n.scrollTop=n.scrollHeight)}})}function Xo(){let t=window.location.pathname,e=()=>{window.location.pathname!==t&&(t=window.location.pathname,window.location.href,ds())},n=history.pushState,r=history.replaceState;history.pushState=function(...s){n.apply(this,s),e()},history.replaceState=function(...s){r.apply(this,s),e()},window.addEventListener("popstate",e)}function In(t){return t.split(" ").map(e=>e[0]||"").join("").toUpperCase().slice(0,2)||"U"}var ts=["linear-gradient(135deg, #667eea, #764ba2)","linear-gradient(135deg, #f093fb, #f5576c)","linear-gradient(135deg, #4facfe, #00f2fe)","linear-gradient(135deg, #43e97b, #38f9d7)","linear-gradient(135deg, #fa709a, #fee140)","linear-gradient(135deg, #a18cd1, #fbc2eb)","linear-gradient(135deg, #fccb90, #d57eeb)","linear-gradient(135deg, #e0c3fc, #8ec5fc)"];function Hn(t){let e=0;for(let n=0;n<t.length;n++)e=(e<<5)-e+t.charCodeAt(n)|0;return ts[Math.abs(e)%ts.length]}function Rn(t){let e=t.author?.name||t.authorName||"Unknown",n=t.author?.avatar||t.authorAvatar,r=In(e),s=Hn(e),o=n?`<img src="${mt(n)}" alt="" />`:`<span style="font-size:8px">${r}</span>`;return`
+    <div class="bs-lp-cmt">
+      <div class="bs-lp-cmt-avatar" style="background:${s}">
+        ${o}
+      </div>
+      <div class="bs-lp-cmt-content">
+        <div class="bs-lp-cmt-top">
+          <span class="bs-lp-cmt-author">${mt(e)}</span>
+          <span class="bs-lp-cmt-time">${ps(t.createdAt?new Date(t.createdAt).getTime():Date.now())}</span>
+        </div>
+        <div class="bs-lp-cmt-body">${mt(t.body)}</div>
+      </div>
+    </div>
+  `}function es(t,e){let n=t.querySelector(e);n&&n.querySelectorAll(".bs-lp-seg-btn").forEach(r=>{r.addEventListener("click",s=>{s.preventDefault(),s.stopPropagation(),n.querySelectorAll(".bs-lp-seg-btn").forEach(o=>o.classList.remove("bs-active")),r.classList.add("bs-active")})})}function ns(t,e){return t.querySelector(`${e} .bs-lp-seg-btn.bs-active`)?.dataset.value||""}function mt(t){let e=document.createElement("div");return e.textContent=t,e.innerHTML}var G,x=null,P=null,g=null,et=null,ge=null,Et=null,wt=null,J=null,K=!1,rn=!1,Mt=!1,he=null,Dn=null,us="bugstash_fab_position",Gt="report";var it=Wr(),At=Yr(),O={bug:'<svg width="28" height="28" viewBox="55 38 60 105" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M95.8 44h-29c-3 0-5.4 2.4-5.4 5.4v29c0 3 2.4 5.4 5.4 5.4h19.5c13 0 23.5-10.5 23.5-23.5v-2.8c0-7.5-6-13.5-13.5-13.5h-.5zm-6.2 28.2H74.8V57.4h14.8c5.8 0 10.4 4.7 10.4 10.4s-4.7 10.4-10.4 10.4z" fill="rgba(255,255,255,0.85)"/><path d="M100.4 96h-33.6c-3 0-5.4 2.4-5.4 5.4v33.6c0 3 2.4 5.4 5.4 5.4h22c15 0 27-12 27-27v-3.9c0-7.5-6-13.5-13.5-13.5h-1.9zm-7.8 32.2H74.8v-20h17.8c6.7 0 12.2 5.5 12.2 12.2 0 4.3-3.5 7.8-7.8 7.8h-4.6z" fill="rgba(255,255,255,1)"/></svg>',x:'<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',cam:'<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>',check:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg>',report:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>',console:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"/><line x1="12" y1="19" x2="20" y2="19"/></svg>',network:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>',ctx:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>',settings:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="21" x2="4" y2="14"/><line x1="4" y1="10" x2="4" y2="3"/><line x1="12" y1="21" x2="12" y2="12"/><line x1="12" y1="8" x2="12" y2="3"/><line x1="20" y1="21" x2="20" y2="16"/><line x1="20" y1="12" x2="20" y2="3"/><line x1="1" y1="14" x2="7" y2="14"/><line x1="9" y1="8" x2="15" y2="8"/><line x1="17" y1="16" x2="23" y2="16"/></svg>',history:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>',pin:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>',sun:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>',moon:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>',keyboard:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="2" y="4" width="20" height="16" rx="2"/><line x1="6" y1="8" x2="6" y2="8"/><line x1="10" y1="8" x2="10" y2="8"/><line x1="14" y1="8" x2="14" y2="8"/><line x1="18" y1="8" x2="18" y2="8"/><line x1="8" y1="12" x2="16" y2="12"/><line x1="6" y1="16" x2="18" y2="16"/></svg>'},Vo=`
   /* \u2500\u2500 Shadow Boundary Reset \u2500\u2500
    * Cuts ALL inherited CSS from host page (color, font, line-height, etc.)
    * Every element below must declare its own styles explicitly. */
@@ -461,13 +633,21 @@ ${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{
     border-radius: var(--bs-radius);
     background: linear-gradient(135deg, var(--bs-fab1), var(--bs-fab2));
     color: #fff;
-    cursor: pointer;
+    cursor: grab;
     box-shadow: 0 4px 24px rgba(0,0,0,0.3), 0 0 0 0 rgba(0,0,0,0.15);
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.35s cubic-bezier(0.34,1.56,0.64,1);
     animation: bs-pulse 3s ease-in-out infinite;
+    touch-action: none;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+  .bs-fab.bs-dragging {
+    cursor: grabbing;
+    transition: none;
+    animation: none;
   }
   .bs-fab:hover {
     transform: scale(1.08) translateY(-2px);
@@ -1521,7 +1701,7 @@ ${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{
   .bs-set-ly.bs-picked { border-color: var(--bs-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--bs-accent) 25%, transparent); }
   .bs-set-ly-name { font-size: 12px; font-weight: 600; color: var(--bs-text); margin-bottom: 2px; }
   .bs-set-ly-desc { font-size: 10px; color: var(--bs-muted); }
-`;function Ao(){return`
+`;function Jo(){return`
     <div class="bs-login-form">
       <div class="bs-login-logo">BugStash</div>
       <div class="bs-login-subtitle">Sign in to report bugs & collaborate</div>
@@ -1531,11 +1711,11 @@ ${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{
       <button class="bs-login-btn" id="bs-login-submit">Sign In</button>
       <div style="font-size:11px;color:var(--bs-muted);margin-top:4px">Contact your admin for an account</div>
     </div>
-  `}function A(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function Ro(e){let t=Math.floor((Date.now()-e)/1e3);return t<5?"now":t<60?`${t}s ago`:t<3600?`${Math.floor(t/60)}m ago`:new Date(e).toLocaleTimeString()}function Qr(e){return new Date(e).toLocaleTimeString("en",{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"})}var Zr="bugstash_history";function _e(){try{return JSON.parse(localStorage.getItem(Zr)||"[]")}catch{return[]}}function Mn(e){try{localStorage.setItem(Zr,JSON.stringify(e))}catch{}}function zo(e){let t=_e(),n=Date.now();t.unshift({...e,id:n}),t.length>50&&(t.length=50),Mn(t)}function Io(e){let t=_e().filter(n=>n.id!==e);Mn(t)}function Ho(e,t){let n=_e(),r=n.findIndex(s=>s.id===e);r>=0&&(n[r]={...n[r],...t},Mn(n))}function es(){return{url:window.location.href,userAgent:navigator.userAgent,platform:navigator.platform,language:navigator.language,cookiesEnabled:navigator.cookieEnabled,online:navigator.onLine,screenWidth:screen.width,screenHeight:screen.height,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,devicePixelRatio:window.devicePixelRatio,timestamp:Date.now(),environment:V.environment??"development",commitHash:V.commitHash,user:V.user}}function ts(){let e=ce(),t=le(),n=Me(),r=fe(),s=Te(),o=Ae(),i=t.filter(p=>p.level==="error"),a="low";e.length>=3||r.length>=3?a="critical":e.length>=1||r.length>=2?a="high":(i.length>0||r.length>=1)&&(a="medium");let d=[];return e.length&&d.push("has-errors"),r.length&&d.push("network-failures"),i.length&&d.push("console-errors"),o?.pageLoadTime&&o.pageLoadTime>3e3&&d.push("slow-load"),o?.cumulativeLayoutShift&&o.cumulativeLayoutShift>.25&&d.push("layout-shift"),navigator.onLine||d.push("offline"),window.innerWidth<768&&d.push("mobile"),{severity:a,tags:d,counts:{logs:t.length,network:n.length,failedNet:r.length,errors:e.length,crumbs:s.length}}}function ns(){let e=ts(),t=[{id:"ui",label:"UI"},{id:"functionality",label:"Feature"},{id:"performance",label:"Speed"},{id:"crash",label:"Crash"},{id:"security",label:"Security"},{id:"other",label:"Other"}],n=e.counts.errors>0||e.counts.failedNet>0;return`<div class="bs-view">
+  `}function j(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function Ko(t){let e=Math.floor((Date.now()-t)/1e3);return e<5?"now":e<60?`${e}s ago`:e<3600?`${Math.floor(e/60)}m ago`:new Date(t).toLocaleTimeString()}function fs(t){return new Date(t).toLocaleTimeString("en",{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"})}var ms="bugstash_history";function Qt(){try{return JSON.parse(localStorage.getItem(ms)||"[]")}catch{return[]}}function On(t){try{localStorage.setItem(ms,JSON.stringify(t))}catch{}}function Go(t){let e=Qt(),n=Date.now();e.unshift({...t,id:n}),e.length>50&&(e.length=50),On(e)}function Qo(t){let e=Qt().filter(n=>n.id!==t);On(e)}function Zo(t,e){let n=Qt(),r=n.findIndex(s=>s.id===t);r>=0&&(n[r]={...n[r],...e},On(n))}function gs(){return{url:window.location.href,userAgent:navigator.userAgent,platform:navigator.platform,language:navigator.language,cookiesEnabled:navigator.cookieEnabled,online:navigator.onLine,screenWidth:screen.width,screenHeight:screen.height,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,devicePixelRatio:window.devicePixelRatio,timestamp:Date.now(),environment:G.environment??"development",commitHash:G.commitHash,user:G.user}}function hs(){let t=ft(),e=ut(),n=Dt(),r=vt(),s=zt(),o=Bt(),i=e.filter(p=>p.level==="error"),a="low";t.length>=3||r.length>=3?a="critical":t.length>=1||r.length>=2?a="high":(i.length>0||r.length>=1)&&(a="medium");let c=[];return t.length&&c.push("has-errors"),r.length&&c.push("network-failures"),i.length&&c.push("console-errors"),o?.pageLoadTime&&o.pageLoadTime>3e3&&c.push("slow-load"),o?.cumulativeLayoutShift&&o.cumulativeLayoutShift>.25&&c.push("layout-shift"),navigator.onLine||c.push("offline"),window.innerWidth<768&&c.push("mobile"),{severity:a,tags:c,counts:{logs:e.length,network:n.length,failedNet:r.length,errors:t.length,crumbs:s.length}}}function vs(){let t=hs(),e=[{id:"ui",label:"UI"},{id:"functionality",label:"Feature"},{id:"performance",label:"Speed"},{id:"crash",label:"Crash"},{id:"security",label:"Security"},{id:"other",label:"Other"}],n=t.counts.errors>0||t.counts.failedNet>0;return`<div class="bs-view">
     <form data-bs-form>
-      <div class="bs-report-summary${n?" bs-alert":e.counts.logs>0?" bs-has":""}">
+      <div class="bs-report-summary${n?" bs-alert":t.counts.logs>0?" bs-has":""}">
         <div class="bs-report-summary-left">
-          ${n?`<div class="bs-report-summary-icon bs-warn">!</div><span>${e.counts.errors} error${e.counts.errors!==1?"s":""}, ${e.counts.failedNet} failed request${e.counts.failedNet!==1?"s":""} detected</span>`:`<div class="bs-report-summary-icon">${H.check}</div><span>Auto-collecting ${e.counts.logs} logs, ${e.counts.network} requests, ${e.counts.crumbs} actions</span>`}
+          ${n?`<div class="bs-report-summary-icon bs-warn">!</div><span>${t.counts.errors} error${t.counts.errors!==1?"s":""}, ${t.counts.failedNet} failed request${t.counts.failedNet!==1?"s":""} detected</span>`:`<div class="bs-report-summary-icon">${O.check}</div><span>Auto-collecting ${t.counts.logs} logs, ${t.counts.network} requests, ${t.counts.crumbs} actions</span>`}
         </div>
       </div>
       <div class="bs-field">
@@ -1548,21 +1728,21 @@ ${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{
         <div class="bs-field-label">Category</div>
         <input type="hidden" name="category" value="functionality" />
         <div class="bs-cat-row">
-          ${t.map(s=>`<button type="button" class="bs-cat-btn${s.id==="functionality"?" bs-picked":""}" data-cat="${s.id}">${s.label}</button>`).join("")}
+          ${e.map(s=>`<button type="button" class="bs-cat-btn${s.id==="functionality"?" bs-picked":""}" data-cat="${s.id}">${s.label}</button>`).join("")}
         </div>
       </div>
       <div class="bs-field">
         <div class="bs-field-label">Severity</div>
-        <input type="hidden" name="severity" value="${e.severity}" />
+        <input type="hidden" name="severity" value="${t.severity}" />
         <div class="bs-sev-row">
-          <button type="button" class="bs-sev-btn bs-sev-low${e.severity==="low"?" bs-picked":""}" data-sev="low">Low</button>
-          <button type="button" class="bs-sev-btn bs-sev-medium${e.severity==="medium"?" bs-picked":""}" data-sev="medium">Med</button>
-          <button type="button" class="bs-sev-btn bs-sev-high${e.severity==="high"?" bs-picked":""}" data-sev="high">High</button>
-          <button type="button" class="bs-sev-btn bs-sev-critical${e.severity==="critical"?" bs-picked":""}" data-sev="critical">Critical</button>
+          <button type="button" class="bs-sev-btn bs-sev-low${t.severity==="low"?" bs-picked":""}" data-sev="low">Low</button>
+          <button type="button" class="bs-sev-btn bs-sev-medium${t.severity==="medium"?" bs-picked":""}" data-sev="medium">Med</button>
+          <button type="button" class="bs-sev-btn bs-sev-high${t.severity==="high"?" bs-picked":""}" data-sev="high">High</button>
+          <button type="button" class="bs-sev-btn bs-sev-critical${t.severity==="critical"?" bs-picked":""}" data-sev="critical">Critical</button>
         </div>
       </div>
       <div class="bs-shot-area" data-bs-screenshot>
-        <div class="bs-shot-icon">${H.cam}</div>
+        <div class="bs-shot-icon">${O.cam}</div>
         <div class="bs-shot-text">
           <div class="bs-shot-title" data-bs-shot-title>Attach screenshot</div>
           <div class="bs-shot-sub" data-bs-shot-sub>Capture & annotate the current view</div>
@@ -1571,17 +1751,17 @@ ${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{
       <div data-bs-annotate></div>
       <button type="submit" class="bs-submit-btn">Submit Report</button>
     </form>
-  </div>`}function Do(){let e=le(),t={error:"bs-le",warn:"bs-lw",log:"bs-ll",info:"bs-li",debug:"bs-ld"};return e.length?`<div class="bs-view">${e.slice().reverse().map(n=>`<div class="bs-log"><span class="bs-log-lv ${t[n.level]||"bs-ll"}">${n.level}</span><span class="bs-log-m">${A(n.args.join(" ")).slice(0,500)}</span><span class="bs-log-t">${Qr(n.timestamp)}</span></div>`).join("")}</div>`:'<div class="bs-view"><div class="bs-empty"><p>No console logs captured yet.<br>Use the app \u2014 logs will appear here automatically.</p></div></div>'}function Bo(){let e=Me();return e.length?`<div class="bs-view">${e.slice().reverse().map(t=>`<div class="bs-net"><span class="bs-net-m">${t.method}</span><span class="bs-net-s ${t.failed?"bs-fail":"bs-ok"}">${t.status||"ERR"}</span><span class="bs-net-u" title="${A(t.url)}">${A(t.url)}</span><span class="bs-net-d">${t.duration}ms</span></div>`).join("")}</div>`:'<div class="bs-view"><div class="bs-empty"><p>No network requests captured yet.<br>API calls will show up here automatically.</p></div></div>'}function Oo(){let e='<div class="bs-view">',t=ce();t.length&&(e+=`<div class="bs-sec">Errors <span class="bs-sec-n">${t.length}</span></div>`,e+=t.slice().reverse().map(o=>`<div class="bs-err-card"><div class="bs-err-m">${A(o.message)}</div>${o.stack?`<div class="bs-err-stack">${A(o.stack)}</div>`:""}<div class="bs-err-meta">${o.type} &middot; ${Qr(o.timestamp)}${o.source?` &middot; ${A(o.source)}:${o.lineno}`:""}</div></div>`).join(""));let n=Ae();if(n){e+='<div class="bs-sec">Performance</div>';let o=[["Page Load",n.pageLoadTime,5e3],["DOM Ready",n.domContentLoaded,3e3],["First Paint",n.firstPaint,2e3],["FCP",n.firstContentfulPaint,2500],["LCP",n.largestContentfulPaint,4e3],["FID",n.firstInputDelay,300]];for(let[i,a,d]of o){if(a===void 0)continue;let p=Math.min(100,a/d*100);e+=`<div class="bs-pf"><span class="bs-pf-l">${i}</span><div class="bs-pf-tr"><div class="bs-pf-fl${p>75?" bs-slow":""}" style="width:${p}%"></div></div><span class="bs-pf-v">${a}ms</span></div>`}if(n.cumulativeLayoutShift!==void 0){let i=Math.min(100,n.cumulativeLayoutShift*400);e+=`<div class="bs-pf"><span class="bs-pf-l">CLS</span><div class="bs-pf-tr"><div class="bs-pf-fl${i>40?" bs-slow":""}" style="width:${i}%"></div></div><span class="bs-pf-v">${n.cumulativeLayoutShift}</span></div>`}}let r=Te();r.length&&(e+=`<div class="bs-sec">Your activity trail <span class="bs-sec-n">${r.length}</span></div>`,e+=r.slice().reverse().map(o=>`<div class="bs-bc"><span class="bs-bc-t bs-t-${o.type}">${o.type}</span><span class="bs-bc-m">${A(o.message).slice(0,120)}</span><span class="bs-bc-time">${Ro(o.timestamp)}</span></div>`).join(""));let s=es();return e+='<div class="bs-sec">Environment</div>',e+=`<div class="bs-kv">
-    <span class="bs-kv-k">URL</span><span class="bs-kv-v">${A(s.url)}</span>
+  </div>`}function ti(){let t=ut(),e={error:"bs-le",warn:"bs-lw",log:"bs-ll",info:"bs-li",debug:"bs-ld"};return t.length?`<div class="bs-view">${t.slice().reverse().map(n=>`<div class="bs-log"><span class="bs-log-lv ${e[n.level]||"bs-ll"}">${n.level}</span><span class="bs-log-m">${j(n.args.join(" ")).slice(0,500)}</span><span class="bs-log-t">${fs(n.timestamp)}</span></div>`).join("")}</div>`:'<div class="bs-view"><div class="bs-empty"><p>No console logs captured yet.<br>Use the app \u2014 logs will appear here automatically.</p></div></div>'}function ei(){let t=Dt();return t.length?`<div class="bs-view">${t.slice().reverse().map(e=>`<div class="bs-net"><span class="bs-net-m">${e.method}</span><span class="bs-net-s ${e.failed?"bs-fail":"bs-ok"}">${e.status||"ERR"}</span><span class="bs-net-u" title="${j(e.url)}">${j(e.url)}</span><span class="bs-net-d">${e.duration}ms</span></div>`).join("")}</div>`:'<div class="bs-view"><div class="bs-empty"><p>No network requests captured yet.<br>API calls will show up here automatically.</p></div></div>'}function ni(){let t='<div class="bs-view">',e=ft();e.length&&(t+=`<div class="bs-sec">Errors <span class="bs-sec-n">${e.length}</span></div>`,t+=e.slice().reverse().map(o=>`<div class="bs-err-card"><div class="bs-err-m">${j(o.message)}</div>${o.stack?`<div class="bs-err-stack">${j(o.stack)}</div>`:""}<div class="bs-err-meta">${o.type} &middot; ${fs(o.timestamp)}${o.source?` &middot; ${j(o.source)}:${o.lineno}`:""}</div></div>`).join(""));let n=Bt();if(n){t+='<div class="bs-sec">Performance</div>';let o=[["Page Load",n.pageLoadTime,5e3],["DOM Ready",n.domContentLoaded,3e3],["First Paint",n.firstPaint,2e3],["FCP",n.firstContentfulPaint,2500],["LCP",n.largestContentfulPaint,4e3],["FID",n.firstInputDelay,300]];for(let[i,a,c]of o){if(a===void 0)continue;let p=Math.min(100,a/c*100);t+=`<div class="bs-pf"><span class="bs-pf-l">${i}</span><div class="bs-pf-tr"><div class="bs-pf-fl${p>75?" bs-slow":""}" style="width:${p}%"></div></div><span class="bs-pf-v">${a}ms</span></div>`}if(n.cumulativeLayoutShift!==void 0){let i=Math.min(100,n.cumulativeLayoutShift*400);t+=`<div class="bs-pf"><span class="bs-pf-l">CLS</span><div class="bs-pf-tr"><div class="bs-pf-fl${i>40?" bs-slow":""}" style="width:${i}%"></div></div><span class="bs-pf-v">${n.cumulativeLayoutShift}</span></div>`}}let r=zt();r.length&&(t+=`<div class="bs-sec">Your activity trail <span class="bs-sec-n">${r.length}</span></div>`,t+=r.slice().reverse().map(o=>`<div class="bs-bc"><span class="bs-bc-t bs-t-${o.type}">${o.type}</span><span class="bs-bc-m">${j(o.message).slice(0,120)}</span><span class="bs-bc-time">${Ko(o.timestamp)}</span></div>`).join(""));let s=gs();return t+='<div class="bs-sec">Environment</div>',t+=`<div class="bs-kv">
+    <span class="bs-kv-k">URL</span><span class="bs-kv-v">${j(s.url)}</span>
     <span class="bs-kv-k">Viewport</span><span class="bs-kv-v">${s.viewportWidth}&times;${s.viewportHeight} @${s.devicePixelRatio}x</span>
     <span class="bs-kv-k">Screen</span><span class="bs-kv-v">${s.screenWidth}&times;${s.screenHeight}</span>
-    <span class="bs-kv-k">Platform</span><span class="bs-kv-v">${A(s.platform)}</span>
+    <span class="bs-kv-k">Platform</span><span class="bs-kv-v">${j(s.platform)}</span>
     <span class="bs-kv-k">Language</span><span class="bs-kv-v">${s.language}</span>
-    ${V.commitHash?`<span class="bs-kv-k">Commit</span><span class="bs-kv-v">${A(V.commitHash)}</span>`:""}
-    ${V.user?.email?`<span class="bs-kv-k">User</span><span class="bs-kv-v">${A(V.user.email)}</span>`:""}
-  </div>`,e+="</div>",e}function No(){let e=_e();if(!e.length)return'<div class="bs-view"><div class="bs-empty"><p>No reports yet.<br>Submitted bugs will appear here.</p></div></div>';let t={ui:"UI",functionality:"Feature",performance:"Perf",crash:"Crash",security:"Security",other:"Other"},n=s=>{let o=new Date(s),a=new Date().getTime()-o.getTime(),d=Math.floor(a/6e4);if(d<1)return"Just now";if(d<60)return`${d}m ago`;let p=Math.floor(d/60);if(p<24)return`${p}h ago`;let b=Math.floor(p/24);return b<7?`${b}d ago`:o.toLocaleDateString("en",{month:"short",day:"numeric"})},r='<div class="bs-view">';for(let s of e){let o=s.pins?.length?`<div class="bs-hist-pins">${s.pins.slice(0,5).map(i=>`<div class="bs-hist-pin-dot" style="background:${["#ef4444","#3b82f6","#f59e0b","#10b981","#8b5cf6"][i.number%5]}">${i.number}</div>`).join("")}${s.pins.length>5?`<span>+${s.pins.length-5}</span>`:""}</div>`:"";r+=`<div class="bs-hist-card" data-hist-id="${s.id}">
+    ${G.commitHash?`<span class="bs-kv-k">Commit</span><span class="bs-kv-v">${j(G.commitHash)}</span>`:""}
+    ${G.user?.email?`<span class="bs-kv-k">User</span><span class="bs-kv-v">${j(G.user.email)}</span>`:""}
+  </div>`,t+="</div>",t}function ri(){let t=Qt();if(!t.length)return'<div class="bs-view"><div class="bs-empty"><p>No reports yet.<br>Submitted bugs will appear here.</p></div></div>';let e={ui:"UI",functionality:"Feature",performance:"Perf",crash:"Crash",security:"Security",other:"Other"},n=s=>{let o=new Date(s),a=new Date().getTime()-o.getTime(),c=Math.floor(a/6e4);if(c<1)return"Just now";if(c<60)return`${c}m ago`;let p=Math.floor(c/60);if(p<24)return`${p}h ago`;let b=Math.floor(p/24);return b<7?`${b}d ago`:o.toLocaleDateString("en",{month:"short",day:"numeric"})},r='<div class="bs-view">';for(let s of t){let o=s.pins?.length?`<div class="bs-hist-pins">${s.pins.slice(0,5).map(i=>`<div class="bs-hist-pin-dot" style="background:${["#ef4444","#3b82f6","#f59e0b","#10b981","#8b5cf6"][i.number%5]}">${i.number}</div>`).join("")}${s.pins.length>5?`<span>+${s.pins.length-5}</span>`:""}</div>`:"";r+=`<div class="bs-hist-card" data-hist-id="${s.id}">
       <div class="bs-hist-top">
-        <div class="bs-hist-title">${A(s.title)}</div>
+        <div class="bs-hist-title">${j(s.title)}</div>
         ${s.screenshot?`<img class="bs-hist-thumb" src="${s.screenshot}" alt=""/>`:""}
         <div class="bs-hist-actions">
           <button class="bs-hist-btn" data-hist-edit="${s.id}" title="Edit"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg></button>
@@ -1589,26 +1769,26 @@ ${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{
         </div>
       </div>
       <div class="bs-hist-meta">
-        <span class="bs-hist-badge bs-cat">${t[s.category]||s.category}</span>
+        <span class="bs-hist-badge bs-cat">${e[s.category]||s.category}</span>
         <span class="bs-hist-badge bs-sev-${s.severity}">${s.severity}</span>
         <span class="bs-hist-badge bs-status-${s.status}">${s.status}</span>
       </div>
-      ${s.description?`<div class="bs-hist-desc">${A(s.description)}</div>`:""}
+      ${s.description?`<div class="bs-hist-desc">${j(s.description)}</div>`:""}
       <div class="bs-hist-foot">
-        <span>${n(s.createdAt)} &middot; ${A(s.url.replace(/^https?:\/\//,"").slice(0,40))}</span>
+        <span>${n(s.createdAt)} &middot; ${j(s.url.replace(/^https?:\/\//,"").slice(0,40))}</span>
         ${o}
       </div>
-    </div>`}return r+="</div>",r}function jo(){let e=Nt(),t=qt(),n='<div class="bs-view">';n+='<div class="bs-set-sec">Layout</div>',n+='<div class="bs-set-ly-grid">';for(let r of t)n+=`<button class="bs-set-ly${r.id===Ee.id?" bs-picked":""}" data-set-layout="${r.id}"><div class="bs-set-ly-name">${A(r.name)}</div><div class="bs-set-ly-desc">${A(r.description)}</div></button>`;n+="</div>",n+='<div class="bs-set-sec">Theme</div>',n+='<div class="bs-set-grid">';for(let r of e)n+=`<button class="bs-set-card${r.id===ye.id?" bs-picked":""}" data-set-theme="${r.id}"><div class="bs-set-preview" style="background:${r.preview[0]}"><div class="bs-set-dot" style="background:${r.preview[1]}"></div><div class="bs-set-dot" style="background:${r.vars["--bs-accent2"]||r.preview[1]};opacity:0.6"></div></div><div class="bs-set-name">${A(r.name)}</div></button>`;return n+="</div>",n+="</div>",n}function qo(e,t){let n=["#f87171","#3b82f6","#fb923c","#4ade80","#a78bfa","#facc15"],r=n[0],s="draw",o=4,i=1,a=!1,d=[],p=[],b=-1,y=-1,w=!1,k=!1,me=0,Ye=0,D=0,B=0,j=[],gt=["#ef4444","#3b82f6","#f59e0b","#10b981","#8b5cf6","#ec4899"],re=new Image;re.src=t;let xe=document.createElement("div");xe.className="bs-ann-wrap";let ve=document.createElement("div");ve.className="bs-ann-viewport";let v=document.createElement("canvas");v.className="bs-ann-canvas bs-draw";let ee=document.createElement("div");ee.className="bs-ann-toolbar";let Le={select:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"/><path d="M13 13l6 6"/></svg>',draw:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="M2 2l7.586 7.586"/></svg>',arrow:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>',rect:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/></svg>',circle:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/></svg>',text:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9.5" y1="20" x2="14.5" y2="20"/><line x1="12" y1="4" x2="12" y2="20"/></svg>',highlight:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M9 11l-6 6v3h9l3-3"/><path d="M22 12l-4.6 4.6a2 2 0 01-2.8 0l-5.2-5.2a2 2 0 010-2.8L14 4"/></svg>',pin:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>'},q={select:"Select & Move",draw:"Draw",arrow:"Arrow",rect:"Rectangle",circle:"Circle",text:"Text",highlight:"Highlight",pin:"Pin Issue"},tn=[],ms=l=>{s=l,b=-1,v.className=`bs-ann-canvas bs-${l}`,tn.forEach(f=>f.classList.remove("bs-sel")),tn.find(f=>f.dataset.tool===l)?.classList.add("bs-sel")};Object.keys(Le).forEach(l=>{let f=document.createElement("button");f.type="button",f.dataset.tool=l,f.className=`bs-ann-btn${l===s?" bs-sel":""}`,f.title=q[l],f.innerHTML=Le[l],f.addEventListener("click",()=>ms(l)),tn.push(f),ee.appendChild(f)}),ee.appendChild(Object.assign(document.createElement("div"),{className:"bs-ann-sep"})),n.forEach((l,f)=>{let g=document.createElement("button");g.type="button",g.className=`bs-ann-dot${f===0?" bs-sel":""}`,g.style.background=l,g.addEventListener("click",()=>{r=l,ee.querySelectorAll(".bs-ann-dot").forEach(C=>C.classList.remove("bs-sel")),g.classList.add("bs-sel")}),ee.appendChild(g)}),ee.appendChild(Object.assign(document.createElement("div"),{className:"bs-ann-sep"}));let ae=document.createElement("input");ae.type="range",ae.min="1",ae.max="12",ae.value="4",ae.className="bs-ann-size",ae.title="Brush size",ae.addEventListener("input",()=>{o=parseInt(ae.value)}),ee.appendChild(ae);let ht=document.createElement("div");ht.className="bs-ann-right";let yt=(l,f)=>{let g=document.createElement("button");return g.type="button",g.className="bs-ann-btn",g.title=l,g.innerHTML=f,g},Rn=yt("Zoom out",'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></svg>'),zn=Object.assign(document.createElement("span"),{className:"bs-ann-zoom-label",textContent:"100%"}),In=yt("Zoom in",'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="11" y1="8" x2="11" y2="14"/><line x1="8" y1="11" x2="14" y2="11"/></svg>'),Hn=yt("Fit",'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M15 3h6v6"/><path d="M9 21H3v-6"/><path d="M21 3l-7 7"/><path d="M3 21l7-7"/></svg>'),Dn=yt("Undo",'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 105.42-8.49L1 10"/></svg>'),Bn=Object.assign(document.createElement("button"),{type:"button",className:"bs-ann-clr-btn",textContent:"Clear"}),nn=()=>{v.style.transform=`scale(${i})`,zn.textContent=`${Math.round(i*100)}%`};In.addEventListener("click",()=>{i<3&&(i=Math.min(3,i+.25),nn())}),Rn.addEventListener("click",()=>{i>.5&&(i=Math.max(.5,i-.25),nn())}),Hn.addEventListener("click",()=>{i=1,nn()}),ht.appendChild(Object.assign(document.createElement("div"),{className:"bs-ann-sep"})),[Rn,zn,In,Hn,Dn,Bn].forEach(l=>ht.appendChild(l)),ee.appendChild(ht);let xt=document.createElement("div");xt.className="bs-ann-pins";let Ce=document.createElement("div");Ce.className="bs-ann-pin-list",Ce.style.display="none",ve.appendChild(v),ve.appendChild(xt),xe.appendChild(ve),xe.appendChild(ee),xe.appendChild(Ce),e.innerHTML="",e.appendChild(xe);let vt=()=>{xt.innerHTML="",Ce.innerHTML="",Ce.style.display=p.length?"":"none",p.forEach((l,f)=>{let g=document.createElement("div");g.className="bs-ann-pin",g.style.background=l.color,g.style.color=l.color;let C=l.x/(v.width||1)*100,m=l.y/(v.height||1)*100;g.style.left=`${C}%`,g.style.top=`${m}%`,g.innerHTML=`<span class="bs-ann-pin-n">${f+1}</span><span class="bs-ann-pin-pulse"></span>`,g.title=`#${f+1}: ${l.note}`;let T=!1;g.addEventListener("mousedown",M=>{M.stopPropagation(),T=!0,g.classList.add("bs-dragging");let u=S=>{if(!T)return;let L=ve.getBoundingClientRect();l.x=(S.clientX-L.left)/L.width*v.width,l.y=(S.clientY-L.top)/L.height*v.height,g.style.left=`${(S.clientX-L.left)/L.width*100}%`,g.style.top=`${(S.clientY-L.top)/L.height*100}%`},x=()=>{T=!1,g.classList.remove("bs-dragging"),document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",x),vt()};document.addEventListener("mousemove",u),document.addEventListener("mouseup",x)}),xt.appendChild(g);let N=document.createElement("div");N.className="bs-ann-pin-item",N.innerHTML=`
-        <div class="bs-ann-pin-num" style="background:${l.color}">${f+1}</div>
+    </div>`}return r+="</div>",r}function si(){let t=Xe(),e=Je(),n='<div class="bs-view">';n+='<div class="bs-set-sec">Layout</div>',n+='<div class="bs-set-ly-grid">';for(let r of e)n+=`<button class="bs-set-ly${r.id===At.id?" bs-picked":""}" data-set-layout="${r.id}"><div class="bs-set-ly-name">${j(r.name)}</div><div class="bs-set-ly-desc">${j(r.description)}</div></button>`;n+="</div>",n+='<div class="bs-set-sec">Theme</div>',n+='<div class="bs-set-grid">';for(let r of t)n+=`<button class="bs-set-card${r.id===it.id?" bs-picked":""}" data-set-theme="${r.id}"><div class="bs-set-preview" style="background:${r.preview[0]}"><div class="bs-set-dot" style="background:${r.preview[1]}"></div><div class="bs-set-dot" style="background:${r.vars["--bs-accent2"]||r.preview[1]};opacity:0.6"></div></div><div class="bs-set-name">${j(r.name)}</div></button>`;return n+="</div>",n+="</div>",n}function oi(t,e){let n=["#f87171","#3b82f6","#fb923c","#4ade80","#a78bfa","#facc15"],r=n[0],s="draw",o=4,i=1,a=!1,c=[],p=[],b=-1,v=-1,S=!1,D=!1,R=0,Z=0,w=0,E=0,T=[],pt=["#ef4444","#3b82f6","#f59e0b","#10b981","#8b5cf6","#ec4899"],lt=new Image;lt.src=e;let Lt=document.createElement("div");Lt.className="bs-ann-wrap";let St=document.createElement("div");St.className="bs-ann-viewport";let k=document.createElement("canvas");k.className="bs-ann-canvas bs-draw";let rt=document.createElement("div");rt.className="bs-ann-toolbar";let Ee={select:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"/><path d="M13 13l6 6"/></svg>',draw:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="M2 2l7.586 7.586"/></svg>',arrow:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>',rect:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/></svg>',circle:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/></svg>',text:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9.5" y1="20" x2="14.5" y2="20"/><line x1="12" y1="4" x2="12" y2="20"/></svg>',highlight:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M9 11l-6 6v3h9l3-3"/><path d="M22 12l-4.6 4.6a2 2 0 01-2.8 0l-5.2-5.2a2 2 0 010-2.8L14 4"/></svg>',pin:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>'},te={select:"Select & Move",draw:"Draw",arrow:"Arrow",rect:"Rectangle",circle:"Circle",text:"Text",highlight:"Highlight",pin:"Pin Issue"},B=[],As=l=>{s=l,b=-1,k.className=`bs-ann-canvas bs-${l}`,B.forEach(m=>m.classList.remove("bs-sel")),B.find(m=>m.dataset.tool===l)?.classList.add("bs-sel")};Object.keys(Ee).forEach(l=>{let m=document.createElement("button");m.type="button",m.dataset.tool=l,m.className=`bs-ann-btn${l===s?" bs-sel":""}`,m.title=te[l],m.innerHTML=Ee[l],m.addEventListener("click",()=>As(l)),B.push(m),rt.appendChild(m)}),rt.appendChild(Object.assign(document.createElement("div"),{className:"bs-ann-sep"})),n.forEach((l,m)=>{let h=document.createElement("button");h.type="button",h.className=`bs-ann-dot${m===0?" bs-sel":""}`,h.style.background=l,h.addEventListener("click",()=>{r=l,rt.querySelectorAll(".bs-ann-dot").forEach(z=>z.classList.remove("bs-sel")),h.classList.add("bs-sel")}),rt.appendChild(h)}),rt.appendChild(Object.assign(document.createElement("div"),{className:"bs-ann-sep"}));let bt=document.createElement("input");bt.type="range",bt.min="1",bt.max="12",bt.value="4",bt.className="bs-ann-size",bt.title="Brush size",bt.addEventListener("input",()=>{o=parseInt(bt.value)}),rt.appendChild(bt);let Le=document.createElement("div");Le.className="bs-ann-right";let Se=(l,m)=>{let h=document.createElement("button");return h.type="button",h.className="bs-ann-btn",h.title=l,h.innerHTML=m,h},qn=Se("Zoom out",'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></svg>'),Un=Object.assign(document.createElement("span"),{className:"bs-ann-zoom-label",textContent:"100%"}),Fn=Se("Zoom in",'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="11" y1="8" x2="11" y2="14"/><line x1="8" y1="11" x2="14" y2="11"/></svg>'),_n=Se("Fit",'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M15 3h6v6"/><path d="M9 21H3v-6"/><path d="M21 3l-7 7"/><path d="M3 21l7-7"/></svg>'),Wn=Se("Undo",'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 105.42-8.49L1 10"/></svg>'),Yn=Object.assign(document.createElement("button"),{type:"button",className:"bs-ann-clr-btn",textContent:"Clear"}),cn=()=>{k.style.transform=`scale(${i})`,Un.textContent=`${Math.round(i*100)}%`};Fn.addEventListener("click",()=>{i<3&&(i=Math.min(3,i+.25),cn())}),qn.addEventListener("click",()=>{i>.5&&(i=Math.max(.5,i-.25),cn())}),_n.addEventListener("click",()=>{i=1,cn()}),Le.appendChild(Object.assign(document.createElement("div"),{className:"bs-ann-sep"})),[qn,Un,Fn,_n,Wn,Yn].forEach(l=>Le.appendChild(l)),rt.appendChild(Le);let Ce=document.createElement("div");Ce.className="bs-ann-pins";let Rt=document.createElement("div");Rt.className="bs-ann-pin-list",Rt.style.display="none",St.appendChild(k),St.appendChild(Ce),Lt.appendChild(St),Lt.appendChild(rt),Lt.appendChild(Rt),t.innerHTML="",t.appendChild(Lt);let Pe=()=>{Ce.innerHTML="",Rt.innerHTML="",Rt.style.display=p.length?"":"none",p.forEach((l,m)=>{let h=document.createElement("div");h.className="bs-ann-pin",h.style.background=l.color,h.style.color=l.color;let z=l.x/(k.width||1)*100,f=l.y/(k.height||1)*100;h.style.left=`${z}%`,h.style.top=`${f}%`,h.innerHTML=`<span class="bs-ann-pin-n">${m+1}</span><span class="bs-ann-pin-pulse"></span>`,h.title=`#${m+1}: ${l.note}`;let I=!1;h.addEventListener("mousedown",N=>{N.stopPropagation(),I=!0,h.classList.add("bs-dragging");let u=M=>{if(!I)return;let A=St.getBoundingClientRect();l.x=(M.clientX-A.left)/A.width*k.width,l.y=(M.clientY-A.top)/A.height*k.height,h.style.left=`${(M.clientX-A.left)/A.width*100}%`,h.style.top=`${(M.clientY-A.top)/A.height*100}%`},y=()=>{I=!1,h.classList.remove("bs-dragging"),document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",y),Pe()};document.addEventListener("mousemove",u),document.addEventListener("mouseup",y)}),Ce.appendChild(h);let U=document.createElement("div");U.className="bs-ann-pin-item",U.innerHTML=`
+        <div class="bs-ann-pin-num" style="background:${l.color}">${m+1}</div>
         <div class="bs-ann-pin-body">
-          <div class="bs-ann-pin-note">${A(l.note)}</div>
-          <div class="bs-ann-pin-loc">${Math.round(C)}% \xD7 ${Math.round(m)}%</div>
-        </div>`;let F=document.createElement("button");F.type="button",F.className="bs-ann-pin-del",F.innerHTML="&times;",F.title="Remove pin",F.addEventListener("click",()=>{p.splice(f,1),vt()}),N.appendChild(F),Ce.appendChild(N)})},c,rn=()=>a?"rgba(255,255,255,0.5)":"rgba(0,0,0,0.35)",we=(l,f)=>{c.save(),c.strokeStyle=rn(),c.lineWidth=f+3,c.lineCap="round",c.lineJoin="round",c.globalAlpha=.5,l(),c.restore()},fs=(l,f=!1)=>{if(l.type==="draw"||l.type==="highlight"){if(l.points.length<2)return;let m=l.type==="highlight"?.25:1,T=l.type==="highlight"?l.size*4+10:l.size,N=()=>{c.beginPath(),c.moveTo(l.points[0].x,l.points[0].y);for(let F=1;F<l.points.length;F++)c.lineTo(l.points[F].x,l.points[F].y);c.stroke()};l.type!=="highlight"&&we(N,T),c.strokeStyle=l.color,c.lineWidth=T,c.lineCap="round",c.lineJoin="round",c.globalAlpha=m,N(),c.globalAlpha=1}else if(l.type==="rect"){let m=()=>c.strokeRect(l.x,l.y,l.w,l.h);we(m,l.size),c.strokeStyle=l.color,c.lineWidth=l.size,c.lineCap="round",c.lineJoin="round",m()}else if(l.type==="circle"){let m=()=>{c.beginPath(),c.ellipse(l.cx,l.cy,Math.abs(l.rx),Math.abs(l.ry),0,0,Math.PI*2),c.stroke()};we(m,l.size),c.strokeStyle=l.color,c.lineWidth=l.size,m()}else if(l.type==="arrow"){let m=Math.atan2(l.y2-l.y1,l.x2-l.x1),T=12+l.size*2,N=()=>{c.beginPath(),c.moveTo(l.x1,l.y1),c.lineTo(l.x2,l.y2),c.stroke(),c.beginPath(),c.moveTo(l.x2,l.y2),c.lineTo(l.x2-T*Math.cos(m-.45),l.y2-T*Math.sin(m-.45)),c.moveTo(l.x2,l.y2),c.lineTo(l.x2-T*Math.cos(m+.45),l.y2-T*Math.sin(m+.45)),c.stroke()};we(N,l.size),c.strokeStyle=l.color,c.lineWidth=l.size,c.lineCap="round",c.lineJoin="round",N()}else if(l.type==="text"){let m=l.size*5+12;c.font=`bold ${m}px Inter, -apple-system, sans-serif`,c.fillStyle=rn(),c.globalAlpha=.6,c.fillText(l.text,l.x+1,l.y+1),c.globalAlpha=1,c.fillStyle=l.color,c.fillText(l.text,l.x,l.y)}let g=!f&&b>=0&&d[b]===l,C=!f&&!g&&y>=0&&d[y]===l;if(g||C){let m=Ve(l);if(c.save(),c.setLineDash([6,4]),c.strokeStyle=a?"#fff":"#000",c.lineWidth=g?1.5:1,c.globalAlpha=g?.7:.45,c.strokeRect(m.x-4,m.y-4,m.w+8,m.h+8),l.type==="rect"||l.type==="circle"){c.setLineDash([]),c.globalAlpha=g?.9:.6;let N=l.type==="rect"?[[m.x,m.y],[m.x+m.w,m.y],[m.x,m.y+m.h],[m.x+m.w,m.y+m.h]]:[[m.x+m.w/2,m.y],[m.x+m.w,m.y+m.h/2],[m.x+m.w/2,m.y+m.h],[m.x,m.y+m.h/2]];for(let[F,M]of N)c.fillStyle="#fff",c.fillRect(F-5,M-5,10,10),c.strokeStyle=a?"#aaa":"#333",c.lineWidth=1.2,c.strokeRect(F-5,M-5,10,10)}c.restore()}},U=()=>{c.clearRect(0,0,v.width,v.height),c.drawImage(re,0,0);for(let l of d)fs(l)},Ve=l=>{if(l.type==="rect")return{x:Math.min(l.x,l.x+l.w),y:Math.min(l.y,l.y+l.h),w:Math.abs(l.w),h:Math.abs(l.h)};if(l.type==="circle")return{x:l.cx-Math.abs(l.rx),y:l.cy-Math.abs(l.ry),w:Math.abs(l.rx)*2,h:Math.abs(l.ry)*2};if(l.type==="arrow"){let T=Math.min(l.x1,l.x2),N=Math.min(l.y1,l.y2);return{x:T,y:N,w:Math.abs(l.x2-l.x1)||20,h:Math.abs(l.y2-l.y1)||20}}if(l.type==="text")return{x:l.x,y:l.y-(l.size*5+12),w:l.text.length*(l.size*3+8),h:l.size*5+16};if(l.points.length===0)return{x:0,y:0,w:0,h:0};let f=1/0,g=1/0,C=-1/0,m=-1/0;for(let T of l.points)f=Math.min(f,T.x),g=Math.min(g,T.y),C=Math.max(C,T.x),m=Math.max(m,T.y);return{x:f,y:g,w:C-f||10,h:m-g||10}},wt=(l,f)=>{for(let g=d.length-1;g>=0;g--){let C=Ve(d[g]),m=8;if(l>=C.x-m&&l<=C.x+C.w+m&&f>=C.y-m&&f<=C.y+C.h+m)return g}return-1},gs=(l,f,g)=>{if(l.type==="draw"||l.type==="highlight")for(let C of l.points)C.x+=f,C.y+=g;else l.type==="rect"?(l.x+=f,l.y+=g):l.type==="circle"?(l.cx+=f,l.cy+=g):l.type==="arrow"?(l.x1+=f,l.y1+=g,l.x2+=f,l.y2+=g):l.type==="text"&&(l.x+=f,l.y+=g)};re.onload=()=>{let f=(e.clientWidth||450)/re.width;v.width=re.width,v.height=re.height,v.style.height=`${re.height*f}px`,c=v.getContext("2d"),c.drawImage(re,0,0);let g=[[10,10],[v.width-10,10],[10,v.height-10],[v.width-10,v.height-10],[v.width/2,v.height/2]],C=0;for(let[M,u]of g){let x=c.getImageData(M,u,1,1).data;C+=(x[0]*299+x[1]*587+x[2]*114)/1e3}a=C/g.length<128;let m=M=>{let u=v.getBoundingClientRect();return{x:(M.clientX-u.left)*(v.width/u.width),y:(M.clientY-u.top)*(v.height/u.height)}},T=!1;v.addEventListener("mousedown",M=>{let u=m(M);if(s==="select"){let x=wt(u.x,u.y);if(x>=0){b=x,w=!0;let S=Ve(d[x]);me=u.x-S.x,Ye=u.y-S.y,v.classList.add("bs-grabbing"),v.classList.remove("bs-grab"),U()}else b=-1,U();return}if(s!=="pin"&&s!=="text"){let x=wt(u.x,u.y);if(x>=0){b=x,w=!0,T=!0;let S=Ve(d[x]);me=u.x-S.x,Ye=u.y-S.y,v.classList.add("bs-grabbing"),U();return}}if(k=!0,D=u.x,B=u.y,s==="pin"){k=!1;let x=prompt("Describe the issue at this spot:");if(x){let S=gt[p.length%gt.length];p.push({x:u.x,y:u.y,note:x,color:S}),vt()}return}if(s==="text"){k=!1;let x=prompt("Enter text:");x&&(d.push({type:"text",color:r,size:o,x:u.x,y:u.y,text:x}),U());return}(s==="draw"||s==="highlight")&&(j=[{x:u.x,y:u.y}])}),v.addEventListener("mousemove",M=>{let u=m(M);if(w&&b>=0){let x=Ve(d[b]),S=u.x-me-x.x,L=u.y-Ye-x.y;gs(d[b],S,L),U();return}if(s==="select"){let x=wt(u.x,u.y);v.classList.toggle("bs-grab",x>=0),y!==x&&(y=x,U());return}if(s!=="pin"&&s!=="text"&&!k){let x=wt(u.x,u.y);v.classList.toggle("bs-grab",x>=0),y!==x&&(y=x,U())}if(k){if(s==="draw"||s==="highlight"){j.push({x:u.x,y:u.y}),U();let x=s==="highlight"?.25:1,S=s==="highlight"?o*4+10:o;if(s!=="highlight"){c.save(),c.strokeStyle=rn(),c.lineWidth=S+3,c.lineCap="round",c.lineJoin="round",c.globalAlpha=.5,c.beginPath(),c.moveTo(j[0].x,j[0].y);for(let L=1;L<j.length;L++)c.lineTo(j[L].x,j[L].y);c.stroke(),c.restore()}c.strokeStyle=r,c.lineWidth=S,c.lineCap="round",c.lineJoin="round",c.globalAlpha=x,c.beginPath(),c.moveTo(j[0].x,j[0].y);for(let L=1;L<j.length;L++)c.lineTo(j[L].x,j[L].y);c.stroke(),c.globalAlpha=1}else if(U(),c.strokeStyle=r,c.lineWidth=o,c.lineCap="round",c.lineJoin="round",s==="rect")we(()=>c.strokeRect(D,B,u.x-D,u.y-B),o),c.strokeStyle=r,c.lineWidth=o,c.strokeRect(D,B,u.x-D,u.y-B);else if(s==="circle"){let x=Math.abs(u.x-D)/2,S=Math.abs(u.y-B)/2,L=D+(u.x-D)/2,On=B+(u.y-B)/2;we(()=>{c.beginPath(),c.ellipse(L,On,x,S,0,0,Math.PI*2),c.stroke()},o),c.strokeStyle=r,c.lineWidth=o,c.beginPath(),c.ellipse(L,On,x,S,0,0,Math.PI*2),c.stroke()}else if(s==="arrow"){let x=Math.atan2(u.y-B,u.x-D),S=12+o*2,L=()=>{c.beginPath(),c.moveTo(D,B),c.lineTo(u.x,u.y),c.stroke(),c.beginPath(),c.moveTo(u.x,u.y),c.lineTo(u.x-S*Math.cos(x-.45),u.y-S*Math.sin(x-.45)),c.moveTo(u.x,u.y),c.lineTo(u.x-S*Math.cos(x+.45),u.y-S*Math.sin(x+.45)),c.stroke()};we(L,o),c.strokeStyle=r,c.lineWidth=o,c.lineCap="round",c.lineJoin="round",L()}}});let N=M=>{if(w)return w=!1,T=!1,b=-1,v.classList.remove("bs-grabbing"),v.classList.remove("bs-grab"),U(),void 0;if(!k)return;k=!1;let u=m(M);if(s==="draw"||s==="highlight")j.length>1&&d.push({type:s,color:r,size:o,alpha:s==="highlight"?.25:1,points:[...j]}),j=[];else if(s==="rect")d.push({type:"rect",color:r,size:o,x:D,y:B,w:u.x-D,h:u.y-B});else if(s==="circle"){let x=Math.abs(u.x-D)/2,S=Math.abs(u.y-B)/2;d.push({type:"circle",color:r,size:o,cx:D+(u.x-D)/2,cy:B+(u.y-B)/2,rx:x,ry:S})}else s==="arrow"&&d.push({type:"arrow",color:r,size:o,x1:D,y1:B,x2:u.x,y2:u.y});U()};v.addEventListener("mouseup",N),v.addEventListener("mouseleave",M=>{w?(w=!1,T=!1,v.classList.remove("bs-grabbing"),v.classList.remove("bs-grab"),U()):k&&N(M)});let F=M=>{b>=0&&(M.key==="Delete"||M.key==="Backspace")&&(d.splice(b,1),b=-1,U())};document.addEventListener("keydown",F),Dn.addEventListener("click",()=>{d.length&&(d.pop(),b=-1,U())}),Bn.addEventListener("click",()=>{d.length=0,p.length=0,b=-1,U(),vt()})};let hs=()=>{for(let l=0;l<p.length;l++){let f=p[l],g=16;c.beginPath(),c.arc(f.x,f.y-g,g,0,Math.PI*2),c.fillStyle=f.color,c.fill(),c.strokeStyle="#fff",c.lineWidth=2,c.stroke(),c.beginPath(),c.moveTo(f.x-8,f.y-6),c.lineTo(f.x,f.y+4),c.lineTo(f.x+8,f.y-6),c.fillStyle=f.color,c.fill(),c.fillStyle="#fff",c.font="bold 14px Inter, sans-serif",c.textAlign="center",c.textBaseline="middle",c.fillText(`${l+1}`,f.x,f.y-g),c.textAlign="start",c.textBaseline="alphabetic"}};return{getAnnotation:()=>{try{return b=-1,U(),hs(),v.toDataURL("image/jpeg",.7)}catch{return null}},getPins:()=>p.map((l,f)=>({number:f+1,x:Math.round(l.x),y:Math.round(l.y),note:l.note}))}}function bt(e){if(!h)return;We=e,h.querySelectorAll(".bs-tab").forEach(r=>{r.classList.toggle("bs-active",r.dataset.tab===e)});let t=h.querySelector(".bs-scroll"),n={report:ns,console:Do,network:Bo,context:Oo,history:No,settings:jo};t.innerHTML=n[e](),t.scrollTop=0,rs()}function rs(){if(!h)return;if(We==="history"){h.querySelectorAll("[data-hist-del]").forEach(n=>{n.addEventListener("click",()=>{let r=parseInt(n.dataset.histDel),s=h.querySelector(`[data-hist-id="${r}"]`);if(!s)return;let o=s.querySelector(".bs-hist-confirm");if(o){o.remove();return}let i=document.createElement("div");i.className="bs-hist-confirm",i.innerHTML="<span>Delete this report?</span>";let a=document.createElement("button");a.type="button",a.className="bs-hist-confirm-yes",a.textContent="Delete";let d=document.createElement("button");d.type="button",d.className="bs-hist-confirm-no",d.textContent="Cancel",a.addEventListener("click",()=>{Io(r),bt("history")}),d.addEventListener("click",()=>i.remove()),i.appendChild(a),i.appendChild(d),s.appendChild(i)})}),h.querySelectorAll("[data-hist-edit]").forEach(n=>{n.addEventListener("click",()=>{let r=parseInt(n.dataset.histEdit),s=h.querySelector(`[data-hist-id="${r}"]`);if(!s)return;let o=s.querySelector(".bs-hist-edit-wrap");if(o){o.remove();return}s.querySelector(".bs-hist-confirm")?.remove();let i=_e().find(w=>w.id===r);if(!i)return;let a=document.createElement("div");a.className="bs-hist-edit-wrap",a.innerHTML=`
+          <div class="bs-ann-pin-note">${j(l.note)}</div>
+          <div class="bs-ann-pin-loc">${Math.round(z)}% \xD7 ${Math.round(f)}%</div>
+        </div>`;let _=document.createElement("button");_.type="button",_.className="bs-ann-pin-del",_.innerHTML="&times;",_.title="Remove pin",_.addEventListener("click",()=>{p.splice(m,1),Pe()}),U.appendChild(_),Rt.appendChild(U)})},d,dn=()=>a?"rgba(255,255,255,0.5)":"rgba(0,0,0,0.35)",Ct=(l,m)=>{d.save(),d.strokeStyle=dn(),d.lineWidth=m+3,d.lineCap="round",d.lineJoin="round",d.globalAlpha=.5,l(),d.restore()},Rs=(l,m=!1)=>{if(l.type==="draw"||l.type==="highlight"){if(l.points.length<2)return;let f=l.type==="highlight"?.25:1,I=l.type==="highlight"?l.size*4+10:l.size,U=()=>{d.beginPath(),d.moveTo(l.points[0].x,l.points[0].y);for(let _=1;_<l.points.length;_++)d.lineTo(l.points[_].x,l.points[_].y);d.stroke()};l.type!=="highlight"&&Ct(U,I),d.strokeStyle=l.color,d.lineWidth=I,d.lineCap="round",d.lineJoin="round",d.globalAlpha=f,U(),d.globalAlpha=1}else if(l.type==="rect"){let f=()=>d.strokeRect(l.x,l.y,l.w,l.h);Ct(f,l.size),d.strokeStyle=l.color,d.lineWidth=l.size,d.lineCap="round",d.lineJoin="round",f()}else if(l.type==="circle"){let f=()=>{d.beginPath(),d.ellipse(l.cx,l.cy,Math.abs(l.rx),Math.abs(l.ry),0,0,Math.PI*2),d.stroke()};Ct(f,l.size),d.strokeStyle=l.color,d.lineWidth=l.size,f()}else if(l.type==="arrow"){let f=Math.atan2(l.y2-l.y1,l.x2-l.x1),I=12+l.size*2,U=()=>{d.beginPath(),d.moveTo(l.x1,l.y1),d.lineTo(l.x2,l.y2),d.stroke(),d.beginPath(),d.moveTo(l.x2,l.y2),d.lineTo(l.x2-I*Math.cos(f-.45),l.y2-I*Math.sin(f-.45)),d.moveTo(l.x2,l.y2),d.lineTo(l.x2-I*Math.cos(f+.45),l.y2-I*Math.sin(f+.45)),d.stroke()};Ct(U,l.size),d.strokeStyle=l.color,d.lineWidth=l.size,d.lineCap="round",d.lineJoin="round",U()}else if(l.type==="text"){let f=l.size*5+12;d.font=`bold ${f}px Inter, -apple-system, sans-serif`,d.fillStyle=dn(),d.globalAlpha=.6,d.fillText(l.text,l.x+1,l.y+1),d.globalAlpha=1,d.fillStyle=l.color,d.fillText(l.text,l.x,l.y)}let h=!m&&b>=0&&c[b]===l,z=!m&&!h&&v>=0&&c[v]===l;if(h||z){let f=ee(l);if(d.save(),d.setLineDash([6,4]),d.strokeStyle=a?"#fff":"#000",d.lineWidth=h?1.5:1,d.globalAlpha=h?.7:.45,d.strokeRect(f.x-4,f.y-4,f.w+8,f.h+8),l.type==="rect"||l.type==="circle"){d.setLineDash([]),d.globalAlpha=h?.9:.6;let U=l.type==="rect"?[[f.x,f.y],[f.x+f.w,f.y],[f.x,f.y+f.h],[f.x+f.w,f.y+f.h]]:[[f.x+f.w/2,f.y],[f.x+f.w,f.y+f.h/2],[f.x+f.w/2,f.y+f.h],[f.x,f.y+f.h/2]];for(let[_,N]of U)d.fillStyle="#fff",d.fillRect(_-5,N-5,10,10),d.strokeStyle=a?"#aaa":"#333",d.lineWidth=1.2,d.strokeRect(_-5,N-5,10,10)}d.restore()}},F=()=>{d.clearRect(0,0,k.width,k.height),d.drawImage(lt,0,0);for(let l of c)Rs(l)},ee=l=>{if(l.type==="rect")return{x:Math.min(l.x,l.x+l.w),y:Math.min(l.y,l.y+l.h),w:Math.abs(l.w),h:Math.abs(l.h)};if(l.type==="circle")return{x:l.cx-Math.abs(l.rx),y:l.cy-Math.abs(l.ry),w:Math.abs(l.rx)*2,h:Math.abs(l.ry)*2};if(l.type==="arrow"){let I=Math.min(l.x1,l.x2),U=Math.min(l.y1,l.y2);return{x:I,y:U,w:Math.abs(l.x2-l.x1)||20,h:Math.abs(l.y2-l.y1)||20}}if(l.type==="text")return{x:l.x,y:l.y-(l.size*5+12),w:l.text.length*(l.size*3+8),h:l.size*5+16};if(l.points.length===0)return{x:0,y:0,w:0,h:0};let m=1/0,h=1/0,z=-1/0,f=-1/0;for(let I of l.points)m=Math.min(m,I.x),h=Math.min(h,I.y),z=Math.max(z,I.x),f=Math.max(f,I.y);return{x:m,y:h,w:z-m||10,h:f-h||10}},Te=(l,m)=>{for(let h=c.length-1;h>=0;h--){let z=ee(c[h]),f=8;if(l>=z.x-f&&l<=z.x+z.w+f&&m>=z.y-f&&m<=z.y+z.h+f)return h}return-1},zs=(l,m,h)=>{if(l.type==="draw"||l.type==="highlight")for(let z of l.points)z.x+=m,z.y+=h;else l.type==="rect"?(l.x+=m,l.y+=h):l.type==="circle"?(l.cx+=m,l.cy+=h):l.type==="arrow"?(l.x1+=m,l.y1+=h,l.x2+=m,l.y2+=h):l.type==="text"&&(l.x+=m,l.y+=h)};lt.onload=()=>{let m=(t.clientWidth||450)/lt.width;k.width=lt.width,k.height=lt.height,k.style.height=`${lt.height*m}px`,d=k.getContext("2d"),d.drawImage(lt,0,0);let h=[[10,10],[k.width-10,10],[10,k.height-10],[k.width-10,k.height-10],[k.width/2,k.height/2]],z=0;for(let[N,u]of h){let y=d.getImageData(N,u,1,1).data;z+=(y[0]*299+y[1]*587+y[2]*114)/1e3}a=z/h.length<128;let f=N=>{let u=k.getBoundingClientRect();return{x:(N.clientX-u.left)*(k.width/u.width),y:(N.clientY-u.top)*(k.height/u.height)}},I=!1;k.addEventListener("mousedown",N=>{let u=f(N);if(s==="select"){let y=Te(u.x,u.y);if(y>=0){b=y,S=!0;let M=ee(c[y]);R=u.x-M.x,Z=u.y-M.y,k.classList.add("bs-grabbing"),k.classList.remove("bs-grab"),F()}else b=-1,F();return}if(s!=="pin"&&s!=="text"){let y=Te(u.x,u.y);if(y>=0){b=y,S=!0,I=!0;let M=ee(c[y]);R=u.x-M.x,Z=u.y-M.y,k.classList.add("bs-grabbing"),F();return}}if(D=!0,w=u.x,E=u.y,s==="pin"){D=!1;let y=prompt("Describe the issue at this spot:");if(y){let M=pt[p.length%pt.length];p.push({x:u.x,y:u.y,note:y,color:M}),Pe()}return}if(s==="text"){D=!1;let y=prompt("Enter text:");y&&(c.push({type:"text",color:r,size:o,x:u.x,y:u.y,text:y}),F());return}(s==="draw"||s==="highlight")&&(T=[{x:u.x,y:u.y}])}),k.addEventListener("mousemove",N=>{let u=f(N);if(S&&b>=0){let y=ee(c[b]),M=u.x-R-y.x,A=u.y-Z-y.y;zs(c[b],M,A),F();return}if(s==="select"){let y=Te(u.x,u.y);k.classList.toggle("bs-grab",y>=0),v!==y&&(v=y,F());return}if(s!=="pin"&&s!=="text"&&!D){let y=Te(u.x,u.y);k.classList.toggle("bs-grab",y>=0),v!==y&&(v=y,F())}if(D){if(s==="draw"||s==="highlight"){T.push({x:u.x,y:u.y}),F();let y=s==="highlight"?.25:1,M=s==="highlight"?o*4+10:o;if(s!=="highlight"){d.save(),d.strokeStyle=dn(),d.lineWidth=M+3,d.lineCap="round",d.lineJoin="round",d.globalAlpha=.5,d.beginPath(),d.moveTo(T[0].x,T[0].y);for(let A=1;A<T.length;A++)d.lineTo(T[A].x,T[A].y);d.stroke(),d.restore()}d.strokeStyle=r,d.lineWidth=M,d.lineCap="round",d.lineJoin="round",d.globalAlpha=y,d.beginPath(),d.moveTo(T[0].x,T[0].y);for(let A=1;A<T.length;A++)d.lineTo(T[A].x,T[A].y);d.stroke(),d.globalAlpha=1}else if(F(),d.strokeStyle=r,d.lineWidth=o,d.lineCap="round",d.lineJoin="round",s==="rect")Ct(()=>d.strokeRect(w,E,u.x-w,u.y-E),o),d.strokeStyle=r,d.lineWidth=o,d.strokeRect(w,E,u.x-w,u.y-E);else if(s==="circle"){let y=Math.abs(u.x-w)/2,M=Math.abs(u.y-E)/2,A=w+(u.x-w)/2,Xn=E+(u.y-E)/2;Ct(()=>{d.beginPath(),d.ellipse(A,Xn,y,M,0,0,Math.PI*2),d.stroke()},o),d.strokeStyle=r,d.lineWidth=o,d.beginPath(),d.ellipse(A,Xn,y,M,0,0,Math.PI*2),d.stroke()}else if(s==="arrow"){let y=Math.atan2(u.y-E,u.x-w),M=12+o*2,A=()=>{d.beginPath(),d.moveTo(w,E),d.lineTo(u.x,u.y),d.stroke(),d.beginPath(),d.moveTo(u.x,u.y),d.lineTo(u.x-M*Math.cos(y-.45),u.y-M*Math.sin(y-.45)),d.moveTo(u.x,u.y),d.lineTo(u.x-M*Math.cos(y+.45),u.y-M*Math.sin(y+.45)),d.stroke()};Ct(A,o),d.strokeStyle=r,d.lineWidth=o,d.lineCap="round",d.lineJoin="round",A()}}});let U=N=>{if(S)return S=!1,I=!1,b=-1,k.classList.remove("bs-grabbing"),k.classList.remove("bs-grab"),F(),void 0;if(!D)return;D=!1;let u=f(N);if(s==="draw"||s==="highlight")T.length>1&&c.push({type:s,color:r,size:o,alpha:s==="highlight"?.25:1,points:[...T]}),T=[];else if(s==="rect")c.push({type:"rect",color:r,size:o,x:w,y:E,w:u.x-w,h:u.y-E});else if(s==="circle"){let y=Math.abs(u.x-w)/2,M=Math.abs(u.y-E)/2;c.push({type:"circle",color:r,size:o,cx:w+(u.x-w)/2,cy:E+(u.y-E)/2,rx:y,ry:M})}else s==="arrow"&&c.push({type:"arrow",color:r,size:o,x1:w,y1:E,x2:u.x,y2:u.y});F()};k.addEventListener("mouseup",U),k.addEventListener("mouseleave",N=>{S?(S=!1,I=!1,k.classList.remove("bs-grabbing"),k.classList.remove("bs-grab"),F()):D&&U(N)});let _=N=>{b>=0&&(N.key==="Delete"||N.key==="Backspace")&&(c.splice(b,1),b=-1,F())};document.addEventListener("keydown",_),Wn.addEventListener("click",()=>{c.length&&(c.pop(),b=-1,F())}),Yn.addEventListener("click",()=>{c.length=0,p.length=0,b=-1,F(),Pe()})};let Is=()=>{for(let l=0;l<p.length;l++){let m=p[l],h=16;d.beginPath(),d.arc(m.x,m.y-h,h,0,Math.PI*2),d.fillStyle=m.color,d.fill(),d.strokeStyle="#fff",d.lineWidth=2,d.stroke(),d.beginPath(),d.moveTo(m.x-8,m.y-6),d.lineTo(m.x,m.y+4),d.lineTo(m.x+8,m.y-6),d.fillStyle=m.color,d.fill(),d.fillStyle="#fff",d.font="bold 14px Inter, sans-serif",d.textAlign="center",d.textBaseline="middle",d.fillText(`${l+1}`,m.x,m.y-h),d.textAlign="start",d.textBaseline="alphabetic"}};return{getAnnotation:()=>{try{return b=-1,F(),Is(),k.toDataURL("image/jpeg",.7)}catch{return null}},getPins:()=>p.map((l,m)=>({number:m+1,x:Math.round(l.x),y:Math.round(l.y),note:l.note}))}}function ve(t){if(!g)return;Gt=t,g.querySelectorAll(".bs-tab").forEach(r=>{r.classList.toggle("bs-active",r.dataset.tab===t)});let e=g.querySelector(".bs-scroll"),n={report:vs,console:ti,network:ei,context:ni,history:ri,settings:si};e.innerHTML=n[t](),e.scrollTop=0,ys()}function ys(){if(!g)return;if(Gt==="history"){g.querySelectorAll("[data-hist-del]").forEach(n=>{n.addEventListener("click",()=>{let r=parseInt(n.dataset.histDel),s=g.querySelector(`[data-hist-id="${r}"]`);if(!s)return;let o=s.querySelector(".bs-hist-confirm");if(o){o.remove();return}let i=document.createElement("div");i.className="bs-hist-confirm",i.innerHTML="<span>Delete this report?</span>";let a=document.createElement("button");a.type="button",a.className="bs-hist-confirm-yes",a.textContent="Delete";let c=document.createElement("button");c.type="button",c.className="bs-hist-confirm-no",c.textContent="Cancel",a.addEventListener("click",()=>{Qo(r),ve("history")}),c.addEventListener("click",()=>i.remove()),i.appendChild(a),i.appendChild(c),s.appendChild(i)})}),g.querySelectorAll("[data-hist-edit]").forEach(n=>{n.addEventListener("click",()=>{let r=parseInt(n.dataset.histEdit),s=g.querySelector(`[data-hist-id="${r}"]`);if(!s)return;let o=s.querySelector(".bs-hist-edit-wrap");if(o){o.remove();return}s.querySelector(".bs-hist-confirm")?.remove();let i=Qt().find(S=>S.id===r);if(!i)return;let a=document.createElement("div");a.className="bs-hist-edit-wrap",a.innerHTML=`
           <div class="bs-field" style="margin-bottom:8px">
-            <input class="bs-input" data-edit-title value="${A(i.title)}" />
+            <input class="bs-input" data-edit-title value="${j(i.title)}" />
           </div>
           <div class="bs-field" style="margin-bottom:8px">
-            <textarea class="bs-textarea" data-edit-desc style="min-height:56px">${A(i.description)}</textarea>
+            <textarea class="bs-textarea" data-edit-desc style="min-height:56px">${j(i.description)}</textarea>
           </div>
           <div class="bs-field" style="margin-bottom:8px">
             <div class="bs-sev-row">
@@ -1618,14 +1798,14 @@ ${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{
               <button type="button" class="bs-sev-btn bs-sev-critical${i.severity==="critical"?" bs-picked":""}" data-edit-sev="critical">Critical</button>
             </div>
           </div>
-          <div class="bs-hist-edit-row"></div>`;let d=i.severity;s.appendChild(a),a.querySelectorAll("[data-edit-sev]").forEach(w=>{w.addEventListener("click",()=>{d=w.dataset.editSev,a.querySelectorAll(".bs-sev-btn").forEach(k=>k.classList.remove("bs-picked")),w.classList.add("bs-picked")})});let p=a.querySelector(".bs-hist-edit-row"),b=document.createElement("button");b.type="button",b.className="bs-hist-save",b.textContent="Save";let y=document.createElement("button");y.type="button",y.className="bs-hist-cancel",y.textContent="Cancel",b.addEventListener("click",()=>{let w=a.querySelector("[data-edit-title]").value.trim(),k=a.querySelector("[data-edit-desc]").value.trim();w&&(Ho(r,{title:w,description:k,severity:d}),bt("history"))}),y.addEventListener("click",()=>a.remove()),p.appendChild(b),p.appendChild(y)})});return}if(We==="settings"){h.querySelectorAll("[data-set-theme]").forEach(n=>{n.addEventListener("click",()=>{let r=n.dataset.setTheme;Kt(r),h.querySelectorAll("[data-set-theme]").forEach(s=>s.classList.remove("bs-picked")),n.classList.add("bs-picked")})}),h.querySelectorAll("[data-set-layout]").forEach(n=>{n.addEventListener("click",()=>{let r=n.dataset.setLayout,s=ot(r);s&&(Ee=s,Z(),setTimeout(()=>{We="settings",be(),setTimeout(()=>bt("settings"),50)},400))})});return}if(We!=="report")return;h.querySelectorAll(".bs-cat-btn").forEach(n=>{n.addEventListener("click",()=>{let r=n.dataset.cat;h.querySelector('input[name="category"]').value=r,h.querySelectorAll(".bs-cat-btn").forEach(s=>s.classList.remove("bs-picked")),n.classList.add("bs-picked")})}),h.querySelectorAll(".bs-sev-btn").forEach(n=>{n.addEventListener("click",()=>{let r=n.dataset.sev;h.querySelector('input[name="severity"]').value=r,h.querySelectorAll(".bs-sev-btn").forEach(s=>s.classList.remove("bs-picked")),n.classList.add("bs-picked")})});let e=null,t=null;h.querySelector("[data-bs-screenshot]")?.addEventListener("click",async()=>{let n=h?.querySelector("[data-bs-shot-title]"),r=h?.querySelector("[data-bs-shot-sub]"),s=h?.querySelector("[data-bs-screenshot]");if(n&&(n.textContent="Capturing..."),h&&(h.style.visibility="hidden"),G&&(G.style.visibility="hidden"),await new Promise(o=>setTimeout(o,200)),e=await un(!0),h&&(h.style.visibility=""),G&&(G.style.visibility=""),e){n&&(n.textContent="Screenshot captured!"),r&&(r.textContent="Draw on the image below to highlight the issue"),s?.classList.add("bs-captured");let o=h?.querySelector("[data-bs-annotate]");o&&(t=qo(o,e))}else n&&(n.textContent="Screenshot unavailable"),r&&(r.textContent="Could not capture screenshot on this page")}),h.querySelector("[data-bs-form]")?.addEventListener("submit",async n=>{n.preventDefault();let r=n.target,s=r.querySelector(".bs-submit-btn"),o=r.elements.namedItem("title").value.trim(),i=r.elements.namedItem("description").value.trim(),a=r.elements.namedItem("severity").value,d=r.elements.namedItem("category").value;if(!o)return;s.disabled=!0,s.textContent="Sending...";let p=ts(),b={projectId:V.projectId,title:o,description:i,category:d,severity:a,tags:p.tags.length?p.tags:void 0,context:es(),consoleLogs:le(),errors:ce(),networkCaptures:fe(),breadcrumbs:Te(),performance:Ae()??void 0,screenshot:e??void 0,annotation:t?.getAnnotation()??void 0,pins:t?.getPins().length?t.getPins():void 0,createdAt:Date.now()},y=await hn(b);zo({title:b.title,description:b.description,category:b.category,severity:b.severity,tags:b.tags,screenshot:b.screenshot,pins:b.pins,url:window.location.href,createdAt:b.createdAt,status:y.success?"sent":"draft"}),y.success?(s.innerHTML=`${H.check} Bug reported!`,s.classList.add("bs-submit-ok"),setTimeout(Z,1200)):(s.textContent=y.error??"Failed \u2014 saved as draft",s.classList.add("bs-submit-err"),setTimeout(()=>{s.disabled=!1,s.textContent="Submit Report",s.classList.remove("bs-submit-err")},2500))})}function be(){if(Q)return;Q=!0,We="report",$n(),G=document.createElement("div"),G.className="bs-backdrop",oe.appendChild(G);let e=fe().length,t=ce().length;h=document.createElement("div"),h.className=`bs-modal bs-ly-${Ee.id}`,Se(h);let n=`
+          <div class="bs-hist-edit-row"></div>`;let c=i.severity;s.appendChild(a),a.querySelectorAll("[data-edit-sev]").forEach(S=>{S.addEventListener("click",()=>{c=S.dataset.editSev,a.querySelectorAll(".bs-sev-btn").forEach(D=>D.classList.remove("bs-picked")),S.classList.add("bs-picked")})});let p=a.querySelector(".bs-hist-edit-row"),b=document.createElement("button");b.type="button",b.className="bs-hist-save",b.textContent="Save";let v=document.createElement("button");v.type="button",v.className="bs-hist-cancel",v.textContent="Cancel",b.addEventListener("click",()=>{let S=a.querySelector("[data-edit-title]").value.trim(),D=a.querySelector("[data-edit-desc]").value.trim();S&&(Zo(r,{title:S,description:D,severity:c}),ve("history"))}),v.addEventListener("click",()=>a.remove()),p.appendChild(b),p.appendChild(v)})});return}if(Gt==="settings"){g.querySelectorAll("[data-set-theme]").forEach(n=>{n.addEventListener("click",()=>{let r=n.dataset.setTheme;ye(r),g.querySelectorAll("[data-set-theme]").forEach(s=>s.classList.remove("bs-picked")),n.classList.add("bs-picked")})}),g.querySelectorAll("[data-set-layout]").forEach(n=>{n.addEventListener("click",()=>{let r=n.dataset.setLayout,s=be(r);s&&(At=s,nt(),setTimeout(()=>{Gt="settings",at(),setTimeout(()=>ve("settings"),50)},400))})});return}if(Gt!=="report")return;g.querySelectorAll(".bs-cat-btn").forEach(n=>{n.addEventListener("click",()=>{let r=n.dataset.cat;g.querySelector('input[name="category"]').value=r,g.querySelectorAll(".bs-cat-btn").forEach(s=>s.classList.remove("bs-picked")),n.classList.add("bs-picked")})}),g.querySelectorAll(".bs-sev-btn").forEach(n=>{n.addEventListener("click",()=>{let r=n.dataset.sev;g.querySelector('input[name="severity"]').value=r,g.querySelectorAll(".bs-sev-btn").forEach(s=>s.classList.remove("bs-picked")),n.classList.add("bs-picked")})});let t=null,e=null;g.querySelector("[data-bs-screenshot]")?.addEventListener("click",async()=>{let n=g?.querySelector("[data-bs-shot-title]"),r=g?.querySelector("[data-bs-shot-sub]"),s=g?.querySelector("[data-bs-screenshot]");if(n&&(n.textContent="Capturing..."),g&&(g.style.visibility="hidden"),et&&(et.style.visibility="hidden"),await new Promise(o=>setTimeout(o,200)),t=await Ue(!0),g&&(g.style.visibility=""),et&&(et.style.visibility=""),t){n&&(n.textContent="Screenshot captured!"),r&&(r.textContent="Draw on the image below to highlight the issue"),s?.classList.add("bs-captured");let o=g?.querySelector("[data-bs-annotate]");o&&(e=oi(o,t))}else n&&(n.textContent="Screenshot unavailable"),r&&(r.textContent="Could not capture screenshot on this page")}),g.querySelector("[data-bs-form]")?.addEventListener("submit",async n=>{n.preventDefault();let r=n.target,s=r.querySelector(".bs-submit-btn"),o=r.elements.namedItem("title").value.trim(),i=r.elements.namedItem("description").value.trim(),a=r.elements.namedItem("severity").value,c=r.elements.namedItem("category").value;if(!o)return;s.disabled=!0,s.textContent="Sending...";let p=hs(),b={projectId:G.projectId,title:o,description:i,category:c,severity:a,tags:p.tags.length?p.tags:void 0,context:gs(),consoleLogs:ut(),errors:ft(),networkCaptures:vt(),breadcrumbs:zt(),performance:Bt()??void 0,screenshot:t??void 0,annotation:e?.getAnnotation()??void 0,pins:e?.getPins().length?e.getPins():void 0,createdAt:Date.now()},v=await kn(b);Go({title:b.title,description:b.description,category:b.category,severity:b.severity,tags:b.tags,screenshot:b.screenshot,pins:b.pins,url:window.location.href,createdAt:b.createdAt,status:v.success?"sent":"draft"}),v.success?(s.innerHTML=`${O.check} Bug reported!`,s.classList.add("bs-submit-ok"),setTimeout(nt,1200)):(s.textContent=v.error??"Failed \u2014 saved as draft",s.classList.add("bs-submit-err"),setTimeout(()=>{s.disabled=!1,s.textContent="Submit Report",s.classList.remove("bs-submit-err")},2500))})}function at(){if(!J||K)return;K=!0,Gt="report",Bn(),et=J.createElement("div"),et.className="bs-backdrop",J.body.appendChild(et);let t=vt().length,e=ft().length;g=J.createElement("div"),g.className=`bs-modal bs-ly-${At.id}`,kt(g);let n=`
     <div class="bs-tabs">
-      <button class="bs-tab bs-active" data-tab="report">${H.report} Report</button>
-      <button class="bs-tab" data-tab="console">${H.console} Console <span class="bs-tab-badge">${le().length}</span></button>
-      <button class="bs-tab" data-tab="network">${H.network} Network ${e?`<span class="bs-tab-badge bs-warn">${e}</span>`:`<span class="bs-tab-badge">${Me().length}</span>`}</button>
-      <button class="bs-tab" data-tab="context">${H.ctx} Context ${t?`<span class="bs-tab-badge bs-warn">${t}</span>`:""}</button>
-      <button class="bs-tab" data-tab="history">${H.history} History <span class="bs-tab-badge">${_e().length}</span></button>
-    </div>`,r=ne(),s=r?r.name.split(" ").map(y=>y[0]).join("").toUpperCase().slice(0,2):"",o=Vt(),i=r?`
+      <button class="bs-tab bs-active" data-tab="report">${O.report} Report</button>
+      <button class="bs-tab" data-tab="console">${O.console} Console <span class="bs-tab-badge">${ut().length}</span></button>
+      <button class="bs-tab" data-tab="network">${O.network} Network ${t?`<span class="bs-tab-badge bs-warn">${t}</span>`:`<span class="bs-tab-badge">${Dt().length}</span>`}</button>
+      <button class="bs-tab" data-tab="context">${O.ctx} Context ${e?`<span class="bs-tab-badge bs-warn">${e}</span>`:""}</button>
+      <button class="bs-tab" data-tab="history">${O.history} History <span class="bs-tab-badge">${Qt().length}</span></button>
+    </div>`,r=ot(),s=r?r.name.split(" ").map(v=>v[0]).join("").toUpperCase().slice(0,2):"",o=nn(),i=r?`
     <div class="bs-hdr">
       <div class="bs-logo">BugStash</div>
       <div class="bs-hdr-right">
@@ -1637,35 +1817,39 @@ ${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{
           <div class="bs-user-avatar">${s}</div>
           <span>${r.name.split(" ")[0]}</span>
         </div>
-        <button class="bs-hdr-icon" data-tab="settings" title="Settings">${H.settings}</button>
+        <button class="bs-hdr-icon" data-tab="settings" title="Settings">${O.settings}</button>
         <button class="bs-login-logout" data-bs-logout title="Sign out">Logout</button>
-        <button class="bs-close-btn" data-bs-close title="Close">${H.x}</button>
+        <button class="bs-close-btn" data-bs-close title="Close">${O.x}</button>
       </div>
     </div>`:`
     <div class="bs-hdr" style="justify-content:flex-end">
-      <button class="bs-close-btn" data-bs-close title="Close">${H.x}</button>
-    </div>`,a=Ee.tabPosition==="left",d=Ee.tabPosition==="bottom",p=r?ns():Ao();a?h.innerHTML=`
+      <button class="bs-close-btn" data-bs-close title="Close">${O.x}</button>
+    </div>`,a=At.tabPosition==="left",c=At.tabPosition==="bottom",p=r?vs():Jo();a?g.innerHTML=`
       ${i}
       <div class="bs-body-wrap">
         ${r?n:""}
         <div class="bs-scroll">${p}</div>
-      </div>`:d?h.innerHTML=`
+      </div>`:c?g.innerHTML=`
       ${i}
       <div class="bs-scroll">${p}</div>
-      ${r?`<div class="bs-tab-divider"></div>${n}`:""}`:h.innerHTML=`
+      ${r?`<div class="bs-tab-divider"></div>${n}`:""}`:g.innerHTML=`
       ${i}
       ${r?`${n}<div class="bs-tab-divider"></div>`:""}
-      <div class="bs-scroll">${p}</div>`,oe.appendChild(h),O&&O.classList.add("bs-open"),requestAnimationFrame(()=>{G?.classList.add("bs-in"),h?.classList.add("bs-in")}),h.querySelectorAll(".bs-tab").forEach(y=>{y.addEventListener("click",()=>bt(y.dataset.tab))}),h.querySelector('.bs-hdr-icon[data-tab="settings"]')?.addEventListener("click",()=>bt("settings")),h.querySelector("[data-bs-close]")?.addEventListener("click",Z),G.addEventListener("click",Z),h.querySelector("[data-bs-pin-toggle]")?.addEventListener("click",()=>{let y=Fe(),w=h?.querySelector("[data-bs-pin-toggle]");w&&(w.classList.toggle("active",y),w.innerHTML=`
+      <div class="bs-scroll">${p}</div>`,J.body.appendChild(g),x&&x.classList.add("bs-open"),requestAnimationFrame(()=>{et?.classList.add("bs-in"),g?.classList.add("bs-in")}),g.querySelectorAll(".bs-tab").forEach(v=>{v.addEventListener("click",()=>ve(v.dataset.tab))}),g.querySelector('.bs-hdr-icon[data-tab="settings"]')?.addEventListener("click",()=>ve("settings")),g.querySelector("[data-bs-close]")?.addEventListener("click",nt),et.addEventListener("click",nt),g.querySelector("[data-bs-pin-toggle]")?.addEventListener("click",()=>{let v=$t(),S=g?.querySelector("[data-bs-pin-toggle]");S&&(S.classList.toggle("active",v),S.innerHTML=`
         <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
-        Pins ${y?"ON":"OFF"}
-      `)}),h.querySelector("[data-bs-logout]")?.addEventListener("click",()=>{Bt(),Z(),setTimeout(()=>be(),300)}),r?rs():Uo();let b=y=>{y.key==="Escape"&&(Z(),document.removeEventListener("keydown",b))};document.addEventListener("keydown",b)}function Uo(){if(!h)return;let e=h.querySelector("#bs-login-submit"),t=h.querySelector("#bs-login-email"),n=h.querySelector("#bs-login-pass"),r=h.querySelector("#bs-login-error");if(!e||!t||!n)return;let s=async()=>{let o=t.value.trim(),i=n.value;if(!o||!i){r.textContent="Please enter email and password",r.style.display="block";return}e.setAttribute("disabled","true"),e.textContent="Signing in...",r.style.display="none";let a=await Dt(o,i,V.projectId);a.success?(ct(V.projectId,oe),it(V.projectId),Z(),setTimeout(()=>be(),300)):(r.textContent=a.error||"Invalid credentials",r.style.display="block",e.removeAttribute("disabled"),e.textContent="Sign In")};e.addEventListener("click",s),n.addEventListener("keydown",o=>{o.key==="Enter"&&s()}),t.addEventListener("keydown",o=>{o.key==="Enter"&&n.focus()}),setTimeout(()=>t.focus(),100)}function Z(){Q&&(O&&O.classList.remove("bs-open"),h&&(h.classList.remove("bs-in"),h.classList.add("bs-out")),G&&G.classList.remove("bs-in"),setTimeout(()=>{h?.remove(),G?.remove(),h=null,G=null,Q=!1},350))}function Se(e){for(let[t,n]of Object.entries(ye.vars))e.style.setProperty(t,n)}function Kt(e){let t=jt(e);t&&(ye=t,h&&Se(h),O&&Se(O),I&&Se(I))}function ss(){return ye.id}function os(e){let t=ot(e);t&&(Ee=t,Q&&(Z(),setTimeout(be,400)))}function is(){return Ee.id}function as(e,t){V=e,oe=t,dt=document.createElement("style"),dt.textContent=`
+        Pins ${v?"ON":"OFF"}
+      `)}),g.querySelector("[data-bs-logout]")?.addEventListener("click",()=>{We(),nt(),setTimeout(()=>at(),300)}),r?ys():ii();let b=v=>{v.key==="Escape"&&(nt(),document.removeEventListener("keydown",b))};document.addEventListener("keydown",b)}function ii(){if(!g)return;let t=g.querySelector("#bs-login-submit"),e=g.querySelector("#bs-login-email"),n=g.querySelector("#bs-login-pass"),r=g.querySelector("#bs-login-error");if(!t||!e||!n)return;let s=async()=>{let o=e.value.trim(),i=n.value;if(!o||!i){r.textContent="Please enter email and password",r.style.display="block";return}t.setAttribute("disabled","true"),t.textContent="Signing in...",r.style.display="none";let a=await _e(o,i,G.projectId);a.success?(Kt(G.projectId,Et),Yt(G.projectId),nt(),setTimeout(()=>at(),300)):(r.textContent=a.error||"Invalid credentials",r.style.display="block",t.removeAttribute("disabled"),t.textContent="Sign In")};t.addEventListener("click",s),n.addEventListener("keydown",o=>{o.key==="Enter"&&s()}),e.addEventListener("keydown",o=>{o.key==="Enter"&&n.focus()}),setTimeout(()=>e.focus(),100)}function nt(){K&&(x&&x.classList.remove("bs-open"),g&&(g.classList.remove("bs-in"),g.classList.add("bs-out")),et&&et.classList.remove("bs-in"),setTimeout(()=>{g?.remove(),et?.remove(),g=null,et=null,K=!1},350))}function kt(t){for(let[e,n]of Object.entries(it.vars))t.style.setProperty(e,n)}function ye(t){let e=Ve(t);e&&(it=e,g&&kt(g),x&&kt(x),P&&kt(P))}function xs(){return it.id}function ws(t){let e=be(t);e&&(At=e,K&&(nt(),setTimeout(at,400)))}function ks(){return At.id}function ai(){try{let t=localStorage.getItem(us);if(!t)return null;let e=JSON.parse(t);if(typeof e.top=="number"&&typeof e.left=="number")return e}catch{}return null}function li(t,e){try{localStorage.setItem(us,JSON.stringify({top:t,left:e}))}catch{}}function ci(t,e){let s=window.innerWidth,o=window.innerHeight;return{top:Math.max(8,Math.min(o-56-8,t)),left:Math.max(8,Math.min(s-56-8,e))}}function Nn(t,e){if(!x)return;let n=ci(t,e);x.style.top=`${n.top}px`,x.style.left=`${n.left}px`,x.style.bottom="auto",x.style.right="auto",Es(n.top,n.left)}function Es(t,e){if(!P)return;let n=56,r=8,s=P.offsetHeight||200,o=t-s-r;o<8&&(o=t+n+r),P.style.top=`${o}px`,P.style.bottom="auto",P.style.left=`${e+n/2-20}px`,P.style.right="auto"}function di(){if(!x)return;let t=0,e=0,n=0,r=0,s=!1;function o(){x&&(x.removeEventListener("pointermove",a),x.removeEventListener("pointerup",c),x.classList.remove("bs-dragging")),Dn=null}function i(p){if(!x)return;Mt=!1,s=!1,t=p.clientX,e=p.clientY;let b=x.getBoundingClientRect();n=b.top,r=b.left,x.setPointerCapture(p.pointerId),x.addEventListener("pointermove",a),x.addEventListener("pointerup",c),Dn=o}function a(p){let b=p.clientX-t,v=p.clientY-e;if(!s&&Math.abs(b)<5&&Math.abs(v)<5)return;s=!0,Mt=!0,x?.classList.add("bs-dragging");let S=n+v,D=r+b;Nn(S,D)}function c(p){if(x?.releasePointerCapture(p.pointerId),o(),s&&x){let b=x.getBoundingClientRect();li(b.top,b.left),p.preventDefault(),p.stopPropagation(),setTimeout(()=>{Mt=!1},10)}else Mt=!1}x.addEventListener("pointerdown",i)}function Ls(t,e){G=t,Et=e,wt=document.createElement("iframe"),wt.style.cssText="position:fixed;inset:0;z-index:2147483640;pointer-events:none;border:none;background:transparent;width:100%;height:100%;color-scheme:normal;";let n=`
     @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;600;700&family=Inter:wght@300;400;500;600;700&display=swap');
-    ${Mo}
-    ${Or}
-  `,oe.appendChild(dt);let n=e.panelPosition==="bottom-left"?"left":"right";O=document.createElement("button"),O.className="bs-fab",Se(O),O.innerHTML=`${H.bug}<span class="bs-fab-label">Report a bug</span>`,O.style[n]="24px",O.addEventListener("click",()=>Q?Z():be()),oe.appendChild(O),I=document.createElement("div"),I.className="bs-toolbar",I.style[n]="32px",Se(I);let s=navigator.platform.toUpperCase().includes("MAC")?"\u2318":"Ctrl",o=[{icon:H.cam,tip:"Screenshot",kbd:`${s}+Shift+S`,action:async()=>{let i=await un(!0);i&&(Q||be(),setTimeout(()=>{let a=h?.querySelector("[data-bs-screenshot]");if(a){a.__screenshot=i,a.classList.add("bs-captured");let d=a.querySelector("[data-bs-shot-title]"),p=a.querySelector("[data-bs-shot-sub]");d&&(d.textContent="Screenshot captured!"),p&&(p.textContent="Click to retake or annotate"),a.click()}},400))}},{icon:H.pin,tip:"Toggle Pins",kbd:`${s}+Shift+P`,id:"bs-tb-pin",action:()=>{if(!ne()){Q||be();return}oe?.querySelector("#bugstash-live-pins")||(ct(V.projectId,oe),it(V.projectId));let a=Fe(),d=I?.querySelector("#bs-tb-pin");d&&d.classList.toggle("bs-active",a);let p=h?.querySelector("[data-bs-pin-toggle]");p&&(p.classList.toggle("active",a),p.innerHTML=`
+    ${Vo}
+    ${Xr}
+    html, body { margin: 0; padding: 0; background: transparent; pointer-events: none; overflow: hidden; }
+  `;wt.srcdoc=`<!DOCTYPE html><html><head><style>${n}</style></head><body></body></html>`,wt.addEventListener("load",()=>{J=wt.contentDocument,J&&pi(t)}),Et.appendChild(wt),bi(t),he=()=>{if(!(!x||Mt)&&x.style.top&&x.style.top!=="auto"){let r=x.getBoundingClientRect();Nn(r.top,r.left)}},window.addEventListener("resize",he)}function pi(t){if(!J)return;let e=t.panelPosition==="bottom-left"?"left":"right";x=J.createElement("button"),x.className="bs-fab",kt(x),x.innerHTML=`${O.bug}<span class="bs-fab-label">Report a bug</span>`;let n=ai();n?Nn(n.top,n.left):x.style[e]="24px",x.addEventListener("click",()=>{Mt||(K?nt():at())}),J.body.appendChild(x),di(),P=J.createElement("div"),P.className="bs-toolbar",n?Es(n.top,n.left):P.style[e]="32px",kt(P);let s=navigator.platform.toUpperCase().includes("MAC")?"\u2318":"Ctrl",o=[{icon:O.cam,tip:"Screenshot",kbd:`${s}+Shift+S`,action:async()=>{let i=await Ue(!0);i&&(K||at(),setTimeout(()=>{let a=g?.querySelector("[data-bs-screenshot]");if(a){a.__screenshot=i,a.classList.add("bs-captured");let c=a.querySelector("[data-bs-shot-title]"),p=a.querySelector("[data-bs-shot-sub]");c&&(c.textContent="Screenshot captured!"),p&&(p.textContent="Click to retake or annotate"),a.click()}},400))}},{icon:O.pin,tip:"Toggle Pins",kbd:`${s}+Shift+P`,id:"bs-tb-pin",action:()=>{if(!ot()){K||at();return}Et?.querySelector("#bugstash-live-pins")||(Kt(G.projectId,Et),Yt(G.projectId));let a=$t(),c=P?.querySelector("#bs-tb-pin");c&&c.classList.toggle("bs-active",a);let p=g?.querySelector("[data-bs-pin-toggle]");p&&(p.classList.toggle("active",a),p.innerHTML=`
             <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
             Pins ${a?"ON":"OFF"}
-          `)}},{icon:ye.id==="black"?H.sun:H.moon,tip:"Toggle Theme",kbd:`${s}+Shift+T`,id:"bs-tb-theme",action:()=>{let i=ye.id==="black"?"white":"black";Kt(i),I&&Se(I);let a=I?.querySelector("#bs-tb-theme");a&&(a.innerHTML=`${ye.id==="black"?H.sun:H.moon}<span class="bs-toolbar-tip">${ye.id==="black"?"Light":"Dark"} Mode<span class="bs-toolbar-kbd">${s}+Shift+T</span></span>`)}},{icon:H.report,tip:"Open Panel",kbd:`${s}+Shift+B`,action:()=>{Q?Z():be()}}];for(let i of o){let a=document.createElement("button");a.className="bs-toolbar-btn",i.id&&(a.id=i.id),a.innerHTML=`${i.icon}<span class="bs-toolbar-tip">${i.tip}<span class="bs-toolbar-kbd">${i.kbd}</span></span>`,a.addEventListener("click",d=>{d.stopPropagation(),i.action()}),I.appendChild(a)}oe.appendChild(I),O.addEventListener("mouseenter",()=>{Q||Gr()}),O.addEventListener("mouseleave",i=>{let a=i.relatedTarget;I?.contains(a)||$n()}),I.addEventListener("mouseenter",()=>Gr()),I.addEventListener("mouseleave",i=>{let a=i.relatedTarget;O?.contains(a)||$n()}),pt=i=>{(i.ctrlKey||i.metaKey)&&i.shiftKey&&(i.key==="B"||i.key==="b"?(i.preventDefault(),Q?Z():be()):i.key==="S"||i.key==="s"?(i.preventDefault(),o[0].action()):i.key==="P"||i.key==="p"?(i.preventDefault(),o[1].action()):(i.key==="T"||i.key==="t")&&(i.preventDefault(),o[2].action()))},document.addEventListener("keydown",pt)}function Gr(){Jt||Q||(Jt=!0,I?.classList.add("bs-show"))}function $n(){Jt=!1,I?.classList.remove("bs-show")}function ls(){Z(),O?.remove(),O=null,I?.remove(),I=null,Jt=!1,dt?.remove(),dt=null,oe=null,pt&&document.removeEventListener("keydown",pt),pt=null}var ie=null,R=null,E=null,ue=null,Gt="freehand",Qt="#ef4444",Fo=3,Xe=[],J=null,ut=!1,Zt=null,Wo=[{id:"freehand",label:"Draw",icon:"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25z"},{id:"rectangle",label:"Rect",icon:"M3 3h18v18H3V3zm2 2v14h14V5H5z"},{id:"circle",label:"Circle",icon:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"},{id:"arrow",label:"Arrow",icon:"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"}],_o=["#ef4444","#f97316","#eab308","#22c55e","#3b82f6","#8b5cf6","#ffffff","#000000"];function ps(e){return new Promise(t=>{Zt=t,Xe=[],J=null,Gt="freehand",Qt="#ef4444",Xo(e)})}function Xo(e){ie&&ie.remove(),ie=document.createElement("div"),ie.id="bs-annotation-overlay";let t=document.createElement("style");t.textContent=`
+          `)}},{icon:it.id==="black"?O.sun:O.moon,tip:"Toggle Theme",kbd:`${s}+Shift+T`,id:"bs-tb-theme",action:()=>{let i=it.id==="black"?"white":"black";ye(i),P&&kt(P);let a=P?.querySelector("#bs-tb-theme");a&&(a.innerHTML=`${it.id==="black"?O.sun:O.moon}<span class="bs-toolbar-tip">${it.id==="black"?"Light":"Dark"} Mode<span class="bs-toolbar-kbd">${s}+Shift+T</span></span>`)}},{icon:O.report,tip:"Open Panel",kbd:`${s}+Shift+B`,action:()=>{K?nt():at()}}];for(let i of o){let a=J.createElement("button");a.className="bs-toolbar-btn",i.id&&(a.id=i.id),a.innerHTML=`${i.icon}<span class="bs-toolbar-tip">${i.tip}<span class="bs-toolbar-kbd">${i.kbd}</span></span>`,a.addEventListener("click",c=>{c.stopPropagation(),i.action()}),P.appendChild(a)}J.body.appendChild(P),x.addEventListener("mouseenter",()=>{K||bs()}),x.addEventListener("mouseleave",i=>{let a=i.relatedTarget;P?.contains(a)||Bn()}),P.addEventListener("mouseenter",()=>bs()),P.addEventListener("mouseleave",i=>{let a=i.relatedTarget;x?.contains(a)||Bn()})}function bi(t){let n=navigator.platform.toUpperCase().includes("MAC")?"\u2318":"Ctrl";ge=r=>{if((r.ctrlKey||r.metaKey)&&r.shiftKey){if(r.key==="B"||r.key==="b")r.preventDefault(),K?nt():at();else if(r.key==="S"||r.key==="s")r.preventDefault(),Ue(!0).then(o=>{o&&(K||at(),setTimeout(()=>{let i=g?.querySelector("[data-bs-screenshot]");if(i){i.__screenshot=o,i.classList.add("bs-captured");let a=i.querySelector("[data-bs-shot-title]"),c=i.querySelector("[data-bs-shot-sub]");a&&(a.textContent="Screenshot captured!"),c&&(c.textContent="Click to retake or annotate"),i.click()}},400))});else if(r.key==="P"||r.key==="p"){if(r.preventDefault(),!ot()){K||at();return}Et?.querySelector("#bugstash-live-pins")||(Kt(t.projectId,Et),Yt(t.projectId));let i=$t(),a=P?.querySelector("#bs-tb-pin");a&&a.classList.toggle("bs-active",i);let c=g?.querySelector("[data-bs-pin-toggle]");c&&(c.classList.toggle("active",i),c.innerHTML=`
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
+          Pins ${i?"ON":"OFF"}
+        `)}else if(r.key==="T"||r.key==="t"){r.preventDefault();let i=navigator.platform.toUpperCase().includes("MAC")?"\u2318":"Ctrl",a=it.id==="black"?"white":"black";ye(a),P&&kt(P);let c=P?.querySelector("#bs-tb-theme");c&&(c.innerHTML=`${it.id==="black"?O.sun:O.moon}<span class="bs-toolbar-tip">${it.id==="black"?"Light":"Dark"} Mode<span class="bs-toolbar-kbd">${i}+Shift+T</span></span>`)}}},document.addEventListener("keydown",ge)}function bs(){rn||K||(rn=!0,P?.classList.add("bs-show"))}function Bn(){rn=!1,P?.classList.remove("bs-show")}function Ss(){nt(),Dn?.(),Mt=!1,x?.remove(),x=null,P?.remove(),P=null,rn=!1,wt?.remove(),wt=null,J=null,Et=null,ge&&document.removeEventListener("keydown",ge),ge=null,he&&window.removeEventListener("resize",he),he=null}var dt=null,q=null,C=null,ht=null,sn="freehand",on="#ef4444",ui=3,Zt=[],Q=null,xe=!1,an=null,fi=[{id:"freehand",label:"Draw",icon:"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25z"},{id:"rectangle",label:"Rect",icon:"M3 3h18v18H3V3zm2 2v14h14V5H5z"},{id:"circle",label:"Circle",icon:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"},{id:"arrow",label:"Arrow",icon:"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"}],mi=["#ef4444","#f97316","#eab308","#22c55e","#3b82f6","#8b5cf6","#ffffff","#000000"];function Ts(t){return new Promise(e=>{an=e,Zt=[],Q=null,sn="freehand",on="#ef4444",gi(t)})}function gi(t){dt&&dt.remove(),dt=document.createElement("div"),dt.id="bs-annotation-overlay";let e=document.createElement("style");e.textContent=`
     #bs-annotation-overlay {
       position: fixed; inset: 0; z-index: 2147483647;
       background: rgba(0,0,0,0.85);
@@ -1710,5 +1894,5 @@ ${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{
       overflow: hidden; padding: 16px;
     }
     .bs-ann-canvas-wrap canvas { cursor: crosshair; border-radius: 4px; }
-  `,ie.appendChild(t);let n=document.createElement("div");n.className="bs-ann-toolbar";for(let a of Wo){let d=document.createElement("button");d.className=`bs-ann-tool${a.id===Gt?" active":""}`,d.title=a.label,d.innerHTML=`<svg viewBox="0 0 24 24"><path d="${a.icon}"/></svg>`,d.addEventListener("click",()=>{Gt=a.id,n.querySelectorAll(".bs-ann-tool").forEach(p=>p.classList.remove("active")),d.classList.add("active")}),n.appendChild(d)}n.appendChild(cs());for(let a of _o){let d=document.createElement("button");d.className=`bs-ann-color${a===Qt?" active":""}`,d.style.background=a,d.addEventListener("click",()=>{Qt=a,n.querySelectorAll(".bs-ann-color").forEach(p=>p.classList.remove("active")),d.classList.add("active")}),n.appendChild(d)}n.appendChild(cs());let r=document.createElement("button");r.className="bs-ann-btn bs-ann-undo",r.textContent="Undo",r.addEventListener("click",()=>{Xe.pop(),en()}),n.appendChild(r);let s=document.createElement("button");s.className="bs-ann-btn bs-ann-save",s.textContent="Save",s.addEventListener("click",Vo);let o=document.createElement("button");o.className="bs-ann-btn bs-ann-cancel",o.textContent="Cancel",o.addEventListener("click",()=>{An(),Zt?.(null)}),n.appendChild(s),n.appendChild(o),ie.appendChild(n);let i=document.createElement("div");i.className="bs-ann-canvas-wrap",R=document.createElement("canvas"),E=R.getContext("2d"),i.appendChild(R),ie.appendChild(i),document.body.appendChild(ie),ue=new Image,ue.onload=()=>{if(!R||!E||!ue)return;let a=window.innerWidth-32,d=window.innerHeight-100,p=ue.width,b=ue.height,y=Math.min(1,a/p,d/b);p=Math.round(p*y),b=Math.round(b*y),R.width=p,R.height=b,en(),Yo()},ue.src=e}function cs(){let e=document.createElement("div");return e.className="bs-ann-sep",e}function Yo(){if(!R)return;R.addEventListener("mousedown",t=>{ut=!0;let{x:n,y:r}=ds(t);J={type:Gt,color:Qt,lineWidth:Fo,points:[{x:n,y:r}],x:n,y:r,width:0,height:0}}),R.addEventListener("mousemove",t=>{if(!ut||!J)return;let{x:n,y:r}=ds(t);J.type==="freehand"?J.points.push({x:n,y:r}):(J.width=n-J.x,J.height=r-J.y),en(),bs(J)});let e=()=>{ut&&J&&(Xe.push(J),J=null),ut=!1,en()};R.addEventListener("mouseup",e),R.addEventListener("mouseleave",e)}function ds(e){let t=R.getBoundingClientRect();return{x:e.clientX-t.left,y:e.clientY-t.top}}function en(){if(!(!E||!R||!ue)){E.clearRect(0,0,R.width,R.height),E.drawImage(ue,0,0,R.width,R.height);for(let e of Xe)bs(e)}}function bs(e){if(E)switch(E.strokeStyle=e.color,E.fillStyle=e.color,E.lineWidth=e.lineWidth,E.lineCap="round",E.lineJoin="round",e.type){case"freehand":{if(!e.points||e.points.length<2)return;E.beginPath(),E.moveTo(e.points[0].x,e.points[0].y);for(let t=1;t<e.points.length;t++)E.lineTo(e.points[t].x,e.points[t].y);E.stroke();break}case"rectangle":{E.strokeRect(e.x,e.y,e.width,e.height);break}case"circle":{let t=e.x+e.width/2,n=e.y+e.height/2,r=Math.abs(e.width)/2,s=Math.abs(e.height)/2;E.beginPath(),E.ellipse(t,n,r,s,0,0,Math.PI*2),E.stroke();break}case"arrow":{let t=e.x,n=e.y,r=e.x+e.width,s=e.y+e.height,o=14,i=Math.atan2(s-n,r-t);E.beginPath(),E.moveTo(t,n),E.lineTo(r,s),E.stroke(),E.beginPath(),E.moveTo(r,s),E.lineTo(r-o*Math.cos(i-Math.PI/6),s-o*Math.sin(i-Math.PI/6)),E.lineTo(r-o*Math.cos(i+Math.PI/6),s-o*Math.sin(i+Math.PI/6)),E.closePath(),E.fill();break}}}function Vo(){if(!R){An(),Zt?.(null);return}let t={dataUrl:R.toDataURL("image/png"),annotations:Xe};An(),Zt?.(t)}function An(){ie?.remove(),ie=null,R=null,E=null,ue=null,Xe=[],J=null,ut=!1}var ft=!1,mt=null;function Jo(){if(mt)return mt;let e=document.createElement("bugstash-root");return e.style.setProperty("position","fixed","important"),e.style.setProperty("inset","0","important"),e.style.setProperty("pointer-events","none","important"),e.style.setProperty("z-index","2147483640","important"),e.style.setProperty("display","block","important"),e.style.setProperty("visibility","visible","important"),e.style.setProperty("opacity","1","important"),e.style.setProperty("margin","0","important"),e.style.setProperty("padding","0","important"),e.style.setProperty("border","none","important"),e.style.setProperty("background","none","important"),e.style.setProperty("font-size","16px","important"),mt=e.attachShadow({mode:"open"}),document.body.appendChild(e),mt}function us(e){if(ft)return;ft=!0;let t=Jo();jn(e.maxBreadcrumbs),_n(e.maxLogs),Kn(e.maxNetworkCaptures),Zn(),e.enablePerformance!==!1&&nr(),as(e,t),e.enableLivePins!==!1&&ne()&&(ct(e.projectId,t),it(e.projectId))}function Ko(){if(typeof window>"u")return"production";let e=window.location.hostname;return e==="localhost"||e==="127.0.0.1"||e==="0.0.0.0"||e.endsWith(".local")||/^192\.168\./.test(e)||/^10\./.test(e)||/^172\.(1[6-9]|2\d|3[01])\./.test(e)?"development":e.includes("staging")||e.includes("stage")||e.includes("preview")||e.includes("preprod")||e.includes("pre-prod")||e.includes("qa.")||e.includes(".qa")||e.includes("test.")||e.includes(".dev.")||e.includes("vercel.app")||e.includes("netlify.app")||e.includes("pages.dev")||e.includes("ngrok.io")||e.includes("ngrok-free.app")||e.includes("localhost.run")||e.includes("loca.lt")?"staging":"production"}var Go={init(e){if(ft||typeof window>"u"||(e.environment??Ko())==="production")return;e.endpoint&&Cr(e.endpoint);let n=window.location.hostname;n==="localhost"||n==="127.0.0.1"||n==="0.0.0.0"||n.endsWith(".local")||/^192\.168\./.test(n)||/^10\./.test(n)||/^172\.(1[6-9]|2\d|3[01])\./.test(n)?us(e):Ir(e.projectId).then(s=>{s&&us(e)}).catch(()=>{})},destroy(){ft&&(ls(),Xr(),jr(),Yn(),Qn(),tr(),Un(),rr(),document.querySelector("bugstash-root")?.remove(),mt=null,ft=!1)},getLogs:le,clearLogs:Xn,getNetworkCaptures:Me,getFailedNetworkCaptures:fe,clearNetworkCaptures:Gn,getErrors:ce,clearErrors:er,getBreadcrumbs:Te,clearBreadcrumbs:qn,getPerformanceMetrics:Ae,addBreadcrumb:Y,getThemes:Nt,getThemeById:jt,setTheme:Kt,getCurrentThemeId:ss,getLayouts:qt,getLayoutById:ot,setLayout:os,getCurrentLayoutId:is,getCurrentUser:ne,login:Dt,logout:Bt,togglePinMode:Fe,isPinModeActive:Vt,isConnected:qr,openAnnotationEditor:ps,redactString:Pe,redactObject:Et},Ca=Go;export{Go as BugStash,Ca as default};
+  `,dt.appendChild(e);let n=document.createElement("div");n.className="bs-ann-toolbar";for(let a of fi){let c=document.createElement("button");c.className=`bs-ann-tool${a.id===sn?" active":""}`,c.title=a.label,c.innerHTML=`<svg viewBox="0 0 24 24"><path d="${a.icon}"/></svg>`,c.addEventListener("click",()=>{sn=a.id,n.querySelectorAll(".bs-ann-tool").forEach(p=>p.classList.remove("active")),c.classList.add("active")}),n.appendChild(c)}n.appendChild(Cs());for(let a of mi){let c=document.createElement("button");c.className=`bs-ann-color${a===on?" active":""}`,c.style.background=a,c.addEventListener("click",()=>{on=a,n.querySelectorAll(".bs-ann-color").forEach(p=>p.classList.remove("active")),c.classList.add("active")}),n.appendChild(c)}n.appendChild(Cs());let r=document.createElement("button");r.className="bs-ann-btn bs-ann-undo",r.textContent="Undo",r.addEventListener("click",()=>{Zt.pop(),ln()}),n.appendChild(r);let s=document.createElement("button");s.className="bs-ann-btn bs-ann-save",s.textContent="Save",s.addEventListener("click",vi);let o=document.createElement("button");o.className="bs-ann-btn bs-ann-cancel",o.textContent="Cancel",o.addEventListener("click",()=>{jn(),an?.(null)}),n.appendChild(s),n.appendChild(o),dt.appendChild(n);let i=document.createElement("div");i.className="bs-ann-canvas-wrap",q=document.createElement("canvas"),C=q.getContext("2d"),i.appendChild(q),dt.appendChild(i),document.body.appendChild(dt),ht=new Image,ht.onload=()=>{if(!q||!C||!ht)return;let a=window.innerWidth-32,c=window.innerHeight-100,p=ht.width,b=ht.height,v=Math.min(1,a/p,c/b);p=Math.round(p*v),b=Math.round(b*v),q.width=p,q.height=b,ln(),hi()},ht.src=t}function Cs(){let t=document.createElement("div");return t.className="bs-ann-sep",t}function hi(){if(!q)return;q.addEventListener("mousedown",e=>{xe=!0;let{x:n,y:r}=Ps(e);Q={type:sn,color:on,lineWidth:ui,points:[{x:n,y:r}],x:n,y:r,width:0,height:0}}),q.addEventListener("mousemove",e=>{if(!xe||!Q)return;let{x:n,y:r}=Ps(e);Q.type==="freehand"?Q.points.push({x:n,y:r}):(Q.width=n-Q.x,Q.height=r-Q.y),ln(),$s(Q)});let t=()=>{xe&&Q&&(Zt.push(Q),Q=null),xe=!1,ln()};q.addEventListener("mouseup",t),q.addEventListener("mouseleave",t)}function Ps(t){let e=q.getBoundingClientRect();return{x:t.clientX-e.left,y:t.clientY-e.top}}function ln(){if(!(!C||!q||!ht)){C.clearRect(0,0,q.width,q.height),C.drawImage(ht,0,0,q.width,q.height);for(let t of Zt)$s(t)}}function $s(t){if(C)switch(C.strokeStyle=t.color,C.fillStyle=t.color,C.lineWidth=t.lineWidth,C.lineCap="round",C.lineJoin="round",t.type){case"freehand":{if(!t.points||t.points.length<2)return;C.beginPath(),C.moveTo(t.points[0].x,t.points[0].y);for(let e=1;e<t.points.length;e++)C.lineTo(t.points[e].x,t.points[e].y);C.stroke();break}case"rectangle":{C.strokeRect(t.x,t.y,t.width,t.height);break}case"circle":{let e=t.x+t.width/2,n=t.y+t.height/2,r=Math.abs(t.width)/2,s=Math.abs(t.height)/2;C.beginPath(),C.ellipse(e,n,r,s,0,0,Math.PI*2),C.stroke();break}case"arrow":{let e=t.x,n=t.y,r=t.x+t.width,s=t.y+t.height,o=14,i=Math.atan2(s-n,r-e);C.beginPath(),C.moveTo(e,n),C.lineTo(r,s),C.stroke(),C.beginPath(),C.moveTo(r,s),C.lineTo(r-o*Math.cos(i-Math.PI/6),s-o*Math.sin(i-Math.PI/6)),C.lineTo(r-o*Math.cos(i+Math.PI/6),s-o*Math.sin(i+Math.PI/6)),C.closePath(),C.fill();break}}}function vi(){if(!q){jn(),an?.(null);return}let e={dataUrl:q.toDataURL("image/png"),annotations:Zt};jn(),an?.(e)}function jn(){dt?.remove(),dt=null,q=null,C=null,ht=null,Zt=[],Q=null,xe=!1}var ke=!1,we=null;function yi(){if(we)return we;let t=document.createElement("bugstash-root");return t.style.setProperty("position","fixed","important"),t.style.setProperty("inset","0","important"),t.style.setProperty("pointer-events","none","important"),t.style.setProperty("z-index","2147483640","important"),t.style.setProperty("display","block","important"),t.style.setProperty("visibility","visible","important"),t.style.setProperty("opacity","1","important"),t.style.setProperty("transform","none","important"),t.style.setProperty("perspective","none","important"),t.style.setProperty("filter","none","important"),t.style.setProperty("will-change","auto","important"),t.style.setProperty("contain","none","important"),t.style.setProperty("isolation","auto","important"),t.style.setProperty("mix-blend-mode","normal","important"),t.style.setProperty("clip-path","none","important"),t.style.setProperty("margin","0","important"),t.style.setProperty("padding","0","important"),t.style.setProperty("border","none","important"),t.style.setProperty("background","none","important"),t.style.setProperty("box-sizing","border-box","important"),t.style.setProperty("overflow","visible","important"),t.style.setProperty("min-width","0","important"),t.style.setProperty("min-height","0","important"),t.style.setProperty("max-width","none","important"),t.style.setProperty("max-height","none","important"),t.style.setProperty("float","none","important"),t.style.setProperty("clear","none","important"),t.style.setProperty("columns","auto","important"),t.style.setProperty("font-size","16px","important"),t.style.setProperty("line-height","normal","important"),t.style.setProperty("text-align","left","important"),t.style.setProperty("direction","ltr","important"),we=t.attachShadow({mode:"closed"}),document.body.appendChild(t),we}function Ms(t){if(ke)return;ke=!0;let e=yi();Jn(t.maxBreadcrumbs),tr(t.maxLogs),or(t.maxNetworkCaptures),lr(),t.enablePerformance!==!1&&pr(),Ls(t,e),t.enableLivePins!==!1&&ot()&&(Kt(t.projectId,e),Yt(t.projectId))}function xi(){if(typeof window>"u")return"production";let t=window.location.hostname;return t==="localhost"||t==="127.0.0.1"||t==="0.0.0.0"||t.endsWith(".local")||/^192\.168\./.test(t)||/^10\./.test(t)||/^172\.(1[6-9]|2\d|3[01])\./.test(t)?"development":t.includes("staging")||t.includes("stage")||t.includes("preview")||t.includes("preprod")||t.includes("pre-prod")||t.includes("qa.")||t.includes(".qa")||t.includes("test.")||t.includes(".dev.")||t.includes("vercel.app")||t.includes("netlify.app")||t.includes("pages.dev")||t.includes("ngrok.io")||t.includes("ngrok-free.app")||t.includes("localhost.run")||t.includes("loca.lt")?"staging":"production"}var wi={init(t){if(ke||typeof window>"u"||(t.environment??xi())==="production")return;t.endpoint&&Hr(t.endpoint);let n=window.location.hostname;n==="localhost"||n==="127.0.0.1"||n==="0.0.0.0"||n.endsWith(".local")||/^192\.168\./.test(n)||/^10\./.test(n)||/^172\.(1[6-9]|2\d|3[01])\./.test(n)?Ms(t):Fr(t.projectId).then(s=>{s&&Ms(t)}).catch(()=>{})},destroy(){ke&&(Ss(),is(),Jr(),nr(),ar(),dr(),Gn(),br(),document.querySelector("bugstash-root")?.remove(),we=null,ke=!1)},getLogs:ut,clearLogs:er,getNetworkCaptures:Dt,getFailedNetworkCaptures:vt,clearNetworkCaptures:ir,getErrors:ft,clearErrors:cr,getBreadcrumbs:zt,clearBreadcrumbs:Kn,getPerformanceMetrics:Bt,addBreadcrumb:V,getThemes:Xe,getThemeById:Ve,setTheme:ye,getCurrentThemeId:xs,getLayouts:Je,getLayoutById:be,setLayout:ws,getCurrentLayoutId:ks,getCurrentUser:ot,login:_e,logout:We,togglePinMode:$t,isPinModeActive:nn,isConnected:Kr,openAnnotationEditor:Ts,redactString:It,redactObject:Me},Ka=wi;export{wi as BugStash,Ka as default};
 //# sourceMappingURL=index.js.map