@lightworkai.official/debug-capture 0.8.0 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -130,12 +130,18 @@ builds the URL if you would rather render your own anchor:
130
130
  ```ts
131
131
  import { openSupportPortal, supportPortalUrl } from "@lightworkai.official/debug-capture";
132
132
 
133
- await openSupportPortal(); // announces, then navigates
133
+ await openSupportPortal(); // announces, then a new tab
134
134
  await openSupportPortal({ seconds: 5 }); // a longer countdown
135
135
  await openSupportPortal({ announce: false }); // go on the spot, no dialog
136
- await openSupportPortal({ target: "_blank" }); // new tab, noopener
136
+ await openSupportPortal({ target: "_self" }); // take over this tab instead
137
137
  ```
138
138
 
139
+ **A new tab by default.** Checking on a report is an interruption to something
140
+ else; replacing the page costs someone their place to answer a question that
141
+ takes ten seconds. A tab opened after a countdown can be refused — the click's
142
+ activation may have expired — so the dialog offers a real link in that case,
143
+ which is a fresh gesture and cannot be blocked.
144
+
139
145
  **It announces itself first.** Leaving for another origin without warning,
140
146
  mid-task, reads as a bug — so a small dialog says where they are going, that
141
147
  they will be signed in when they arrive, and counts down with a way to go now or
@@ -1,4 +1,4 @@
1
- (()=>{var c1={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},R=null;function T0($){R=$}function f(){if(!R)throw Error("[debug-capture] configureDebugCapture() has not been called");return R}function A0(){return R!==null}function h(){let $=f().app;return{name:$.name,version:$.version??"0.0.0",environment:$.environment??l1()}}function l1(){if(typeof window>"u")return"unknown";let $=window.location.hostname;if($==="localhost"||$==="127.0.0.1"||$.endsWith(".local"))return"development";return"production"}function A($){let j=R?.capture?.[$];return typeof j==="number"?j:c1[$]}function L0($){let j=R?.module;if(!j)return null;try{return j($)??null}catch{return null}}function e(){let $=R?.redact;return{headers:$?.headers??[],queryKeys:($?.queryKeys??[]).map((j)=>j.toLowerCase()),bodyKeys:($?.bodyKeys??[]).map((j)=>j.toLowerCase())}}function E0(){return R?.capture?.overlaySelectors??[]}function x0($){if(typeof window>"u")return!1;let j;try{j=new URL($,window.location.href)}catch{return!1}if(r1(j))return!1;if(j.origin===window.location.origin)return!0;return(R?.capture?.bodyOrigins??[]).some((J)=>{try{return new URL(J).origin===j.origin}catch{return!1}})}function r1($){if(!R?.host)return!1;try{if(new URL(R.host).origin!==$.origin)return!1}catch{return!1}return $.pathname.startsWith("/ingest/")}var v="‹redacted›",s1=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,n1=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),a1=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,t1=/[\w.+-]+@[\w-]+\.[\w.-]+/g,e1=/\d(?:[\d\s-]{7,})\d/g;function b($){return $.replace(t1,v).replace(e1,v)}function $2($){if(s1.test($))return!0;return e().headers.some((J)=>J.toLowerCase()===$.toLowerCase())}function u($){let j={};for(let[J,Q]of Object.entries($))j[J]=$2(J)?v:Q;return j}function i($){try{let j=/^https?:\/\//i.test($),J=new URL($,j?void 0:"http://local.invalid"),Q=!1;if(J.searchParams.forEach((z,W)=>{if(n1.has(W.toLowerCase())||e().queryKeys.includes(W.toLowerCase()))J.searchParams.set(W,v),Q=!0}),!Q)return $;return j?J.toString():`${J.pathname}${J.search}`}catch{return $}}function w0($,j){if(j>6||$===null||typeof $!=="object")return $;if(Array.isArray($))return $.map((Q)=>w0(Q,j+1));let J={};for(let[Q,z]of Object.entries($)){let W=a1.test(Q)||e().bodyKeys.some((V)=>Q.toLowerCase().includes(V));J[Q]=W?v:w0(z,j+1)}return J}function o($,j){if($==null)return null;let J=$,Q=$.trim();if(Q.startsWith("{")||Q.startsWith("["))try{let z=JSON.parse(Q);J=JSON.stringify(w0(z,0))}catch{}if(J.length>j)return`${J.slice(0,j)}… [truncated ${J.length-j} chars]`;return J}var X0=120,Y0=40,m=($,j)=>$.length>j?`${$.slice(0,j)}…`:$,F0=($)=>{try{return decodeURIComponent($)}catch{return $}},p=[],h0=0,p0=!1;function d($,j,J,Q){let z=m(j,X0),W=p[p.length-1];if($==="navigate"&&W?.kind==="click"){let X=z.replace(/^ไปที่\s*/,"");if(W.detail.includes(`→ ${X}`))return W.at=new Date().toISOString(),W;let F=X.split(/[?#]/)[0]??X,H=W.source?F0(W.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(H&&(F===H||F.startsWith(H)))return W.detail=m(`${W.detail} → ${X}`,X0),W.source=void 0,W.at=new Date().toISOString(),W}if(W&&W.kind===$&&W.detail===z){if(W.at=new Date().toISOString(),$!=="navigate")W.count=(W.count??1)+1;return W}h0+=1;let V={id:`act_${h0}`,at:new Date().toISOString(),kind:$,detail:z,count:1,source:J,html:j0(Q)};p.push(V);while(p.length>A("maxActions"))J2(p.shift());return V}var j2=200000,c=0;function j0($){if(!$)return;if(c+$.length>j2)return;return c+=$.length,$}function J2($){if(!$)return;if(c-=($.html?.length??0)+($.afterHtml?.length??0),c<0)c=0}function $0($){return $ instanceof Element&&Boolean($.closest("[data-debug-reporter]"))}var Q2='button, a[href], [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="link"], summary, input, select, textarea',z2={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},m0={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function Z2($){let j=$.getAttribute("role");if(j&&m0[j])return m0[j];return z2[$.tagName.toLowerCase()]??"ปุ่ม"}function W2($,j){try{let J=$,Q=0;while(J&&Q<=j){let z=i0(J);if(z&&typeof z.memoizedProps?.onClick==="function")return J;J=J.parentElement,Q+=1}}catch{}return null}function K2($){let j=$.getAttribute("aria-label")?.trim();if(j)return j;let J=$.getAttribute("title")?.trim();if(J)return J;if($ instanceof HTMLInputElement||$ instanceof HTMLTextAreaElement||$ instanceof HTMLSelectElement)return($.getAttribute("placeholder")||$.getAttribute("name")||"").trim();if($ instanceof HTMLImageElement)return($.getAttribute("alt")||"").trim();let Q=($.textContent??"").replace(/\s+/g," ").trim();if(Q)return Q;if($ instanceof HTMLAnchorElement){let z=$.getAttribute("href");if(z?.startsWith("/"))return F0(z)}return""}function V2($){if(!($ instanceof Element))return null;let j=$.closest(Q2)??W2($,4);if(!j)return null;let J=j.tagName.toLowerCase();if(J==="html"||J==="body")return null;return j}function G2($){let j=b(K2($));if(!j)return null;return`${Z2($)} “${m(j,Y0)}”`}var u0=6000,w2=4000,X2=/(?:^|\s)!?(?:fixed|absolute|sticky|inset-\S+|z-\S+|top-\S+|bottom-\S+|left-\S+|right-\S+|w-screen|h-screen|min-h-screen|max-h-screen|translate-\S+|scale-\S+)(?=\s|$)/g;function Y2($){$.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((z)=>z.remove());let j=[$,...Array.from($.querySelectorAll("*"))];for(let z of j){for(let V of Array.from(z.attributes)){let X=V.name.toLowerCase();if(X.startsWith("on")||X==="srcdoc"||X==="value"||X.startsWith("data-"))z.removeAttribute(V.name)}if(z instanceof HTMLAnchorElement)z.setAttribute("href","#");if(z instanceof HTMLImageElement)z.removeAttribute("src");let W=z.getAttribute("class");if(W){let V=W.replace(X2," ").replace(/\s+/g," ").trim();if(V)z.setAttribute("class",V);else z.removeAttribute("class")}}let J=document.createTreeWalker($,NodeFilter.SHOW_TEXT),Q=J.nextNode();while(Q){if(Q.nodeValue)Q.nodeValue=b(Q.nodeValue);Q=J.nextNode()}}function M0($,j,J){try{let Q=$.outerHTML;if(!Q||Q.length>j)return;let z=$.cloneNode(!0);Y2(z);let W=z.outerHTML;return W&&W.length<=J?W:void 0}catch{return}}var F2=($)=>M0($,u0,w2),M2=150000,H2=40000,g0=($)=>M0($,M2,H2);function I2($){if(!($ instanceof HTMLInputElement)&&!($ instanceof HTMLTextAreaElement)&&!($ instanceof HTMLSelectElement))return null;let j=$.name||$.id||$.getAttribute("aria-label")||$.getAttribute("placeholder")||$.tagName.toLowerCase();return`ช่อง “${b(j)}”`}var y0=80;function i0($){let j=Object.keys($).find((J)=>J.startsWith("__reactFiber$")||J.startsWith("__reactInternalInstance$"));return j?$[j]:null}function U2($){if(typeof $!=="function")return null;try{let j=Function.prototype.toString.call($);return(j.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??j.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function v0($){if(!$)return;return`→ ${$.length>y0?`${$.slice(0,y0)}…`:$}`}function C2($){try{let j=$.closest("a[href]")?.getAttribute("href");if(j&&j.startsWith("/"))return v0(j);let J=i0($),Q=0;while(J&&Q<30){if(typeof J.memoizedProps?.onClick==="function")return v0(U2(J.memoizedProps.onClick));J=J.return,Q+=1}return}catch{return}}var P2='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function N2(){let $=E0();return $.length?$.join(", "):P2}function B2($){let j=$.getAttribute("role");if(j==="status"||j==="alert")return"ข้อความแจ้งเตือน";if(j==="menu")return"เมนู";if(j==="listbox")return"รายการตัวเลือก";if(j==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function q2($){let j=$.getAttribute("aria-label")?.trim();if(j)return j;let J=$.getAttribute("aria-labelledby");if(J){let W=J.split(/\s+/).map((V)=>document.getElementById(V)?.textContent?.trim()??"").filter(Boolean).join(" ");if(W)return W}let z=$.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(z)return z;return($.textContent??"").replace(/\s+/g," ").trim()}function o0($){let j=b(q2($)),J=B2($);return j?`เปิด ${J} “${m(j,Y0)}”`:`เปิด ${J}`}var D2='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',f2=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function S2($){if($.querySelector(D2))return!0;return f2.test($.textContent??"")}var k2=400,R2=250,O2=8000;function _2($,j){if(typeof MutationObserver>"u"){j.html=j0(g0($));return}let J=Date.now(),Q=!1,z=()=>{Q=!0,V.disconnect(),window.clearInterval(X),window.clearTimeout(F)},W=()=>{if(Q)return;if(z(),!$.isConnected)return;j.detail=m(o0($),X0),j.html=j0(g0($))},V=new MutationObserver(()=>{J=Date.now()});V.observe($,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let X=window.setInterval(()=>{if(Q)return;if(!$.isConnected){z();return}if(Date.now()-J>=k2&&!S2($))W()},R2),F=window.setTimeout(W,O2)}function T2($){if($0($))return;let j=d("ui",o0($));if(j)_2($,j)}function A2(){if(typeof MutationObserver>"u")return;let $=new WeakSet;new MutationObserver((J)=>{for(let Q of J)for(let z of Array.from(Q.addedNodes)){if(!(z instanceof Element))continue;let W=N2(),V=z.matches(W)?[z]:Array.from(z.querySelectorAll(W));for(let X of V){if($.has(X))continue;$.add(X),T2(X)}}}).observe(document.body,{childList:!0,subtree:!0})}var L2=1600,E2=2500;function b0($){return{disabled:$.hasAttribute("disabled")||$.getAttribute("aria-disabled")==="true",busy:$.getAttribute("aria-busy")==="true",text:m(($.textContent??"").replace(/\s+/g," ").trim(),Y0)}}function x2($,j){if(!$.disabled&&j.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!$.busy&&j.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if($.text!==j.text&&j.text)return`ข้อความเปลี่ยนเป็น “${j.text}”`;return null}function h2($,j){if(typeof MutationObserver>"u")return;let J=b0($),Q=!1,z=(X,F)=>{if(Q)return;if(Q=!0,W.disconnect(),window.clearTimeout(V),j.afterNote=X,F)j.afterHtml=j0(M0($,u0,E2))},W=new MutationObserver(()=>{if(!$.isConnected){z("องค์ประกอบหายไปจากหน้าจอ",!1);return}let X=x2(J,b0($));if(X)z(X,!0)});W.observe($,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let V=window.setTimeout(()=>{if(!Q&&!$.isConnected){z("องค์ประกอบหายไปจากหน้าจอ",!1);return}Q=!0,W.disconnect()},L2)}function d0(){if(p0||typeof window>"u")return;p0=!0,document.addEventListener("click",(Q)=>{if($0(Q.target))return;let z=V2(Q.target);if(!z)return;let W=G2(z);if(!W)return;let V=d("click",`คลิก ${W}`,C2(z),F2(z));if(V)h2(z,V)},{capture:!0,passive:!0}),document.addEventListener("change",(Q)=>{if($0(Q.target))return;let z=I2(Q.target);if(z)d("input",`แก้ไข ${z}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(Q)=>{if($0(Q.target))return;d("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let $=()=>d("navigate",`ไปที่ ${F0(i(location.pathname+location.search))}`),j=history.pushState.bind(history),J=history.replaceState.bind(history);history.pushState=(...Q)=>{let z=j(...Q);return $(),z},history.replaceState=(...Q)=>{let z=J(...Q);return $(),z},window.addEventListener("popstate",$),A2()}function c0(){return p.map(($)=>({...$}))}var l0=2000,J0=[],r0=0,s0=!1;function H0($,j){r0+=1,J0.push({id:`log_${r0}`,at:new Date().toISOString(),level:$,message:j.length>l0?`${j.slice(0,l0)}…`:j});while(J0.length>A("maxConsoleEntries"))J0.shift()}function p2(){let $=new WeakSet;return(j,J)=>{if(typeof J==="object"&&J!==null){if($.has(J))return"[Circular]";$.add(J)}if(typeof J==="bigint")return J.toString();return J}}function n0($){if(typeof $==="string")return $;if($ instanceof Error)return`${$.name}: ${$.message}`;try{return JSON.stringify($,p2())??String($)}catch{return String($)}}function a0(){if(s0||typeof window>"u")return;s0=!0;let $=["log","info","warn","error","debug"];for(let j of $){let J=console[j].bind(console);console[j]=(...Q)=>{H0(j,Q.map(n0).join(" ")),J(...Q)}}window.addEventListener("error",(j)=>{let J=j.filename?` (${j.filename}:${j.lineno}:${j.colno})`:"";H0("exception",`${j.message}${J}`)}),window.addEventListener("unhandledrejection",(j)=>{let J=j.reason instanceof Error?`${j.reason.name}: ${j.reason.message}`:n0(j.reason);H0("unhandledrejection",J)})}function t0(){return J0.map(($)=>({...$}))}var e0=new Set,$1=new Set;function j1($,j){return $.add(j),()=>$.delete(j)}function J1($,j){for(let J of[...$])J(j)}function Q1($){return j1(e0,$)}function Q0($={type:"manual"}){J1(e0,$)}function z1($){return j1($1,$)}function Z1($){J1($1,$)}var m2=15000,g2=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],W1=!1,K1=0;function y2($){return g2.some((j)=>$.includes(j))}function V1($){let j=$.message??"";if(!j||y2(j))return;let J=Date.now();if(J-K1<m2)return;K1=J,Z1({...$,message:j})}function G1(){if(W1||typeof window>"u")return;W1=!0,window.addEventListener("error",($)=>{if(!$.message&&!$.error)return;let j=$.error instanceof Error?$.error:null;V1({type:"runtime-error",message:$.message||(j?j.message:"Unknown error"),stack:j?.stack})}),window.addEventListener("unhandledrejection",($)=>{let j=$.reason;V1({type:"unhandledrejection",message:j instanceof Error?j.message:String(j),stack:j instanceof Error?j.stack:void 0})})}var F1=4000,v2=1e6,b2=1e7,z0=[],w1=0,X1=!1;function M1($){z0.push($);while(z0.length>A("maxRequests"))z0.shift()}function H1(){return w1+=1,`req_${w1}`}function Y1($){let j={};if(!$)return j;if($ instanceof Headers)$.forEach((J,Q)=>{j[Q]=J});else if(Array.isArray($))for(let[J,Q]of $)j[J]=Q;else Object.assign(j,$);return j}function u2($){let j={};return $.forEach((J,Q)=>{j[Q]=J}),j}function i2($){if($==null)return null;if(typeof $==="string")return $;if($ instanceof URLSearchParams)return $.toString();if(typeof FormData<"u"&&$ instanceof FormData)return`[FormData: ${Array.from($.keys()).join(", ")}]`;if(typeof Blob<"u"&&$ instanceof Blob)return`[Blob ${$.size} bytes]`;if($ instanceof ArrayBuffer)return`[ArrayBuffer ${$.byteLength} bytes]`;return"[binary]"}function o2($,j){let J="",Q="GET",z={},W=null;if(typeof $==="string")J=$;else if($ instanceof URL)J=$.toString();else J=$.url,Q=$.method||Q,z=Y1($.headers);if(j){if(j.method)Q=j.method;if(j.headers)z={...z,...Y1(j.headers)};if(j.body!==void 0)W=i2(j.body)}return{method:Q.toUpperCase(),url:J,headers:z,body:W}}function I1($){return!x0($)}function d2($,j){if(I1(j.url)){j.responseSnippet="[body not captured for this origin]";return}let J=$.headers.get("content-type")??"",Q=Number($.headers.get("content-length")??"0"),z=Q?`, ~${Q} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test(J)){j.responseSnippet=`[binary ${J||"unknown"}${z}]`;return}if(Q>v2){j.responseSnippet=`[response ${J||"text"}${z} — omitted]`;return}try{$.clone().text().then((W)=>{j.responseSnippet=o(W,A("maxBodyChars"))}).catch(()=>{})}catch{}}function U1($,j){if(/[?&]_rsc=/.test($))return!0;for(let J of Object.keys(j)){let Q=J.toLowerCase();if(Q==="rsc"||Q==="next-router-prefetch"||Q==="next-router-state-tree")return!0}return!1}function c2(){if(typeof window>"u"||typeof window.fetch!=="function")return;let $=window.fetch.bind(window);window.fetch=Object.assign(async(j,J)=>{let Q=o2(j,J);if(U1(Q.url,Q.headers))return $(j,J);let z={id:H1(),startedAt:new Date().toISOString(),method:Q.method,url:i(Q.url),requestHeaders:u(Q.headers),requestBody:o(Q.body,F1),status:null,statusText:null,durationMs:null,via:"fetch"};M1(z);let W=performance.now();try{let V=await $(j,J);return z.status=V.status,z.statusText=V.statusText,z.durationMs=Math.round(performance.now()-W),z.responseHeaders=u(u2(V.headers)),d2(V,z),V}catch(V){throw z.durationMs=Math.round(performance.now()-W),z.error=V instanceof Error?`${V.name}: ${V.message}`:String(V),V}},$)}function l2(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let $=XMLHttpRequest.prototype,j=$.open,J=$.send,Q=function(W,V){let X=typeof V==="string"?V:V.toString();return this.__cibEntry=U1(X,{})?void 0:{id:H1(),startedAt:"",method:(W||"GET").toUpperCase(),url:i(X),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},j.apply(this,arguments)},z=function(W){let V=this.__cibEntry;if(V){V.startedAt=new Date().toISOString(),V.requestBody=typeof W==="string"?o(W,F1):W==null?null:"[non-string body]";let X=performance.now();M1(V),this.addEventListener("loadend",()=>{if(V.status=this.status||null,V.statusText=this.statusText||null,V.durationMs=Math.round(performance.now()-X),I1(V.url))V.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{V.responseSnippet=o(this.responseText||"",A("maxBodyChars"))}catch{}else{let F=this.getResponseHeader("content-type")??this.responseType;V.responseSnippet=`[binary ${F}]`}})}return J.apply(this,arguments)};$.open=Q,$.send=z}function C1(){if(X1)return;X1=!0,c2(),l2()}function P1(){let $=z0.map((J)=>({...J})),j=0;for(let J=$.length-1;J>=0;J-=1){let Q=$[J],z=Q?.responseSnippet;if(!Q||typeof z!=="string"||z.length===0)continue;if(j+z.length>b2)Q.responseSnippet=`[response omitted — report size budget reached (${z.length.toLocaleString()} chars)]`;else j+=z.length}return $}var r2={title:"รายงานปัญหา",summaryLabel:"หัวข้อปัญหา",summaryRequired:"(ต้องกรอกก่อนแจ้งปัญหา)",summaryPlaceholder:"สรุปปัญหาสั้น ๆ เช่น กดบันทึกร่างแล้ว error",detailLabel:"อธิบายปัญหา (ไม่บังคับ)",detailPlaceholder:"เกิดอะไรขึ้น? กำลังทำอะไรอยู่ตอนที่พบปัญหา?",annotateTitle:"วาดบนรูป",annotateHint:"ทำเครื่องหมายจุดที่มีปัญหาก่อนแนบ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",annotateApply:"ใช้รูปนี้",cancel:"ยกเลิก",toolRect:"กรอบ",toolArrow:"ลูกศร",toolHighlight:"ไฮไลต์",toolText:"ข้อความ",deleteSelected:"ลบที่เลือก",clearAll:"ล้างทั้งหมด",annotateHelp:"เลือกเครื่องมือแล้วลากบนรูป · ไม่ได้เลือกเครื่องมือ = ย้าย/ปรับขนาดสิ่งที่วาดไว้ · กดกากบาทมุมขวาบนของรูปทรงเพื่อลบ",capturing:"กำลังเก็บภาพหน้าจอ…",noScreenshot:"ไม่มีภาพหน้าจอ — ยังส่งรายงานได้",cancelled:"ยกเลิกการเก็บภาพหน้าจอแล้ว",close:"ปิด",submit:"แจ้งปัญหา",submitting:"กำลังส่ง…",submitted:"แจ้งปัญหาสำเร็จ",crashed:"เกิดข้อผิดพลาดในระบบ",crashAction:"แจ้งปัญหา",failed:"ส่งรายงานไม่สำเร็จ",captured:"เก็บข้อมูลแล้ว",reporter:"ผู้แจ้ง",page:"หน้า",handoffTitle:"กำลังพาไปที่ระบบแจ้งปัญหา",handoffBody:"ระบบจะลงชื่อเข้าใช้ให้อัตโนมัติ เพื่อดูเรื่องที่คุณแจ้งไว้",handoffGo:"ไปเลย",handoffPreparing:"กำลังเตรียม…",handoffFailed:"เปิดรายการที่แจ้งไว้ไม่สำเร็จ"},s2={title:"Report a problem",summaryLabel:"Summary",summaryRequired:"(required)",summaryPlaceholder:"One line, e.g. saving a draft returns an error",detailLabel:"Details (optional)",detailPlaceholder:"What happened? What were you doing at the time?",annotateTitle:"Draw on the image",annotateHint:"Mark what went wrong before attaching — box it, point at it, highlight it, or type on it",annotateApply:"Use this image",cancel:"Cancel",toolRect:"Box",toolArrow:"Arrow",toolHighlight:"Highlight",toolText:"Text",deleteSelected:"Delete selected",clearAll:"Clear all",annotateHelp:"Pick a tool and drag on the image · no tool selected = move/resize what you drew · press the ✕ on a shape to delete it",capturing:"Capturing the screen…",noScreenshot:"No screenshot — you can still send the report",cancelled:"Screen capture cancelled",close:"Close",submit:"Send report",submitting:"Sending…",submitted:"Report sent",crashed:"Something went wrong",crashAction:"Report it",failed:"Could not send the report",captured:"Captured",reporter:"Reporter",page:"Page",handoffTitle:"Opening the support portal",handoffBody:"You will be signed in automatically to see what you reported",handoffGo:"Go now",handoffPreparing:"Preparing…",handoffFailed:"Could not open your reports"};function Z0($){return $==="en"?s2:r2}var I0=null;function n2(){if(typeof document>"u")return null;if(I0?.isConnected)return I0;let $=document.createElement("lw-debug-toasts");$.dataset.debugReporter="true";let j=$.attachShadow({mode:"open"}),J=document.createElement("style");J.textContent=`
1
+ (()=>{var c1={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},R=null;function T0($){R=$}function f(){if(!R)throw Error("[debug-capture] configureDebugCapture() has not been called");return R}function A0(){return R!==null}function h(){let $=f().app;return{name:$.name,version:$.version??"0.0.0",environment:$.environment??l1()}}function l1(){if(typeof window>"u")return"unknown";let $=window.location.hostname;if($==="localhost"||$==="127.0.0.1"||$.endsWith(".local"))return"development";return"production"}function A($){let j=R?.capture?.[$];return typeof j==="number"?j:c1[$]}function L0($){let j=R?.module;if(!j)return null;try{return j($)??null}catch{return null}}function e(){let $=R?.redact;return{headers:$?.headers??[],queryKeys:($?.queryKeys??[]).map((j)=>j.toLowerCase()),bodyKeys:($?.bodyKeys??[]).map((j)=>j.toLowerCase())}}function E0(){return R?.capture?.overlaySelectors??[]}function x0($){if(typeof window>"u")return!1;let j;try{j=new URL($,window.location.href)}catch{return!1}if(r1(j))return!1;if(j.origin===window.location.origin)return!0;return(R?.capture?.bodyOrigins??[]).some((J)=>{try{return new URL(J).origin===j.origin}catch{return!1}})}function r1($){if(!R?.host)return!1;try{if(new URL(R.host).origin!==$.origin)return!1}catch{return!1}return $.pathname.startsWith("/ingest/")}var v="‹redacted›",s1=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,n1=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),a1=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,t1=/[\w.+-]+@[\w-]+\.[\w.-]+/g,e1=/\d(?:[\d\s-]{7,})\d/g;function b($){return $.replace(t1,v).replace(e1,v)}function $2($){if(s1.test($))return!0;return e().headers.some((J)=>J.toLowerCase()===$.toLowerCase())}function u($){let j={};for(let[J,Q]of Object.entries($))j[J]=$2(J)?v:Q;return j}function i($){try{let j=/^https?:\/\//i.test($),J=new URL($,j?void 0:"http://local.invalid"),Q=!1;if(J.searchParams.forEach((z,W)=>{if(n1.has(W.toLowerCase())||e().queryKeys.includes(W.toLowerCase()))J.searchParams.set(W,v),Q=!0}),!Q)return $;return j?J.toString():`${J.pathname}${J.search}`}catch{return $}}function w0($,j){if(j>6||$===null||typeof $!=="object")return $;if(Array.isArray($))return $.map((Q)=>w0(Q,j+1));let J={};for(let[Q,z]of Object.entries($)){let W=a1.test(Q)||e().bodyKeys.some((V)=>Q.toLowerCase().includes(V));J[Q]=W?v:w0(z,j+1)}return J}function o($,j){if($==null)return null;let J=$,Q=$.trim();if(Q.startsWith("{")||Q.startsWith("["))try{let z=JSON.parse(Q);J=JSON.stringify(w0(z,0))}catch{}if(J.length>j)return`${J.slice(0,j)}… [truncated ${J.length-j} chars]`;return J}var X0=120,Y0=40,m=($,j)=>$.length>j?`${$.slice(0,j)}…`:$,F0=($)=>{try{return decodeURIComponent($)}catch{return $}},p=[],h0=0,p0=!1;function d($,j,J,Q){let z=m(j,X0),W=p[p.length-1];if($==="navigate"&&W?.kind==="click"){let X=z.replace(/^ไปที่\s*/,"");if(W.detail.includes(`→ ${X}`))return W.at=new Date().toISOString(),W;let F=X.split(/[?#]/)[0]??X,H=W.source?F0(W.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(H&&(F===H||F.startsWith(H)))return W.detail=m(`${W.detail} → ${X}`,X0),W.source=void 0,W.at=new Date().toISOString(),W}if(W&&W.kind===$&&W.detail===z){if(W.at=new Date().toISOString(),$!=="navigate")W.count=(W.count??1)+1;return W}h0+=1;let V={id:`act_${h0}`,at:new Date().toISOString(),kind:$,detail:z,count:1,source:J,html:j0(Q)};p.push(V);while(p.length>A("maxActions"))J2(p.shift());return V}var j2=200000,c=0;function j0($){if(!$)return;if(c+$.length>j2)return;return c+=$.length,$}function J2($){if(!$)return;if(c-=($.html?.length??0)+($.afterHtml?.length??0),c<0)c=0}function $0($){return $ instanceof Element&&Boolean($.closest("[data-debug-reporter]"))}var Q2='button, a[href], [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="link"], summary, input, select, textarea',z2={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},m0={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function Z2($){let j=$.getAttribute("role");if(j&&m0[j])return m0[j];return z2[$.tagName.toLowerCase()]??"ปุ่ม"}function W2($,j){try{let J=$,Q=0;while(J&&Q<=j){let z=i0(J);if(z&&typeof z.memoizedProps?.onClick==="function")return J;J=J.parentElement,Q+=1}}catch{}return null}function K2($){let j=$.getAttribute("aria-label")?.trim();if(j)return j;let J=$.getAttribute("title")?.trim();if(J)return J;if($ instanceof HTMLInputElement||$ instanceof HTMLTextAreaElement||$ instanceof HTMLSelectElement)return($.getAttribute("placeholder")||$.getAttribute("name")||"").trim();if($ instanceof HTMLImageElement)return($.getAttribute("alt")||"").trim();let Q=($.textContent??"").replace(/\s+/g," ").trim();if(Q)return Q;if($ instanceof HTMLAnchorElement){let z=$.getAttribute("href");if(z?.startsWith("/"))return F0(z)}return""}function V2($){if(!($ instanceof Element))return null;let j=$.closest(Q2)??W2($,4);if(!j)return null;let J=j.tagName.toLowerCase();if(J==="html"||J==="body")return null;return j}function G2($){let j=b(K2($));if(!j)return null;return`${Z2($)} “${m(j,Y0)}”`}var u0=6000,w2=4000,X2=/(?:^|\s)!?(?:fixed|absolute|sticky|inset-\S+|z-\S+|top-\S+|bottom-\S+|left-\S+|right-\S+|w-screen|h-screen|min-h-screen|max-h-screen|translate-\S+|scale-\S+)(?=\s|$)/g;function Y2($){$.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((z)=>z.remove());let j=[$,...Array.from($.querySelectorAll("*"))];for(let z of j){for(let V of Array.from(z.attributes)){let X=V.name.toLowerCase();if(X.startsWith("on")||X==="srcdoc"||X==="value"||X.startsWith("data-"))z.removeAttribute(V.name)}if(z instanceof HTMLAnchorElement)z.setAttribute("href","#");if(z instanceof HTMLImageElement)z.removeAttribute("src");let W=z.getAttribute("class");if(W){let V=W.replace(X2," ").replace(/\s+/g," ").trim();if(V)z.setAttribute("class",V);else z.removeAttribute("class")}}let J=document.createTreeWalker($,NodeFilter.SHOW_TEXT),Q=J.nextNode();while(Q){if(Q.nodeValue)Q.nodeValue=b(Q.nodeValue);Q=J.nextNode()}}function M0($,j,J){try{let Q=$.outerHTML;if(!Q||Q.length>j)return;let z=$.cloneNode(!0);Y2(z);let W=z.outerHTML;return W&&W.length<=J?W:void 0}catch{return}}var F2=($)=>M0($,u0,w2),M2=150000,H2=40000,g0=($)=>M0($,M2,H2);function I2($){if(!($ instanceof HTMLInputElement)&&!($ instanceof HTMLTextAreaElement)&&!($ instanceof HTMLSelectElement))return null;let j=$.name||$.id||$.getAttribute("aria-label")||$.getAttribute("placeholder")||$.tagName.toLowerCase();return`ช่อง “${b(j)}”`}var y0=80;function i0($){let j=Object.keys($).find((J)=>J.startsWith("__reactFiber$")||J.startsWith("__reactInternalInstance$"));return j?$[j]:null}function U2($){if(typeof $!=="function")return null;try{let j=Function.prototype.toString.call($);return(j.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??j.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function v0($){if(!$)return;return`→ ${$.length>y0?`${$.slice(0,y0)}…`:$}`}function C2($){try{let j=$.closest("a[href]")?.getAttribute("href");if(j&&j.startsWith("/"))return v0(j);let J=i0($),Q=0;while(J&&Q<30){if(typeof J.memoizedProps?.onClick==="function")return v0(U2(J.memoizedProps.onClick));J=J.return,Q+=1}return}catch{return}}var P2='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function N2(){let $=E0();return $.length?$.join(", "):P2}function B2($){let j=$.getAttribute("role");if(j==="status"||j==="alert")return"ข้อความแจ้งเตือน";if(j==="menu")return"เมนู";if(j==="listbox")return"รายการตัวเลือก";if(j==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function q2($){let j=$.getAttribute("aria-label")?.trim();if(j)return j;let J=$.getAttribute("aria-labelledby");if(J){let W=J.split(/\s+/).map((V)=>document.getElementById(V)?.textContent?.trim()??"").filter(Boolean).join(" ");if(W)return W}let z=$.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(z)return z;return($.textContent??"").replace(/\s+/g," ").trim()}function o0($){let j=b(q2($)),J=B2($);return j?`เปิด ${J} “${m(j,Y0)}”`:`เปิด ${J}`}var D2='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',f2=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function S2($){if($.querySelector(D2))return!0;return f2.test($.textContent??"")}var k2=400,R2=250,O2=8000;function _2($,j){if(typeof MutationObserver>"u"){j.html=j0(g0($));return}let J=Date.now(),Q=!1,z=()=>{Q=!0,V.disconnect(),window.clearInterval(X),window.clearTimeout(F)},W=()=>{if(Q)return;if(z(),!$.isConnected)return;j.detail=m(o0($),X0),j.html=j0(g0($))},V=new MutationObserver(()=>{J=Date.now()});V.observe($,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let X=window.setInterval(()=>{if(Q)return;if(!$.isConnected){z();return}if(Date.now()-J>=k2&&!S2($))W()},R2),F=window.setTimeout(W,O2)}function T2($){if($0($))return;let j=d("ui",o0($));if(j)_2($,j)}function A2(){if(typeof MutationObserver>"u")return;let $=new WeakSet;new MutationObserver((J)=>{for(let Q of J)for(let z of Array.from(Q.addedNodes)){if(!(z instanceof Element))continue;let W=N2(),V=z.matches(W)?[z]:Array.from(z.querySelectorAll(W));for(let X of V){if($.has(X))continue;$.add(X),T2(X)}}}).observe(document.body,{childList:!0,subtree:!0})}var L2=1600,E2=2500;function b0($){return{disabled:$.hasAttribute("disabled")||$.getAttribute("aria-disabled")==="true",busy:$.getAttribute("aria-busy")==="true",text:m(($.textContent??"").replace(/\s+/g," ").trim(),Y0)}}function x2($,j){if(!$.disabled&&j.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!$.busy&&j.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if($.text!==j.text&&j.text)return`ข้อความเปลี่ยนเป็น “${j.text}”`;return null}function h2($,j){if(typeof MutationObserver>"u")return;let J=b0($),Q=!1,z=(X,F)=>{if(Q)return;if(Q=!0,W.disconnect(),window.clearTimeout(V),j.afterNote=X,F)j.afterHtml=j0(M0($,u0,E2))},W=new MutationObserver(()=>{if(!$.isConnected){z("องค์ประกอบหายไปจากหน้าจอ",!1);return}let X=x2(J,b0($));if(X)z(X,!0)});W.observe($,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let V=window.setTimeout(()=>{if(!Q&&!$.isConnected){z("องค์ประกอบหายไปจากหน้าจอ",!1);return}Q=!0,W.disconnect()},L2)}function d0(){if(p0||typeof window>"u")return;p0=!0,document.addEventListener("click",(Q)=>{if($0(Q.target))return;let z=V2(Q.target);if(!z)return;let W=G2(z);if(!W)return;let V=d("click",`คลิก ${W}`,C2(z),F2(z));if(V)h2(z,V)},{capture:!0,passive:!0}),document.addEventListener("change",(Q)=>{if($0(Q.target))return;let z=I2(Q.target);if(z)d("input",`แก้ไข ${z}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(Q)=>{if($0(Q.target))return;d("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let $=()=>d("navigate",`ไปที่ ${F0(i(location.pathname+location.search))}`),j=history.pushState.bind(history),J=history.replaceState.bind(history);history.pushState=(...Q)=>{let z=j(...Q);return $(),z},history.replaceState=(...Q)=>{let z=J(...Q);return $(),z},window.addEventListener("popstate",$),A2()}function c0(){return p.map(($)=>({...$}))}var l0=2000,J0=[],r0=0,s0=!1;function H0($,j){r0+=1,J0.push({id:`log_${r0}`,at:new Date().toISOString(),level:$,message:j.length>l0?`${j.slice(0,l0)}…`:j});while(J0.length>A("maxConsoleEntries"))J0.shift()}function p2(){let $=new WeakSet;return(j,J)=>{if(typeof J==="object"&&J!==null){if($.has(J))return"[Circular]";$.add(J)}if(typeof J==="bigint")return J.toString();return J}}function n0($){if(typeof $==="string")return $;if($ instanceof Error)return`${$.name}: ${$.message}`;try{return JSON.stringify($,p2())??String($)}catch{return String($)}}function a0(){if(s0||typeof window>"u")return;s0=!0;let $=["log","info","warn","error","debug"];for(let j of $){let J=console[j].bind(console);console[j]=(...Q)=>{H0(j,Q.map(n0).join(" ")),J(...Q)}}window.addEventListener("error",(j)=>{let J=j.filename?` (${j.filename}:${j.lineno}:${j.colno})`:"";H0("exception",`${j.message}${J}`)}),window.addEventListener("unhandledrejection",(j)=>{let J=j.reason instanceof Error?`${j.reason.name}: ${j.reason.message}`:n0(j.reason);H0("unhandledrejection",J)})}function t0(){return J0.map(($)=>({...$}))}var e0=new Set,$1=new Set;function j1($,j){return $.add(j),()=>$.delete(j)}function J1($,j){for(let J of[...$])J(j)}function Q1($){return j1(e0,$)}function Q0($={type:"manual"}){J1(e0,$)}function z1($){return j1($1,$)}function Z1($){J1($1,$)}var m2=15000,g2=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],W1=!1,K1=0;function y2($){return g2.some((j)=>$.includes(j))}function V1($){let j=$.message??"";if(!j||y2(j))return;let J=Date.now();if(J-K1<m2)return;K1=J,Z1({...$,message:j})}function G1(){if(W1||typeof window>"u")return;W1=!0,window.addEventListener("error",($)=>{if(!$.message&&!$.error)return;let j=$.error instanceof Error?$.error:null;V1({type:"runtime-error",message:$.message||(j?j.message:"Unknown error"),stack:j?.stack})}),window.addEventListener("unhandledrejection",($)=>{let j=$.reason;V1({type:"unhandledrejection",message:j instanceof Error?j.message:String(j),stack:j instanceof Error?j.stack:void 0})})}var F1=4000,v2=1e6,b2=1e7,z0=[],w1=0,X1=!1;function M1($){z0.push($);while(z0.length>A("maxRequests"))z0.shift()}function H1(){return w1+=1,`req_${w1}`}function Y1($){let j={};if(!$)return j;if($ instanceof Headers)$.forEach((J,Q)=>{j[Q]=J});else if(Array.isArray($))for(let[J,Q]of $)j[J]=Q;else Object.assign(j,$);return j}function u2($){let j={};return $.forEach((J,Q)=>{j[Q]=J}),j}function i2($){if($==null)return null;if(typeof $==="string")return $;if($ instanceof URLSearchParams)return $.toString();if(typeof FormData<"u"&&$ instanceof FormData)return`[FormData: ${Array.from($.keys()).join(", ")}]`;if(typeof Blob<"u"&&$ instanceof Blob)return`[Blob ${$.size} bytes]`;if($ instanceof ArrayBuffer)return`[ArrayBuffer ${$.byteLength} bytes]`;return"[binary]"}function o2($,j){let J="",Q="GET",z={},W=null;if(typeof $==="string")J=$;else if($ instanceof URL)J=$.toString();else J=$.url,Q=$.method||Q,z=Y1($.headers);if(j){if(j.method)Q=j.method;if(j.headers)z={...z,...Y1(j.headers)};if(j.body!==void 0)W=i2(j.body)}return{method:Q.toUpperCase(),url:J,headers:z,body:W}}function I1($){return!x0($)}function d2($,j){if(I1(j.url)){j.responseSnippet="[body not captured for this origin]";return}let J=$.headers.get("content-type")??"",Q=Number($.headers.get("content-length")??"0"),z=Q?`, ~${Q} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test(J)){j.responseSnippet=`[binary ${J||"unknown"}${z}]`;return}if(Q>v2){j.responseSnippet=`[response ${J||"text"}${z} — omitted]`;return}try{$.clone().text().then((W)=>{j.responseSnippet=o(W,A("maxBodyChars"))}).catch(()=>{})}catch{}}function U1($,j){if(/[?&]_rsc=/.test($))return!0;for(let J of Object.keys(j)){let Q=J.toLowerCase();if(Q==="rsc"||Q==="next-router-prefetch"||Q==="next-router-state-tree")return!0}return!1}function c2(){if(typeof window>"u"||typeof window.fetch!=="function")return;let $=window.fetch.bind(window);window.fetch=Object.assign(async(j,J)=>{let Q=o2(j,J);if(U1(Q.url,Q.headers))return $(j,J);let z={id:H1(),startedAt:new Date().toISOString(),method:Q.method,url:i(Q.url),requestHeaders:u(Q.headers),requestBody:o(Q.body,F1),status:null,statusText:null,durationMs:null,via:"fetch"};M1(z);let W=performance.now();try{let V=await $(j,J);return z.status=V.status,z.statusText=V.statusText,z.durationMs=Math.round(performance.now()-W),z.responseHeaders=u(u2(V.headers)),d2(V,z),V}catch(V){throw z.durationMs=Math.round(performance.now()-W),z.error=V instanceof Error?`${V.name}: ${V.message}`:String(V),V}},$)}function l2(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let $=XMLHttpRequest.prototype,j=$.open,J=$.send,Q=function(W,V){let X=typeof V==="string"?V:V.toString();return this.__cibEntry=U1(X,{})?void 0:{id:H1(),startedAt:"",method:(W||"GET").toUpperCase(),url:i(X),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},j.apply(this,arguments)},z=function(W){let V=this.__cibEntry;if(V){V.startedAt=new Date().toISOString(),V.requestBody=typeof W==="string"?o(W,F1):W==null?null:"[non-string body]";let X=performance.now();M1(V),this.addEventListener("loadend",()=>{if(V.status=this.status||null,V.statusText=this.statusText||null,V.durationMs=Math.round(performance.now()-X),I1(V.url))V.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{V.responseSnippet=o(this.responseText||"",A("maxBodyChars"))}catch{}else{let F=this.getResponseHeader("content-type")??this.responseType;V.responseSnippet=`[binary ${F}]`}})}return J.apply(this,arguments)};$.open=Q,$.send=z}function C1(){if(X1)return;X1=!0,c2(),l2()}function P1(){let $=z0.map((J)=>({...J})),j=0;for(let J=$.length-1;J>=0;J-=1){let Q=$[J],z=Q?.responseSnippet;if(!Q||typeof z!=="string"||z.length===0)continue;if(j+z.length>b2)Q.responseSnippet=`[response omitted — report size budget reached (${z.length.toLocaleString()} chars)]`;else j+=z.length}return $}var r2={title:"รายงานปัญหา",summaryLabel:"หัวข้อปัญหา",summaryRequired:"(ต้องกรอกก่อนแจ้งปัญหา)",summaryPlaceholder:"สรุปปัญหาสั้น ๆ เช่น กดบันทึกร่างแล้ว error",detailLabel:"อธิบายปัญหา (ไม่บังคับ)",detailPlaceholder:"เกิดอะไรขึ้น? กำลังทำอะไรอยู่ตอนที่พบปัญหา?",annotateTitle:"วาดบนรูป",annotateHint:"ทำเครื่องหมายจุดที่มีปัญหาก่อนแนบ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",annotateApply:"ใช้รูปนี้",cancel:"ยกเลิก",toolRect:"กรอบ",toolArrow:"ลูกศร",toolHighlight:"ไฮไลต์",toolText:"ข้อความ",deleteSelected:"ลบที่เลือก",clearAll:"ล้างทั้งหมด",annotateHelp:"เลือกเครื่องมือแล้วลากบนรูป · ไม่ได้เลือกเครื่องมือ = ย้าย/ปรับขนาดสิ่งที่วาดไว้ · กดกากบาทมุมขวาบนของรูปทรงเพื่อลบ",capturing:"กำลังเก็บภาพหน้าจอ…",noScreenshot:"ไม่มีภาพหน้าจอ — ยังส่งรายงานได้",cancelled:"ยกเลิกการเก็บภาพหน้าจอแล้ว",close:"ปิด",submit:"แจ้งปัญหา",submitting:"กำลังส่ง…",submitted:"แจ้งปัญหาสำเร็จ",crashed:"เกิดข้อผิดพลาดในระบบ",crashAction:"แจ้งปัญหา",failed:"ส่งรายงานไม่สำเร็จ",captured:"เก็บข้อมูลแล้ว",reporter:"ผู้แจ้ง",page:"หน้า",handoffTitle:"กำลังพาไปที่ระบบแจ้งปัญหา",handoffBody:"ระบบจะลงชื่อเข้าใช้ให้อัตโนมัติ เพื่อดูเรื่องที่คุณแจ้งไว้",handoffGo:"ไปเลย",handoffPreparing:"กำลังเตรียม…",handoffFailed:"เปิดรายการที่แจ้งไว้ไม่สำเร็จ",handoffBlocked:"เบราว์เซอร์บล็อกการเปิดแท็บใหม่",handoffOpen:"เปิดในแท็บใหม่"},s2={title:"Report a problem",summaryLabel:"Summary",summaryRequired:"(required)",summaryPlaceholder:"One line, e.g. saving a draft returns an error",detailLabel:"Details (optional)",detailPlaceholder:"What happened? What were you doing at the time?",annotateTitle:"Draw on the image",annotateHint:"Mark what went wrong before attaching — box it, point at it, highlight it, or type on it",annotateApply:"Use this image",cancel:"Cancel",toolRect:"Box",toolArrow:"Arrow",toolHighlight:"Highlight",toolText:"Text",deleteSelected:"Delete selected",clearAll:"Clear all",annotateHelp:"Pick a tool and drag on the image · no tool selected = move/resize what you drew · press the ✕ on a shape to delete it",capturing:"Capturing the screen…",noScreenshot:"No screenshot — you can still send the report",cancelled:"Screen capture cancelled",close:"Close",submit:"Send report",submitting:"Sending…",submitted:"Report sent",crashed:"Something went wrong",crashAction:"Report it",failed:"Could not send the report",captured:"Captured",reporter:"Reporter",page:"Page",handoffTitle:"Opening the support portal",handoffBody:"You will be signed in automatically to see what you reported",handoffGo:"Go now",handoffPreparing:"Preparing…",handoffFailed:"Could not open your reports",handoffBlocked:"Your browser blocked the new tab",handoffOpen:"Open in a new tab"};function Z0($){return $==="en"?s2:r2}var I0=null;function n2(){if(typeof document>"u")return null;if(I0?.isConnected)return I0;let $=document.createElement("lw-debug-toasts");$.dataset.debugReporter="true";let j=$.attachShadow({mode:"open"}),J=document.createElement("style");J.textContent=`
2
2
  :host { all: initial; }
3
3
  .stack {
4
4
  position: fixed; top: 16px; right: 16px; z-index: 2147483001;
package/dist/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- var J2={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},A=null;function Q2($){A=$}function S(){if(!A)throw Error("[debug-capture] configureDebugCapture() has not been called");return A}function H0(){return A!==null}function E(){let $=S().app;return{name:$.name,version:$.version??"0.0.0",environment:$.environment??z2()}}function z2(){if(typeof window>"u")return"unknown";let $=window.location.hostname;if($==="localhost"||$==="127.0.0.1"||$.endsWith(".local"))return"development";return"production"}function x($){let j=A?.capture?.[$];return typeof j==="number"?j:J2[$]}function n0($){let j=A?.module;if(!j)return null;try{return j($)??null}catch{return null}}function Z0(){let $=A?.redact;return{headers:$?.headers??[],queryKeys:($?.queryKeys??[]).map((j)=>j.toLowerCase()),bodyKeys:($?.bodyKeys??[]).map((j)=>j.toLowerCase())}}function s0(){return A?.capture?.overlaySelectors??[]}function a0($){if(typeof window>"u")return!1;let j;try{j=new URL($,window.location.href)}catch{return!1}if(Z2(j))return!1;if(j.origin===window.location.origin)return!0;return(A?.capture?.bodyOrigins??[]).some((J)=>{try{return new URL(J).origin===j.origin}catch{return!1}})}function Z2($){if(!A?.host)return!1;try{if(new URL(A.host).origin!==$.origin)return!1}catch{return!1}return $.pathname.startsWith("/ingest/")}var u="‹redacted›",W2=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,K2=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),V2=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,X2=/[\w.+-]+@[\w-]+\.[\w.-]+/g,G2=/\d(?:[\d\s-]{7,})\d/g;function d($){return $.replace(X2,u).replace(G2,u)}function Y2($){if(W2.test($))return!0;return Z0().headers.some((J)=>J.toLowerCase()===$.toLowerCase())}function i($){let j={};for(let[J,Q]of Object.entries($))j[J]=Y2(J)?u:Q;return j}function c($){try{let j=/^https?:\/\//i.test($),J=new URL($,j?void 0:"http://local.invalid"),Q=!1;if(J.searchParams.forEach((z,W)=>{if(K2.has(W.toLowerCase())||Z0().queryKeys.includes(W.toLowerCase()))J.searchParams.set(W,u),Q=!0}),!Q)return $;return j?J.toString():`${J.pathname}${J.search}`}catch{return $}}function M0($,j){if(j>6||$===null||typeof $!=="object")return $;if(Array.isArray($))return $.map((Q)=>M0(Q,j+1));let J={};for(let[Q,z]of Object.entries($)){let W=V2.test(Q)||Z0().bodyKeys.some((K)=>Q.toLowerCase().includes(K));J[Q]=W?u:M0(z,j+1)}return J}function o($,j){if($==null)return null;let J=$,Q=$.trim();if(Q.startsWith("{")||Q.startsWith("["))try{let z=JSON.parse(Q);J=JSON.stringify(M0(z,0))}catch{}if(J.length>j)return`${J.slice(0,j)}… [truncated ${J.length-j} chars]`;return J}var U0=120,C0=40,r=($,j)=>$.length>j?`${$.slice(0,j)}…`:$,P0=($)=>{try{return decodeURIComponent($)}catch{return $}},l=[],t0=0,e0=!1;function $0($,j,J,Q){let z=r(j,U0),W=l[l.length-1];if($==="navigate"&&W?.kind==="click"){let G=z.replace(/^ไปที่\s*/,"");if(W.detail.includes(`→ ${G}`))return W.at=new Date().toISOString(),W;let w=G.split(/[?#]/)[0]??G,M=W.source?P0(W.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(M&&(w===M||w.startsWith(M)))return W.detail=r(`${W.detail} → ${G}`,U0),W.source=void 0,W.at=new Date().toISOString(),W}if(W&&W.kind===$&&W.detail===z){if(W.at=new Date().toISOString(),$!=="navigate")W.count=(W.count??1)+1;return W}t0+=1;let K={id:`act_${t0}`,at:new Date().toISOString(),kind:$,detail:z,count:1,source:J,html:K0(Q)};l.push(K);while(l.length>x("maxActions"))w2(l.shift());return K}var F2=200000,j0=0;function K0($){if(!$)return;if(j0+$.length>F2)return;return j0+=$.length,$}function w2($){if(!$)return;if(j0-=($.html?.length??0)+($.afterHtml?.length??0),j0<0)j0=0}function I0($){return $&&$>1?` (×${$})`:""}function W0($){return $ instanceof Element&&Boolean($.closest("[data-debug-reporter]"))}var H2='button, a[href], [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="link"], summary, input, select, textarea',M2={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},$1={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function U2($){let j=$.getAttribute("role");if(j&&$1[j])return $1[j];return M2[$.tagName.toLowerCase()]??"ปุ่ม"}function C2($,j){try{let J=$,Q=0;while(J&&Q<=j){let z=W1(J);if(z&&typeof z.memoizedProps?.onClick==="function")return J;J=J.parentElement,Q+=1}}catch{}return null}function P2($){let j=$.getAttribute("aria-label")?.trim();if(j)return j;let J=$.getAttribute("title")?.trim();if(J)return J;if($ instanceof HTMLInputElement||$ instanceof HTMLTextAreaElement||$ instanceof HTMLSelectElement)return($.getAttribute("placeholder")||$.getAttribute("name")||"").trim();if($ instanceof HTMLImageElement)return($.getAttribute("alt")||"").trim();let Q=($.textContent??"").replace(/\s+/g," ").trim();if(Q)return Q;if($ instanceof HTMLAnchorElement){let z=$.getAttribute("href");if(z?.startsWith("/"))return P0(z)}return""}function I2($){if(!($ instanceof Element))return null;let j=$.closest(H2)??C2($,4);if(!j)return null;let J=j.tagName.toLowerCase();if(J==="html"||J==="body")return null;return j}function D2($){let j=d(P2($));if(!j)return null;return`${U2($)} “${r(j,C0)}”`}var Z1=6000,N2=4000,B2=/(?:^|\s)!?(?:fixed|absolute|sticky|inset-\S+|z-\S+|top-\S+|bottom-\S+|left-\S+|right-\S+|w-screen|h-screen|min-h-screen|max-h-screen|translate-\S+|scale-\S+)(?=\s|$)/g;function q2($){$.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((z)=>z.remove());let j=[$,...Array.from($.querySelectorAll("*"))];for(let z of j){for(let K of Array.from(z.attributes)){let G=K.name.toLowerCase();if(G.startsWith("on")||G==="srcdoc"||G==="value"||G.startsWith("data-"))z.removeAttribute(K.name)}if(z instanceof HTMLAnchorElement)z.setAttribute("href","#");if(z instanceof HTMLImageElement)z.removeAttribute("src");let W=z.getAttribute("class");if(W){let K=W.replace(B2," ").replace(/\s+/g," ").trim();if(K)z.setAttribute("class",K);else z.removeAttribute("class")}}let J=document.createTreeWalker($,NodeFilter.SHOW_TEXT),Q=J.nextNode();while(Q){if(Q.nodeValue)Q.nodeValue=d(Q.nodeValue);Q=J.nextNode()}}function D0($,j,J){try{let Q=$.outerHTML;if(!Q||Q.length>j)return;let z=$.cloneNode(!0);q2(z);let W=z.outerHTML;return W&&W.length<=J?W:void 0}catch{return}}var S2=($)=>D0($,Z1,N2),R2=150000,O2=40000,j1=($)=>D0($,R2,O2);function _2($){if(!($ instanceof HTMLInputElement)&&!($ instanceof HTMLTextAreaElement)&&!($ instanceof HTMLSelectElement))return null;let j=$.name||$.id||$.getAttribute("aria-label")||$.getAttribute("placeholder")||$.tagName.toLowerCase();return`ช่อง “${d(j)}”`}var J1=80;function W1($){let j=Object.keys($).find((J)=>J.startsWith("__reactFiber$")||J.startsWith("__reactInternalInstance$"));return j?$[j]:null}function f2($){if(typeof $!=="function")return null;try{let j=Function.prototype.toString.call($);return(j.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??j.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function Q1($){if(!$)return;return`→ ${$.length>J1?`${$.slice(0,J1)}…`:$}`}function k2($){try{let j=$.closest("a[href]")?.getAttribute("href");if(j&&j.startsWith("/"))return Q1(j);let J=W1($),Q=0;while(J&&Q<30){if(typeof J.memoizedProps?.onClick==="function")return Q1(f2(J.memoizedProps.onClick));J=J.return,Q+=1}return}catch{return}}var L2='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function A2(){let $=s0();return $.length?$.join(", "):L2}function T2($){let j=$.getAttribute("role");if(j==="status"||j==="alert")return"ข้อความแจ้งเตือน";if(j==="menu")return"เมนู";if(j==="listbox")return"รายการตัวเลือก";if(j==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function E2($){let j=$.getAttribute("aria-label")?.trim();if(j)return j;let J=$.getAttribute("aria-labelledby");if(J){let W=J.split(/\s+/).map((K)=>document.getElementById(K)?.textContent?.trim()??"").filter(Boolean).join(" ");if(W)return W}let z=$.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(z)return z;return($.textContent??"").replace(/\s+/g," ").trim()}function K1($){let j=d(E2($)),J=T2($);return j?`เปิด ${J} “${r(j,C0)}”`:`เปิด ${J}`}var x2='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',h2=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function g2($){if($.querySelector(x2))return!0;return h2.test($.textContent??"")}var p2=400,m2=250,v2=8000;function y2($,j){if(typeof MutationObserver>"u"){j.html=K0(j1($));return}let J=Date.now(),Q=!1,z=()=>{Q=!0,K.disconnect(),window.clearInterval(G),window.clearTimeout(w)},W=()=>{if(Q)return;if(z(),!$.isConnected)return;j.detail=r(K1($),U0),j.html=K0(j1($))},K=new MutationObserver(()=>{J=Date.now()});K.observe($,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let G=window.setInterval(()=>{if(Q)return;if(!$.isConnected){z();return}if(Date.now()-J>=p2&&!g2($))W()},m2),w=window.setTimeout(W,v2)}function b2($){if(W0($))return;let j=$0("ui",K1($));if(j)y2($,j)}function u2(){if(typeof MutationObserver>"u")return;let $=new WeakSet;new MutationObserver((J)=>{for(let Q of J)for(let z of Array.from(Q.addedNodes)){if(!(z instanceof Element))continue;let W=A2(),K=z.matches(W)?[z]:Array.from(z.querySelectorAll(W));for(let G of K){if($.has(G))continue;$.add(G),b2(G)}}}).observe(document.body,{childList:!0,subtree:!0})}var d2=1600,i2=2500;function z1($){return{disabled:$.hasAttribute("disabled")||$.getAttribute("aria-disabled")==="true",busy:$.getAttribute("aria-busy")==="true",text:r(($.textContent??"").replace(/\s+/g," ").trim(),C0)}}function c2($,j){if(!$.disabled&&j.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!$.busy&&j.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if($.text!==j.text&&j.text)return`ข้อความเปลี่ยนเป็น “${j.text}”`;return null}function o2($,j){if(typeof MutationObserver>"u")return;let J=z1($),Q=!1,z=(G,w)=>{if(Q)return;if(Q=!0,W.disconnect(),window.clearTimeout(K),j.afterNote=G,w)j.afterHtml=K0(D0($,Z1,i2))},W=new MutationObserver(()=>{if(!$.isConnected){z("องค์ประกอบหายไปจากหน้าจอ",!1);return}let G=c2(J,z1($));if(G)z(G,!0)});W.observe($,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let K=window.setTimeout(()=>{if(!Q&&!$.isConnected){z("องค์ประกอบหายไปจากหน้าจอ",!1);return}Q=!0,W.disconnect()},d2)}function V1(){if(e0||typeof window>"u")return;e0=!0,document.addEventListener("click",(Q)=>{if(W0(Q.target))return;let z=I2(Q.target);if(!z)return;let W=D2(z);if(!W)return;let K=$0("click",`คลิก ${W}`,k2(z),S2(z));if(K)o2(z,K)},{capture:!0,passive:!0}),document.addEventListener("change",(Q)=>{if(W0(Q.target))return;let z=_2(Q.target);if(z)$0("input",`แก้ไข ${z}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(Q)=>{if(W0(Q.target))return;$0("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let $=()=>$0("navigate",`ไปที่ ${P0(c(location.pathname+location.search))}`),j=history.pushState.bind(history),J=history.replaceState.bind(history);history.pushState=(...Q)=>{let z=j(...Q);return $(),z},history.replaceState=(...Q)=>{let z=J(...Q);return $(),z},window.addEventListener("popstate",$),u2()}function N0(){return l.map(($)=>({...$}))}var X1=2000,V0=[],G1=0,Y1=!1;function B0($,j){G1+=1,V0.push({id:`log_${G1}`,at:new Date().toISOString(),level:$,message:j.length>X1?`${j.slice(0,X1)}…`:j});while(V0.length>x("maxConsoleEntries"))V0.shift()}function l2(){let $=new WeakSet;return(j,J)=>{if(typeof J==="object"&&J!==null){if($.has(J))return"[Circular]";$.add(J)}if(typeof J==="bigint")return J.toString();return J}}function F1($){if(typeof $==="string")return $;if($ instanceof Error)return`${$.name}: ${$.message}`;try{return JSON.stringify($,l2())??String($)}catch{return String($)}}function w1(){if(Y1||typeof window>"u")return;Y1=!0;let $=["log","info","warn","error","debug"];for(let j of $){let J=console[j].bind(console);console[j]=(...Q)=>{B0(j,Q.map(F1).join(" ")),J(...Q)}}window.addEventListener("error",(j)=>{let J=j.filename?` (${j.filename}:${j.lineno}:${j.colno})`:"";B0("exception",`${j.message}${J}`)}),window.addEventListener("unhandledrejection",(j)=>{let J=j.reason instanceof Error?`${j.reason.name}: ${j.reason.message}`:F1(j.reason);B0("unhandledrejection",J)})}function q0(){return V0.map(($)=>({...$}))}var H1=new Set,M1=new Set;function U1($,j){return $.add(j),()=>$.delete(j)}function C1($,j){for(let J of[...$])J(j)}function S0($){return U1(H1,$)}function R0($={type:"manual"}){C1(H1,$)}function O0($){return U1(M1,$)}function _0($){C1(M1,$)}var r2=15000,n2=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],P1=!1,I1=0;function s2($){return n2.some((j)=>$.includes(j))}function D1($){let j=$.message??"";if(!j||s2(j))return;let J=Date.now();if(J-I1<r2)return;I1=J,_0({...$,message:j})}function N1(){if(P1||typeof window>"u")return;P1=!0,window.addEventListener("error",($)=>{if(!$.message&&!$.error)return;let j=$.error instanceof Error?$.error:null;D1({type:"runtime-error",message:$.message||(j?j.message:"Unknown error"),stack:j?.stack})}),window.addEventListener("unhandledrejection",($)=>{let j=$.reason;D1({type:"unhandledrejection",message:j instanceof Error?j.message:String(j),stack:j instanceof Error?j.stack:void 0})})}var R1=4000,a2=1e6,t2=1e7,X0=[],B1=0,q1=!1;function O1($){X0.push($);while(X0.length>x("maxRequests"))X0.shift()}function _1(){return B1+=1,`req_${B1}`}function S1($){let j={};if(!$)return j;if($ instanceof Headers)$.forEach((J,Q)=>{j[Q]=J});else if(Array.isArray($))for(let[J,Q]of $)j[J]=Q;else Object.assign(j,$);return j}function e2($){let j={};return $.forEach((J,Q)=>{j[Q]=J}),j}function $4($){if($==null)return null;if(typeof $==="string")return $;if($ instanceof URLSearchParams)return $.toString();if(typeof FormData<"u"&&$ instanceof FormData)return`[FormData: ${Array.from($.keys()).join(", ")}]`;if(typeof Blob<"u"&&$ instanceof Blob)return`[Blob ${$.size} bytes]`;if($ instanceof ArrayBuffer)return`[ArrayBuffer ${$.byteLength} bytes]`;return"[binary]"}function j4($,j){let J="",Q="GET",z={},W=null;if(typeof $==="string")J=$;else if($ instanceof URL)J=$.toString();else J=$.url,Q=$.method||Q,z=S1($.headers);if(j){if(j.method)Q=j.method;if(j.headers)z={...z,...S1(j.headers)};if(j.body!==void 0)W=$4(j.body)}return{method:Q.toUpperCase(),url:J,headers:z,body:W}}function f1($){return!a0($)}function J4($,j){if(f1(j.url)){j.responseSnippet="[body not captured for this origin]";return}let J=$.headers.get("content-type")??"",Q=Number($.headers.get("content-length")??"0"),z=Q?`, ~${Q} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test(J)){j.responseSnippet=`[binary ${J||"unknown"}${z}]`;return}if(Q>a2){j.responseSnippet=`[response ${J||"text"}${z} — omitted]`;return}try{$.clone().text().then((W)=>{j.responseSnippet=o(W,x("maxBodyChars"))}).catch(()=>{})}catch{}}function k1($,j){if(/[?&]_rsc=/.test($))return!0;for(let J of Object.keys(j)){let Q=J.toLowerCase();if(Q==="rsc"||Q==="next-router-prefetch"||Q==="next-router-state-tree")return!0}return!1}function Q4(){if(typeof window>"u"||typeof window.fetch!=="function")return;let $=window.fetch.bind(window);window.fetch=Object.assign(async(j,J)=>{let Q=j4(j,J);if(k1(Q.url,Q.headers))return $(j,J);let z={id:_1(),startedAt:new Date().toISOString(),method:Q.method,url:c(Q.url),requestHeaders:i(Q.headers),requestBody:o(Q.body,R1),status:null,statusText:null,durationMs:null,via:"fetch"};O1(z);let W=performance.now();try{let K=await $(j,J);return z.status=K.status,z.statusText=K.statusText,z.durationMs=Math.round(performance.now()-W),z.responseHeaders=i(e2(K.headers)),J4(K,z),K}catch(K){throw z.durationMs=Math.round(performance.now()-W),z.error=K instanceof Error?`${K.name}: ${K.message}`:String(K),K}},$)}function z4(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let $=XMLHttpRequest.prototype,j=$.open,J=$.send,Q=function(W,K){let G=typeof K==="string"?K:K.toString();return this.__cibEntry=k1(G,{})?void 0:{id:_1(),startedAt:"",method:(W||"GET").toUpperCase(),url:c(G),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},j.apply(this,arguments)},z=function(W){let K=this.__cibEntry;if(K){K.startedAt=new Date().toISOString(),K.requestBody=typeof W==="string"?o(W,R1):W==null?null:"[non-string body]";let G=performance.now();O1(K),this.addEventListener("loadend",()=>{if(K.status=this.status||null,K.statusText=this.statusText||null,K.durationMs=Math.round(performance.now()-G),f1(K.url))K.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{K.responseSnippet=o(this.responseText||"",x("maxBodyChars"))}catch{}else{let w=this.getResponseHeader("content-type")??this.responseType;K.responseSnippet=`[binary ${w}]`}})}return J.apply(this,arguments)};$.open=Q,$.send=z}function L1(){if(q1)return;q1=!0,Q4(),z4()}function f0(){let $=X0.map((J)=>({...J})),j=0;for(let J=$.length-1;J>=0;J-=1){let Q=$[J],z=Q?.responseSnippet;if(!Q||typeof z!=="string"||z.length===0)continue;if(j+z.length>t2)Q.responseSnippet=`[response omitted — report size budget reached (${z.length.toLocaleString()} chars)]`;else j+=z.length}return $}var Z4={title:"รายงานปัญหา",summaryLabel:"หัวข้อปัญหา",summaryRequired:"(ต้องกรอกก่อนแจ้งปัญหา)",summaryPlaceholder:"สรุปปัญหาสั้น ๆ เช่น กดบันทึกร่างแล้ว error",detailLabel:"อธิบายปัญหา (ไม่บังคับ)",detailPlaceholder:"เกิดอะไรขึ้น? กำลังทำอะไรอยู่ตอนที่พบปัญหา?",annotateTitle:"วาดบนรูป",annotateHint:"ทำเครื่องหมายจุดที่มีปัญหาก่อนแนบ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",annotateApply:"ใช้รูปนี้",cancel:"ยกเลิก",toolRect:"กรอบ",toolArrow:"ลูกศร",toolHighlight:"ไฮไลต์",toolText:"ข้อความ",deleteSelected:"ลบที่เลือก",clearAll:"ล้างทั้งหมด",annotateHelp:"เลือกเครื่องมือแล้วลากบนรูป · ไม่ได้เลือกเครื่องมือ = ย้าย/ปรับขนาดสิ่งที่วาดไว้ · กดกากบาทมุมขวาบนของรูปทรงเพื่อลบ",capturing:"กำลังเก็บภาพหน้าจอ…",noScreenshot:"ไม่มีภาพหน้าจอ — ยังส่งรายงานได้",cancelled:"ยกเลิกการเก็บภาพหน้าจอแล้ว",close:"ปิด",submit:"แจ้งปัญหา",submitting:"กำลังส่ง…",submitted:"แจ้งปัญหาสำเร็จ",crashed:"เกิดข้อผิดพลาดในระบบ",crashAction:"แจ้งปัญหา",failed:"ส่งรายงานไม่สำเร็จ",captured:"เก็บข้อมูลแล้ว",reporter:"ผู้แจ้ง",page:"หน้า",handoffTitle:"กำลังพาไปที่ระบบแจ้งปัญหา",handoffBody:"ระบบจะลงชื่อเข้าใช้ให้อัตโนมัติ เพื่อดูเรื่องที่คุณแจ้งไว้",handoffGo:"ไปเลย",handoffPreparing:"กำลังเตรียม…",handoffFailed:"เปิดรายการที่แจ้งไว้ไม่สำเร็จ"},W4={title:"Report a problem",summaryLabel:"Summary",summaryRequired:"(required)",summaryPlaceholder:"One line, e.g. saving a draft returns an error",detailLabel:"Details (optional)",detailPlaceholder:"What happened? What were you doing at the time?",annotateTitle:"Draw on the image",annotateHint:"Mark what went wrong before attaching — box it, point at it, highlight it, or type on it",annotateApply:"Use this image",cancel:"Cancel",toolRect:"Box",toolArrow:"Arrow",toolHighlight:"Highlight",toolText:"Text",deleteSelected:"Delete selected",clearAll:"Clear all",annotateHelp:"Pick a tool and drag on the image · no tool selected = move/resize what you drew · press the ✕ on a shape to delete it",capturing:"Capturing the screen…",noScreenshot:"No screenshot — you can still send the report",cancelled:"Screen capture cancelled",close:"Close",submit:"Send report",submitting:"Sending…",submitted:"Report sent",crashed:"Something went wrong",crashAction:"Report it",failed:"Could not send the report",captured:"Captured",reporter:"Reporter",page:"Page",handoffTitle:"Opening the support portal",handoffBody:"You will be signed in automatically to see what you reported",handoffGo:"Go now",handoffPreparing:"Preparing…",handoffFailed:"Could not open your reports"};function v($){return $==="en"?W4:Z4}var k0=null;function K4(){if(typeof document>"u")return null;if(k0?.isConnected)return k0;let $=document.createElement("lw-debug-toasts");$.dataset.debugReporter="true";let j=$.attachShadow({mode:"open"}),J=document.createElement("style");J.textContent=`
1
+ var J2={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},T=null;function Q2($){T=$}function R(){if(!T)throw Error("[debug-capture] configureDebugCapture() has not been called");return T}function U0(){return T!==null}function x(){let $=R().app;return{name:$.name,version:$.version??"0.0.0",environment:$.environment??z2()}}function z2(){if(typeof window>"u")return"unknown";let $=window.location.hostname;if($==="localhost"||$==="127.0.0.1"||$.endsWith(".local"))return"development";return"production"}function h($){let j=T?.capture?.[$];return typeof j==="number"?j:J2[$]}function n0($){let j=T?.module;if(!j)return null;try{return j($)??null}catch{return null}}function Z0(){let $=T?.redact;return{headers:$?.headers??[],queryKeys:($?.queryKeys??[]).map((j)=>j.toLowerCase()),bodyKeys:($?.bodyKeys??[]).map((j)=>j.toLowerCase())}}function a0(){return T?.capture?.overlaySelectors??[]}function t0($){if(typeof window>"u")return!1;let j;try{j=new URL($,window.location.href)}catch{return!1}if(Z2(j))return!1;if(j.origin===window.location.origin)return!0;return(T?.capture?.bodyOrigins??[]).some((J)=>{try{return new URL(J).origin===j.origin}catch{return!1}})}function Z2($){if(!T?.host)return!1;try{if(new URL(T.host).origin!==$.origin)return!1}catch{return!1}return $.pathname.startsWith("/ingest/")}var d="‹redacted›",W2=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,K2=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),V2=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,X2=/[\w.+-]+@[\w-]+\.[\w.-]+/g,G2=/\d(?:[\d\s-]{7,})\d/g;function c($){return $.replace(X2,d).replace(G2,d)}function Y2($){if(W2.test($))return!0;return Z0().headers.some((J)=>J.toLowerCase()===$.toLowerCase())}function i($){let j={};for(let[J,Q]of Object.entries($))j[J]=Y2(J)?d:Q;return j}function o($){try{let j=/^https?:\/\//i.test($),J=new URL($,j?void 0:"http://local.invalid"),Q=!1;if(J.searchParams.forEach((z,W)=>{if(K2.has(W.toLowerCase())||Z0().queryKeys.includes(W.toLowerCase()))J.searchParams.set(W,d),Q=!0}),!Q)return $;return j?J.toString():`${J.pathname}${J.search}`}catch{return $}}function C0($,j){if(j>6||$===null||typeof $!=="object")return $;if(Array.isArray($))return $.map((Q)=>C0(Q,j+1));let J={};for(let[Q,z]of Object.entries($)){let W=V2.test(Q)||Z0().bodyKeys.some((K)=>Q.toLowerCase().includes(K));J[Q]=W?d:C0(z,j+1)}return J}function l($,j){if($==null)return null;let J=$,Q=$.trim();if(Q.startsWith("{")||Q.startsWith("["))try{let z=JSON.parse(Q);J=JSON.stringify(C0(z,0))}catch{}if(J.length>j)return`${J.slice(0,j)}… [truncated ${J.length-j} chars]`;return J}var P0=120,I0=40,s=($,j)=>$.length>j?`${$.slice(0,j)}…`:$,w0=($)=>{try{return decodeURIComponent($)}catch{return $}},r=[],e0=0,$1=!1;function j0($,j,J,Q){let z=s(j,P0),W=r[r.length-1];if($==="navigate"&&W?.kind==="click"){let G=z.replace(/^ไปที่\s*/,"");if(W.detail.includes(`→ ${G}`))return W.at=new Date().toISOString(),W;let H=G.split(/[?#]/)[0]??G,U=W.source?w0(W.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(U&&(H===U||H.startsWith(U)))return W.detail=s(`${W.detail} → ${G}`,P0),W.source=void 0,W.at=new Date().toISOString(),W}if(W&&W.kind===$&&W.detail===z){if(W.at=new Date().toISOString(),$!=="navigate")W.count=(W.count??1)+1;return W}e0+=1;let K={id:`act_${e0}`,at:new Date().toISOString(),kind:$,detail:z,count:1,source:J,html:K0(Q)};r.push(K);while(r.length>h("maxActions"))H2(r.shift());return K}var F2=200000,J0=0;function K0($){if(!$)return;if(J0+$.length>F2)return;return J0+=$.length,$}function H2($){if(!$)return;if(J0-=($.html?.length??0)+($.afterHtml?.length??0),J0<0)J0=0}function D0($){return $&&$>1?` (×${$})`:""}function W0($){return $ instanceof Element&&Boolean($.closest("[data-debug-reporter]"))}var M2='button, a[href], [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="link"], summary, input, select, textarea',U2={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},j1={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function C2($){let j=$.getAttribute("role");if(j&&j1[j])return j1[j];return U2[$.tagName.toLowerCase()]??"ปุ่ม"}function P2($,j){try{let J=$,Q=0;while(J&&Q<=j){let z=K1(J);if(z&&typeof z.memoizedProps?.onClick==="function")return J;J=J.parentElement,Q+=1}}catch{}return null}function I2($){let j=$.getAttribute("aria-label")?.trim();if(j)return j;let J=$.getAttribute("title")?.trim();if(J)return J;if($ instanceof HTMLInputElement||$ instanceof HTMLTextAreaElement||$ instanceof HTMLSelectElement)return($.getAttribute("placeholder")||$.getAttribute("name")||"").trim();if($ instanceof HTMLImageElement)return($.getAttribute("alt")||"").trim();let Q=($.textContent??"").replace(/\s+/g," ").trim();if(Q)return Q;if($ instanceof HTMLAnchorElement){let z=$.getAttribute("href");if(z?.startsWith("/"))return w0(z)}return""}function w2($){if(!($ instanceof Element))return null;let j=$.closest(M2)??P2($,4);if(!j)return null;let J=j.tagName.toLowerCase();if(J==="html"||J==="body")return null;return j}function D2($){let j=c(I2($));if(!j)return null;return`${C2($)} “${s(j,I0)}”`}var W1=6000,N2=4000,B2=/(?:^|\s)!?(?:fixed|absolute|sticky|inset-\S+|z-\S+|top-\S+|bottom-\S+|left-\S+|right-\S+|w-screen|h-screen|min-h-screen|max-h-screen|translate-\S+|scale-\S+)(?=\s|$)/g;function q2($){$.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((z)=>z.remove());let j=[$,...Array.from($.querySelectorAll("*"))];for(let z of j){for(let K of Array.from(z.attributes)){let G=K.name.toLowerCase();if(G.startsWith("on")||G==="srcdoc"||G==="value"||G.startsWith("data-"))z.removeAttribute(K.name)}if(z instanceof HTMLAnchorElement)z.setAttribute("href","#");if(z instanceof HTMLImageElement)z.removeAttribute("src");let W=z.getAttribute("class");if(W){let K=W.replace(B2," ").replace(/\s+/g," ").trim();if(K)z.setAttribute("class",K);else z.removeAttribute("class")}}let J=document.createTreeWalker($,NodeFilter.SHOW_TEXT),Q=J.nextNode();while(Q){if(Q.nodeValue)Q.nodeValue=c(Q.nodeValue);Q=J.nextNode()}}function N0($,j,J){try{let Q=$.outerHTML;if(!Q||Q.length>j)return;let z=$.cloneNode(!0);q2(z);let W=z.outerHTML;return W&&W.length<=J?W:void 0}catch{return}}var S2=($)=>N0($,W1,N2),R2=150000,O2=40000,J1=($)=>N0($,R2,O2);function _2($){if(!($ instanceof HTMLInputElement)&&!($ instanceof HTMLTextAreaElement)&&!($ instanceof HTMLSelectElement))return null;let j=$.name||$.id||$.getAttribute("aria-label")||$.getAttribute("placeholder")||$.tagName.toLowerCase();return`ช่อง “${c(j)}”`}var Q1=80;function K1($){let j=Object.keys($).find((J)=>J.startsWith("__reactFiber$")||J.startsWith("__reactInternalInstance$"));return j?$[j]:null}function L2($){if(typeof $!=="function")return null;try{let j=Function.prototype.toString.call($);return(j.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??j.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function z1($){if(!$)return;return`→ ${$.length>Q1?`${$.slice(0,Q1)}…`:$}`}function A2($){try{let j=$.closest("a[href]")?.getAttribute("href");if(j&&j.startsWith("/"))return z1(j);let J=K1($),Q=0;while(J&&Q<30){if(typeof J.memoizedProps?.onClick==="function")return z1(L2(J.memoizedProps.onClick));J=J.return,Q+=1}return}catch{return}}var f2='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function T2(){let $=a0();return $.length?$.join(", "):f2}function k2($){let j=$.getAttribute("role");if(j==="status"||j==="alert")return"ข้อความแจ้งเตือน";if(j==="menu")return"เมนู";if(j==="listbox")return"รายการตัวเลือก";if(j==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function E2($){let j=$.getAttribute("aria-label")?.trim();if(j)return j;let J=$.getAttribute("aria-labelledby");if(J){let W=J.split(/\s+/).map((K)=>document.getElementById(K)?.textContent?.trim()??"").filter(Boolean).join(" ");if(W)return W}let z=$.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(z)return z;return($.textContent??"").replace(/\s+/g," ").trim()}function V1($){let j=c(E2($)),J=k2($);return j?`เปิด ${J} “${s(j,I0)}”`:`เปิด ${J}`}var x2='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',h2=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function g2($){if($.querySelector(x2))return!0;return h2.test($.textContent??"")}var p2=400,m2=250,v2=8000;function y2($,j){if(typeof MutationObserver>"u"){j.html=K0(J1($));return}let J=Date.now(),Q=!1,z=()=>{Q=!0,K.disconnect(),window.clearInterval(G),window.clearTimeout(H)},W=()=>{if(Q)return;if(z(),!$.isConnected)return;j.detail=s(V1($),P0),j.html=K0(J1($))},K=new MutationObserver(()=>{J=Date.now()});K.observe($,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let G=window.setInterval(()=>{if(Q)return;if(!$.isConnected){z();return}if(Date.now()-J>=p2&&!g2($))W()},m2),H=window.setTimeout(W,v2)}function b2($){if(W0($))return;let j=j0("ui",V1($));if(j)y2($,j)}function u2(){if(typeof MutationObserver>"u")return;let $=new WeakSet;new MutationObserver((J)=>{for(let Q of J)for(let z of Array.from(Q.addedNodes)){if(!(z instanceof Element))continue;let W=T2(),K=z.matches(W)?[z]:Array.from(z.querySelectorAll(W));for(let G of K){if($.has(G))continue;$.add(G),b2(G)}}}).observe(document.body,{childList:!0,subtree:!0})}var d2=1600,c2=2500;function Z1($){return{disabled:$.hasAttribute("disabled")||$.getAttribute("aria-disabled")==="true",busy:$.getAttribute("aria-busy")==="true",text:s(($.textContent??"").replace(/\s+/g," ").trim(),I0)}}function i2($,j){if(!$.disabled&&j.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!$.busy&&j.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if($.text!==j.text&&j.text)return`ข้อความเปลี่ยนเป็น “${j.text}”`;return null}function o2($,j){if(typeof MutationObserver>"u")return;let J=Z1($),Q=!1,z=(G,H)=>{if(Q)return;if(Q=!0,W.disconnect(),window.clearTimeout(K),j.afterNote=G,H)j.afterHtml=K0(N0($,W1,c2))},W=new MutationObserver(()=>{if(!$.isConnected){z("องค์ประกอบหายไปจากหน้าจอ",!1);return}let G=i2(J,Z1($));if(G)z(G,!0)});W.observe($,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let K=window.setTimeout(()=>{if(!Q&&!$.isConnected){z("องค์ประกอบหายไปจากหน้าจอ",!1);return}Q=!0,W.disconnect()},d2)}function X1(){if($1||typeof window>"u")return;$1=!0,document.addEventListener("click",(Q)=>{if(W0(Q.target))return;let z=w2(Q.target);if(!z)return;let W=D2(z);if(!W)return;let K=j0("click",`คลิก ${W}`,A2(z),S2(z));if(K)o2(z,K)},{capture:!0,passive:!0}),document.addEventListener("change",(Q)=>{if(W0(Q.target))return;let z=_2(Q.target);if(z)j0("input",`แก้ไข ${z}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(Q)=>{if(W0(Q.target))return;j0("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let $=()=>j0("navigate",`ไปที่ ${w0(o(location.pathname+location.search))}`),j=history.pushState.bind(history),J=history.replaceState.bind(history);history.pushState=(...Q)=>{let z=j(...Q);return $(),z},history.replaceState=(...Q)=>{let z=J(...Q);return $(),z},window.addEventListener("popstate",$),u2()}function B0(){return r.map(($)=>({...$}))}var G1=2000,V0=[],Y1=0,F1=!1;function q0($,j){Y1+=1,V0.push({id:`log_${Y1}`,at:new Date().toISOString(),level:$,message:j.length>G1?`${j.slice(0,G1)}…`:j});while(V0.length>h("maxConsoleEntries"))V0.shift()}function l2(){let $=new WeakSet;return(j,J)=>{if(typeof J==="object"&&J!==null){if($.has(J))return"[Circular]";$.add(J)}if(typeof J==="bigint")return J.toString();return J}}function H1($){if(typeof $==="string")return $;if($ instanceof Error)return`${$.name}: ${$.message}`;try{return JSON.stringify($,l2())??String($)}catch{return String($)}}function M1(){if(F1||typeof window>"u")return;F1=!0;let $=["log","info","warn","error","debug"];for(let j of $){let J=console[j].bind(console);console[j]=(...Q)=>{q0(j,Q.map(H1).join(" ")),J(...Q)}}window.addEventListener("error",(j)=>{let J=j.filename?` (${j.filename}:${j.lineno}:${j.colno})`:"";q0("exception",`${j.message}${J}`)}),window.addEventListener("unhandledrejection",(j)=>{let J=j.reason instanceof Error?`${j.reason.name}: ${j.reason.message}`:H1(j.reason);q0("unhandledrejection",J)})}function S0(){return V0.map(($)=>({...$}))}var U1=new Set,C1=new Set;function P1($,j){return $.add(j),()=>$.delete(j)}function I1($,j){for(let J of[...$])J(j)}function R0($){return P1(U1,$)}function O0($={type:"manual"}){I1(U1,$)}function _0($){return P1(C1,$)}function L0($){I1(C1,$)}var r2=15000,s2=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],w1=!1,D1=0;function n2($){return s2.some((j)=>$.includes(j))}function N1($){let j=$.message??"";if(!j||n2(j))return;let J=Date.now();if(J-D1<r2)return;D1=J,L0({...$,message:j})}function B1(){if(w1||typeof window>"u")return;w1=!0,window.addEventListener("error",($)=>{if(!$.message&&!$.error)return;let j=$.error instanceof Error?$.error:null;N1({type:"runtime-error",message:$.message||(j?j.message:"Unknown error"),stack:j?.stack})}),window.addEventListener("unhandledrejection",($)=>{let j=$.reason;N1({type:"unhandledrejection",message:j instanceof Error?j.message:String(j),stack:j instanceof Error?j.stack:void 0})})}var O1=4000,a2=1e6,t2=1e7,X0=[],q1=0,S1=!1;function _1($){X0.push($);while(X0.length>h("maxRequests"))X0.shift()}function L1(){return q1+=1,`req_${q1}`}function R1($){let j={};if(!$)return j;if($ instanceof Headers)$.forEach((J,Q)=>{j[Q]=J});else if(Array.isArray($))for(let[J,Q]of $)j[J]=Q;else Object.assign(j,$);return j}function e2($){let j={};return $.forEach((J,Q)=>{j[Q]=J}),j}function $4($){if($==null)return null;if(typeof $==="string")return $;if($ instanceof URLSearchParams)return $.toString();if(typeof FormData<"u"&&$ instanceof FormData)return`[FormData: ${Array.from($.keys()).join(", ")}]`;if(typeof Blob<"u"&&$ instanceof Blob)return`[Blob ${$.size} bytes]`;if($ instanceof ArrayBuffer)return`[ArrayBuffer ${$.byteLength} bytes]`;return"[binary]"}function j4($,j){let J="",Q="GET",z={},W=null;if(typeof $==="string")J=$;else if($ instanceof URL)J=$.toString();else J=$.url,Q=$.method||Q,z=R1($.headers);if(j){if(j.method)Q=j.method;if(j.headers)z={...z,...R1(j.headers)};if(j.body!==void 0)W=$4(j.body)}return{method:Q.toUpperCase(),url:J,headers:z,body:W}}function A1($){return!t0($)}function J4($,j){if(A1(j.url)){j.responseSnippet="[body not captured for this origin]";return}let J=$.headers.get("content-type")??"",Q=Number($.headers.get("content-length")??"0"),z=Q?`, ~${Q} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test(J)){j.responseSnippet=`[binary ${J||"unknown"}${z}]`;return}if(Q>a2){j.responseSnippet=`[response ${J||"text"}${z} — omitted]`;return}try{$.clone().text().then((W)=>{j.responseSnippet=l(W,h("maxBodyChars"))}).catch(()=>{})}catch{}}function f1($,j){if(/[?&]_rsc=/.test($))return!0;for(let J of Object.keys(j)){let Q=J.toLowerCase();if(Q==="rsc"||Q==="next-router-prefetch"||Q==="next-router-state-tree")return!0}return!1}function Q4(){if(typeof window>"u"||typeof window.fetch!=="function")return;let $=window.fetch.bind(window);window.fetch=Object.assign(async(j,J)=>{let Q=j4(j,J);if(f1(Q.url,Q.headers))return $(j,J);let z={id:L1(),startedAt:new Date().toISOString(),method:Q.method,url:o(Q.url),requestHeaders:i(Q.headers),requestBody:l(Q.body,O1),status:null,statusText:null,durationMs:null,via:"fetch"};_1(z);let W=performance.now();try{let K=await $(j,J);return z.status=K.status,z.statusText=K.statusText,z.durationMs=Math.round(performance.now()-W),z.responseHeaders=i(e2(K.headers)),J4(K,z),K}catch(K){throw z.durationMs=Math.round(performance.now()-W),z.error=K instanceof Error?`${K.name}: ${K.message}`:String(K),K}},$)}function z4(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let $=XMLHttpRequest.prototype,j=$.open,J=$.send,Q=function(W,K){let G=typeof K==="string"?K:K.toString();return this.__cibEntry=f1(G,{})?void 0:{id:L1(),startedAt:"",method:(W||"GET").toUpperCase(),url:o(G),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},j.apply(this,arguments)},z=function(W){let K=this.__cibEntry;if(K){K.startedAt=new Date().toISOString(),K.requestBody=typeof W==="string"?l(W,O1):W==null?null:"[non-string body]";let G=performance.now();_1(K),this.addEventListener("loadend",()=>{if(K.status=this.status||null,K.statusText=this.statusText||null,K.durationMs=Math.round(performance.now()-G),A1(K.url))K.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{K.responseSnippet=l(this.responseText||"",h("maxBodyChars"))}catch{}else{let H=this.getResponseHeader("content-type")??this.responseType;K.responseSnippet=`[binary ${H}]`}})}return J.apply(this,arguments)};$.open=Q,$.send=z}function T1(){if(S1)return;S1=!0,Q4(),z4()}function A0(){let $=X0.map((J)=>({...J})),j=0;for(let J=$.length-1;J>=0;J-=1){let Q=$[J],z=Q?.responseSnippet;if(!Q||typeof z!=="string"||z.length===0)continue;if(j+z.length>t2)Q.responseSnippet=`[response omitted — report size budget reached (${z.length.toLocaleString()} chars)]`;else j+=z.length}return $}var Z4={title:"รายงานปัญหา",summaryLabel:"หัวข้อปัญหา",summaryRequired:"(ต้องกรอกก่อนแจ้งปัญหา)",summaryPlaceholder:"สรุปปัญหาสั้น ๆ เช่น กดบันทึกร่างแล้ว error",detailLabel:"อธิบายปัญหา (ไม่บังคับ)",detailPlaceholder:"เกิดอะไรขึ้น? กำลังทำอะไรอยู่ตอนที่พบปัญหา?",annotateTitle:"วาดบนรูป",annotateHint:"ทำเครื่องหมายจุดที่มีปัญหาก่อนแนบ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",annotateApply:"ใช้รูปนี้",cancel:"ยกเลิก",toolRect:"กรอบ",toolArrow:"ลูกศร",toolHighlight:"ไฮไลต์",toolText:"ข้อความ",deleteSelected:"ลบที่เลือก",clearAll:"ล้างทั้งหมด",annotateHelp:"เลือกเครื่องมือแล้วลากบนรูป · ไม่ได้เลือกเครื่องมือ = ย้าย/ปรับขนาดสิ่งที่วาดไว้ · กดกากบาทมุมขวาบนของรูปทรงเพื่อลบ",capturing:"กำลังเก็บภาพหน้าจอ…",noScreenshot:"ไม่มีภาพหน้าจอ — ยังส่งรายงานได้",cancelled:"ยกเลิกการเก็บภาพหน้าจอแล้ว",close:"ปิด",submit:"แจ้งปัญหา",submitting:"กำลังส่ง…",submitted:"แจ้งปัญหาสำเร็จ",crashed:"เกิดข้อผิดพลาดในระบบ",crashAction:"แจ้งปัญหา",failed:"ส่งรายงานไม่สำเร็จ",captured:"เก็บข้อมูลแล้ว",reporter:"ผู้แจ้ง",page:"หน้า",handoffTitle:"กำลังพาไปที่ระบบแจ้งปัญหา",handoffBody:"ระบบจะลงชื่อเข้าใช้ให้อัตโนมัติ เพื่อดูเรื่องที่คุณแจ้งไว้",handoffGo:"ไปเลย",handoffPreparing:"กำลังเตรียม…",handoffFailed:"เปิดรายการที่แจ้งไว้ไม่สำเร็จ",handoffBlocked:"เบราว์เซอร์บล็อกการเปิดแท็บใหม่",handoffOpen:"เปิดในแท็บใหม่"},W4={title:"Report a problem",summaryLabel:"Summary",summaryRequired:"(required)",summaryPlaceholder:"One line, e.g. saving a draft returns an error",detailLabel:"Details (optional)",detailPlaceholder:"What happened? What were you doing at the time?",annotateTitle:"Draw on the image",annotateHint:"Mark what went wrong before attaching — box it, point at it, highlight it, or type on it",annotateApply:"Use this image",cancel:"Cancel",toolRect:"Box",toolArrow:"Arrow",toolHighlight:"Highlight",toolText:"Text",deleteSelected:"Delete selected",clearAll:"Clear all",annotateHelp:"Pick a tool and drag on the image · no tool selected = move/resize what you drew · press the ✕ on a shape to delete it",capturing:"Capturing the screen…",noScreenshot:"No screenshot — you can still send the report",cancelled:"Screen capture cancelled",close:"Close",submit:"Send report",submitting:"Sending…",submitted:"Report sent",crashed:"Something went wrong",crashAction:"Report it",failed:"Could not send the report",captured:"Captured",reporter:"Reporter",page:"Page",handoffTitle:"Opening the support portal",handoffBody:"You will be signed in automatically to see what you reported",handoffGo:"Go now",handoffPreparing:"Preparing…",handoffFailed:"Could not open your reports",handoffBlocked:"Your browser blocked the new tab",handoffOpen:"Open in a new tab"};function b($){return $==="en"?W4:Z4}var f0=null;function K4(){if(typeof document>"u")return null;if(f0?.isConnected)return f0;let $=document.createElement("lw-debug-toasts");$.dataset.debugReporter="true";let j=$.attachShadow({mode:"open"}),J=document.createElement("style");J.textContent=`
2
2
  :host { all: initial; }
3
3
  .stack {
4
4
  position: fixed; top: 16px; right: 16px; z-index: 2147483001;
@@ -30,15 +30,15 @@ var J2={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},A
30
30
  }
31
31
  @keyframes in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
32
32
  @media (prefers-reduced-motion: reduce) { .toast { animation: none; } }
33
- `;let Q=document.createElement("div");return Q.className="stack",Q.setAttribute("role","status"),Q.setAttribute("aria-live","polite"),j.append(J,Q),document.body.append($),k0=Q,Q}function n($,j="success",J){let Q=K4();if(!Q)return;let z=document.createElement("div");z.className="toast",z.dataset.tone=j;let W=document.createElement("span");W.className="dot";let K=document.createElement("span");K.textContent=$;let G=document.createElement("button");G.type="button",G.className="close",G.textContent="✕",G.setAttribute("aria-label","ปิด");let w=()=>{window.clearTimeout(M),z.remove()};G.addEventListener("click",w);let M=j==="error"||J?0:window.setTimeout(w,6000);if(z.append(W,K),J){let U=document.createElement("button");U.type="button",U.className="action",U.textContent=J.label,U.addEventListener("click",()=>{w(),J.onClick()}),z.append(U)}z.append(G),Q.append(z)}function A1($,j,J){let Q=$.filter((W)=>Boolean(W.error)||W.status!=null&&W.status>=400).slice(-20).map((W)=>({method:W.method,url:W.url,status:W.status,error:W.error,at:W.startedAt})),z=j.filter((W)=>W.level==="error"||W.level==="exception"||W.level==="unhandledrejection").slice(-20).map((W)=>W.message);return{failedRequests:Q,errors:z,erroredQueries:J.slice(0,20)}}function T1($){return $.failedRequests.length+$.errors.length+$.erroredQueries.length}function V4(){let $={memoryUsedMb:null,memoryLimitMb:null,domContentLoadedMs:null,loadEventMs:null};if(typeof performance>"u")return $;let j=performance.memory;if(j)$.memoryUsedMb=Math.round(j.usedJSHeapSize/1024/1024),$.memoryLimitMb=Math.round(j.jsHeapSizeLimit/1024/1024);let[J]=performance.getEntriesByType("navigation");if(J)$.domContentLoadedMs=Math.round(J.domContentLoadedEventEnd),$.loadEventMs=Math.round(J.loadEventEnd);return $}function L0($,j){if(!$)return j;try{return $()}catch{return j}}function E1(){let $=S(),{pathname:j,search:J,href:Q}=window.location;return{capturedAt:new Date().toISOString(),route:{href:Q,pathname:j,search:J},module:n0(j),user:L0($.user,{}),apiHeaders:i(L0($.headers,{})),app:{name:E().name,version:E().version,environment:E().environment},client:{userAgent:navigator.userAgent,language:navigator.language,platform:navigator.platform,online:navigator.onLine,viewport:{width:window.innerWidth,height:window.innerHeight,dpr:window.devicePixelRatio},screen:{width:window.screen.width,height:window.screen.height}},performance:V4(),extra:L0($.extra,{})}}var X4=2,G4={manual:"ผู้ใช้แจ้งเอง","runtime-error":"ข้อผิดพลาด runtime (auto)",unhandledrejection:"Promise rejection (auto)","framework-error":"หน้าจอค้าง/พัง (auto)"};function A0($){let j=f0(),J=q0();return{context:E1(),reason:$.reason,note:$.note,cause:A1(j,J,$.erroredQueries),actionTrail:N0(),network:j,console:J,screenshotDataUrl:$.screenshotDataUrl,screenshotMethod:$.screenshotMethod,meta:{generatedBy:"lightwork-debug-capture",schemaVersion:X4}}}function x1($){return $.replace(/'/g,"'\\''")}function h1($){let j=[`curl -X ${$.method} '${$.url}'`];for(let[J,Q]of Object.entries($.requestHeaders))j.push(` -H '${J}: ${x1(Q)}'`);if($.requestBody)j.push(` --data '${x1($.requestBody)}'`);return j.join(" \\\n")}function Y4($){if($.error)return`ERR ${$.error}`;return`${$.status??"—"} ${$.statusText??""}`.trim()}function F4($){if($.length===0)return"No network activity captured.";return $.map((j)=>{let J=j.durationMs!=null?`${j.durationMs}ms`:"—",Q=`# [${Y4(j)}] ${j.method} ${j.url} (${J}, ${j.startedAt})`,z=j.responseSnippet?`
33
+ `;let Q=document.createElement("div");return Q.className="stack",Q.setAttribute("role","status"),Q.setAttribute("aria-live","polite"),j.append(J,Q),document.body.append($),f0=Q,Q}function n($,j="success",J){let Q=K4();if(!Q)return;let z=document.createElement("div");z.className="toast",z.dataset.tone=j;let W=document.createElement("span");W.className="dot";let K=document.createElement("span");K.textContent=$;let G=document.createElement("button");G.type="button",G.className="close",G.textContent="✕",G.setAttribute("aria-label","ปิด");let H=()=>{window.clearTimeout(U),z.remove()};G.addEventListener("click",H);let U=j==="error"||J?0:window.setTimeout(H,6000);if(z.append(W,K),J){let C=document.createElement("button");C.type="button",C.className="action",C.textContent=J.label,C.addEventListener("click",()=>{H(),J.onClick()}),z.append(C)}z.append(G),Q.append(z)}function k1($,j,J){let Q=$.filter((W)=>Boolean(W.error)||W.status!=null&&W.status>=400).slice(-20).map((W)=>({method:W.method,url:W.url,status:W.status,error:W.error,at:W.startedAt})),z=j.filter((W)=>W.level==="error"||W.level==="exception"||W.level==="unhandledrejection").slice(-20).map((W)=>W.message);return{failedRequests:Q,errors:z,erroredQueries:J.slice(0,20)}}function E1($){return $.failedRequests.length+$.errors.length+$.erroredQueries.length}function V4(){let $={memoryUsedMb:null,memoryLimitMb:null,domContentLoadedMs:null,loadEventMs:null};if(typeof performance>"u")return $;let j=performance.memory;if(j)$.memoryUsedMb=Math.round(j.usedJSHeapSize/1024/1024),$.memoryLimitMb=Math.round(j.jsHeapSizeLimit/1024/1024);let[J]=performance.getEntriesByType("navigation");if(J)$.domContentLoadedMs=Math.round(J.domContentLoadedEventEnd),$.loadEventMs=Math.round(J.loadEventEnd);return $}function T0($,j){if(!$)return j;try{return $()}catch{return j}}function x1(){let $=R(),{pathname:j,search:J,href:Q}=window.location;return{capturedAt:new Date().toISOString(),route:{href:Q,pathname:j,search:J},module:n0(j),user:T0($.user,{}),apiHeaders:i(T0($.headers,{})),app:{name:x().name,version:x().version,environment:x().environment},client:{userAgent:navigator.userAgent,language:navigator.language,platform:navigator.platform,online:navigator.onLine,viewport:{width:window.innerWidth,height:window.innerHeight,dpr:window.devicePixelRatio},screen:{width:window.screen.width,height:window.screen.height}},performance:V4(),extra:T0($.extra,{})}}var X4=2,G4={manual:"ผู้ใช้แจ้งเอง","runtime-error":"ข้อผิดพลาด runtime (auto)",unhandledrejection:"Promise rejection (auto)","framework-error":"หน้าจอค้าง/พัง (auto)"};function k0($){let j=A0(),J=S0();return{context:x1(),reason:$.reason,note:$.note,cause:k1(j,J,$.erroredQueries),actionTrail:B0(),network:j,console:J,screenshotDataUrl:$.screenshotDataUrl,screenshotMethod:$.screenshotMethod,meta:{generatedBy:"lightwork-debug-capture",schemaVersion:X4}}}function h1($){return $.replace(/'/g,"'\\''")}function g1($){let j=[`curl -X ${$.method} '${$.url}'`];for(let[J,Q]of Object.entries($.requestHeaders))j.push(` -H '${J}: ${h1(Q)}'`);if($.requestBody)j.push(` --data '${h1($.requestBody)}'`);return j.join(" \\\n")}function Y4($){if($.error)return`ERR ${$.error}`;return`${$.status??"—"} ${$.statusText??""}`.trim()}function F4($){if($.length===0)return"No network activity captured.";return $.map((j)=>{let J=j.durationMs!=null?`${j.durationMs}ms`:"—",Q=`# [${Y4(j)}] ${j.method} ${j.url} (${J}, ${j.startedAt})`,z=j.responseSnippet?`
34
34
  # response: ${j.responseSnippet}`:"";return`${Q}
35
- ${h1(j)}${z}`}).join(`
35
+ ${g1(j)}${z}`}).join(`
36
36
 
37
- `)}function w4($){if($.length===0)return"No console output captured.";return $.map((j)=>`[${j.at}] ${j.level.toUpperCase()}: ${j.message}`).join(`
38
- `)}function H4($){if($.length===0)return"No user actions captured.";let j=0;return $.map((J)=>{let Q=J.source?` (${J.source})`:"",z=`${J.detail}${I0(J.count)}${Q}`;if(J.kind==="ui")return` ↳ [${J.at}] ${z}`;j+=1;let W=`${j}. [${J.at}] ${z}`;return J.afterNote?`${W}
37
+ `)}function H4($){if($.length===0)return"No console output captured.";return $.map((j)=>`[${j.at}] ${j.level.toUpperCase()}: ${j.message}`).join(`
38
+ `)}function M4($){if($.length===0)return"No user actions captured.";let j=0;return $.map((J)=>{let Q=J.source?` (${J.source})`:"",z=`${J.detail}${D0(J.count)}${Q}`;if(J.kind==="ui")return` ↳ [${J.at}] ${z}`;j+=1;let W=`${j}. [${J.at}] ${z}`;return J.afterNote?`${W}
39
39
  ↳ ${J.afterNote}`:W}).join(`
40
- `)}function M4($){let j=[];for(let J of $.failedRequests)j.push(`✗ ${J.status??J.error??"ERR"} ${J.method} ${J.url}`);for(let J of $.errors)j.push(`⚠ ${J}`);for(let J of $.erroredQueries)j.push(`⚠ React Query error: ${J.key} — ${J.error}`);return j}function U4($){let{context:j}=$;return[`User : ${j.user.fullName??"—"} (${j.user.email??"—"})`,`Unit : ${j.user.unit??"—"}`,`Roles : ${j.user.roles?.join(", ")||"—"}`,`Route : ${j.route.href}`,`Module : ${j.module?`${j.module.label} (${j.module.key})`:"—"}`,`App : ${j.app.name} v${j.app.version} · ${j.app.environment}`,`Memory : ${j.performance.memoryUsedMb??"—"}/${j.performance.memoryLimitMb??"—"} MB`,`Client : ${j.client.userAgent}`,`Viewport : ${j.client.viewport.width}×${j.client.viewport.height} @${j.client.viewport.dpr}x`,`Reason : ${G4[$.reason.type]}${$.reason.message?` — ${$.reason.message}`:""}`,`Captured : ${$.network.length} requests · ${$.console.length} console · ${$.actionTrail.length} actions · screenshot=${$.screenshotMethod}`]}function C4($){let j=M4($.cause),J=[`## \uD83D\uDC1E ${$.context.app.name} — Debug Report`,`**Generated:** ${$.context.capturedAt}`,"",...U4($).map((Q)=>`- ${Q.replace(/\s{2,}:/,":")}`),"",`**หมายเหตุจากผู้แจ้ง:** ${$.note.trim()||"(ไม่มี)"}`];if(j.length>0)J.push("","### ⚠ สาเหตุที่น่าจะเป็น","```",...j,"```");return J.push("",`<details><summary>ขั้นตอน (${$.actionTrail.length})</summary>`,"","```",H4($.actionTrail),"```","</details>","",`<details><summary>Network (${$.network.length})</summary>`,"","```",F4($.network),"```","</details>","",`<details><summary>Console (${$.console.length})</summary>`,"","```",w4($.console),"```","</details>","","_ข้อมูลลับ (token, cookie) ถูกปกปิดอัตโนมัติ · ภาพหน้าจออยู่ในไฟล์ .zip_"),J.join(`
41
- `)}function P4($){return $.replace(/[:.]/g,"-").replace("T","_").slice(0,19)}function I4($,j){return`debug-report_${P4($.context.capturedAt)}.${j}`}function D4($){return T1($.cause)>0}async function T0(){if(typeof navigator<"u"&&Boolean(navigator.mediaDevices?.getDisplayMedia)){let J=await N4();if(J.status==="ok")return{dataUrl:J.dataUrl,method:"display-media"};if(J.status==="cancelled")return{dataUrl:null,method:"cancelled"}}let j=await S4();if(j)return{dataUrl:j,method:"html-to-image"};return{dataUrl:null,method:"none"}}async function N4(){let $=null;try{let j={video:{frameRate:30},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"};$=await navigator.mediaDevices.getDisplayMedia(j);let J=await B4($);return J?{status:"ok",dataUrl:J}:{status:"error"}}catch(j){if(j instanceof DOMException&&(j.name==="NotAllowedError"||j.name==="AbortError"))return{status:"cancelled"};return{status:"error"}}finally{$?.getTracks().forEach((j)=>j.stop())}}async function B4($){let j=document.createElement("video");j.srcObject=$,j.muted=!0,j.playsInline=!0,await new Promise((K)=>{let G=!1,w=()=>{if(G)return;G=!0,K()};j.onloadedmetadata=()=>{j.play().then(w).catch(w)},window.setTimeout(w,1500)}),await q4(j);let{videoWidth:J,videoHeight:Q}=j;if(!J||!Q)return null;let z=document.createElement("canvas");z.width=J,z.height=Q;let W=z.getContext("2d");if(!W)return null;W.drawImage(j,0,0,J,Q),j.pause(),j.srcObject=null;try{return z.toDataURL("image/png")}catch{return null}}function q4($){return new Promise((j)=>{let J=!1,Q=()=>{if(J)return;J=!0,j()},z=$;if(typeof z.requestVideoFrameCallback==="function")z.requestVideoFrameCallback(()=>Q()),window.setTimeout(Q,1000);else window.setTimeout(Q,250)})}async function S4(){let $=S().screenshotFallback;if(!$)return null;let j=await $().catch(()=>null);if(!j)return null;try{return await j(document.body,{cacheBust:!0,pixelRatio:Math.min(window.devicePixelRatio||1,2),filter:(J)=>!(J instanceof HTMLElement&&J.dataset?.debugReporter==="true")})}catch{return null}}var R4=2000,O4=0.82,_4=3000000;function f4($){return new Promise((j,J)=>{let Q=new Image;Q.onload=()=>j(Q),Q.onerror=()=>J(Error("could not read the screenshot")),Q.src=$})}async function g1($){try{let j=await f4($),J=Math.max(j.naturalWidth,j.naturalHeight),Q=Math.min(1,R4/J),z=document.createElement("canvas");z.width=Math.max(1,Math.round(j.naturalWidth*Q)),z.height=Math.max(1,Math.round(j.naturalHeight*Q));let W=z.getContext("2d");if(!W)return $;W.fillStyle="#fff",W.fillRect(0,0,z.width,z.height),W.drawImage(j,0,0,z.width,z.height);let K=O4,G=z.toDataURL("image/jpeg",K);while(G.length>_4&&K>0.4)K-=0.15,G=z.toDataURL("image/jpeg",K);return G}catch{return $}}var k4=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,L4=/^\d+$/,A4=/^[0-9a-f]{16,}$/i;function E0($){if($.reason.type==="manual")return null;let j=$.cause?.failedRequests?.[0];if(!j?.url)return null;let J;try{J=new URL(j.url,"http://x").pathname}catch{J=j.url}let Q=J.split("/").map((W)=>k4.test(W)||L4.test(W)||A4.test(W)?":id":W).join("/"),z=j.status??(j.error?"ERR":"?");return`${j.method??"REQ"} ${Q} ${z}`}var x0=2000000;function G0($){let{screenshotDataUrl:j,...J}=$;return JSON.stringify(J).length}function h0($,j=2000000){if(G0($)<=j)return $;let J=$.network.map((z)=>({...z})),Q={...$,network:J};for(let z of J){if(G0(Q)<=j)return Q;if(typeof z.responseSnippet==="string"&&z.responseSnippet.length>35)z.responseSnippet="[body dropped — report size budget]";if(typeof z.requestBody==="string"&&z.requestBody.length>35)z.requestBody="[body dropped — report size budget]"}while(Q.network.length>1&&G0(Q)>j)Q.network=Q.network.slice(1);while(Q.console.length>1&&G0(Q)>j)Q.console=Q.console.slice(1);return Q}var p1=32768;function T4($){let j="";for(let J=0;J<$.length;J+=p1)j+=String.fromCharCode(...$.subarray(J,J+p1));return btoa(j)}function E4($){return{dataUri:`data:application/json;base64,${T4(new TextEncoder().encode(JSON.stringify($)))}`,filename:"debug-bundle.json"}}async function x4(){let $=S().identity;if(!$)return{};try{let j=await $();return j?{authorization:`Bearer ${j}`}:{}}catch{return{}}}async function g0($,j){let J=S(),Q=h0(j,x0),{context:z,note:W}=Q,K=[];if(Q.screenshotDataUrl){let U=await g1(Q.screenshotDataUrl);K.push({dataUri:U,filename:"screenshot.jpg"})}K.push(E4(Q));let G=E0(Q),w={title:$,description:W.trim()||void 0,category:z.module?.label||E().name,routeUrl:z.route.href,priority:"MEDIUM",requesterEmail:z.user.email??void 0,requesterName:z.user.fullName??void 0,customFields:{unit:z.user.unit??"",appVersion:z.app.version,environment:z.app.environment,reasonType:Q.reason.type,appName:E().name,module:z.module?.label??""},context:{...G?{signature:G}:{},capturedAt:z.capturedAt,reason:Q.reason,cause:Q.cause,actionTrail:Q.actionTrail,client:z.client,performance:z.performance,apiHeaders:z.apiHeaders,extra:z.extra,counts:{network:Q.network.length,console:Q.console.length,actions:Q.actionTrail.length},screenshotMethod:Q.screenshotMethod},attachments:K},M=await fetch(`${J.host.replace(/\/$/,"")}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":J.realmKey,...await x4()},body:JSON.stringify(w)});if(!M.ok){let U=M.headers.get("retry-after"),D=await M.json().then((C)=>C.error).catch(()=>null);throw Error(M.status===429?`Too many reports — try again in ${U??"a moment"}s`:D??`Report failed (${M.status})`)}return await M.json()}var J0=Math.PI/6;function m1($,j,J){let Q=j.x-$.x,z=j.y-$.y,W=Math.hypot(Q,z),K=Math.atan2(z,Q),G=[{x:j.x,y:j.y},{x:j.x-J*Math.cos(K-J0),y:j.y-J*Math.sin(K-J0)},{x:j.x-J*Math.cos(K+J0),y:j.y-J*Math.sin(K+J0)}],w=J*Math.cos(J0)*0.92;if(W<=w)return{shaft:null,head:G};return{shaft:{from:$,to:{x:j.x-w*Math.cos(K),y:j.y-w*Math.sin(K)}},head:G}}var p0="#f44336",h4="rgba(250, 204, 21, 0.4)",m0=22,v1="#2563eb",y1=9,b1=11,u1=18,d1=4,Y0=8,g4=[{id:"nw",fx:0,fy:0,cursor:"nwse-resize"},{id:"n",fx:0.5,fy:0,cursor:"ns-resize"},{id:"ne",fx:1,fy:0,cursor:"nesw-resize"},{id:"e",fx:1,fy:0.5,cursor:"ew-resize"},{id:"se",fx:1,fy:1,cursor:"nwse-resize"},{id:"s",fx:0.5,fy:1,cursor:"ns-resize"},{id:"sw",fx:0,fy:1,cursor:"nesw-resize"},{id:"w",fx:0,fy:0.5,cursor:"ew-resize"}];function v0($,j,J){let Q=[],z=null,W=-1,K=null,G=null,w=$.getContext("2d");function M(){let Z=$.getBoundingClientRect().width;return Z>0?$.width/Z:1}function U(Z){let V=$.getBoundingClientRect();return{x:(Z.clientX-V.left)/V.width*$.width,y:(Z.clientY-V.top)/V.height*$.height}}function D(Z){let V=Z.size??m0;if(!w)return(Z.text?.length??0)*V*0.6;w.save(),w.font=`600 ${V}px system-ui, sans-serif`;let Y=w.measureText(Z.text??"").width;return w.restore(),Y}function C(Z){if(Z.tool==="text"){let V=Z.size??m0;return{left:Z.x1,top:Z.y1,right:Z.x1+D(Z),bottom:Z.y1+V*1.25}}return{left:Math.min(Z.x1,Z.x2),top:Math.min(Z.y1,Z.y2),right:Math.max(Z.x1,Z.x2),bottom:Math.max(Z.y1,Z.y2)}}function R(Z){if(Z.tool==="arrow")return[{id:"tail",x:Z.x1,y:Z.y1,cursor:"move"},{id:"head",x:Z.x2,y:Z.y2,cursor:"move"}];let V=C(Z);if(Z.tool==="text")return[{id:"size",x:V.right,y:V.bottom,cursor:"nwse-resize"}];return g4.map((Y)=>({id:Y.id,x:V.left+(V.right-V.left)*Y.fx,y:V.top+(V.bottom-V.top)*Y.fy,cursor:Y.cursor}))}function N(Z){let V=C(Z);return{x:V.right+u1*M(),y:V.top-u1*M()}}function q(Z,V,Y){let{shaft:X,head:F}=m1({x:V.x1,y:V.y1},{x:V.x2,y:V.y2},Math.max(10,16*Y));if(X)Z.lineCap="butt",Z.beginPath(),Z.moveTo(X.from.x,X.from.y),Z.lineTo(X.to.x,X.to.y),Z.stroke();Z.beginPath(),Z.moveTo(F[0].x,F[0].y),Z.lineTo(F[1].x,F[1].y),Z.lineTo(F[2].x,F[2].y),Z.closePath(),Z.fill()}function _(Z,V,Y){Z.save(),Z.lineWidth=Math.max(2,3*Y),Z.strokeStyle=p0,Z.fillStyle=p0;let X=C(V);if(V.tool==="rect")Z.strokeRect(X.left,X.top,X.right-X.left,X.bottom-X.top);else if(V.tool==="arrow")q(Z,V,Y);else if(V.tool==="highlight")Z.fillStyle=h4,Z.fillRect(X.left,X.top,X.right-X.left,X.bottom-X.top);else if(V.tool==="text"&&V.text){let F=V.size??m0;Z.font=`600 ${F}px system-ui, sans-serif`,Z.textBaseline="top";let H=F*0.22;Z.fillStyle="rgba(255,255,255,0.92)",Z.fillRect(X.left-H,X.top-H,X.right-X.left+H*2,X.bottom-X.top+H*2),Z.fillStyle=p0,Z.fillText(V.text,X.left,X.top)}Z.restore()}function I(Z,V,Y){let X=C(V);Z.save(),Z.strokeStyle=v1,Z.lineWidth=Math.max(1,1.5*Y),Z.setLineDash([6*Y,4*Y]),Z.strokeRect(X.left,X.top,X.right-X.left,X.bottom-X.top),Z.setLineDash([]);let F=y1*Y;for(let L of R(V))Z.fillStyle="#fff",Z.strokeStyle=v1,Z.lineWidth=Math.max(1,1.5*Y),Z.beginPath(),Z.rect(L.x-F/2,L.y-F/2,F,F),Z.fill(),Z.stroke();let H=N(V),P=b1*Y;Z.beginPath(),Z.arc(H.x,H.y,P,0,Math.PI*2),Z.fillStyle="#dc2626",Z.fill(),Z.strokeStyle="#fff",Z.lineWidth=Math.max(1.5,2*Y),Z.beginPath(),Z.moveTo(H.x-P*0.4,H.y-P*0.4),Z.lineTo(H.x+P*0.4,H.y+P*0.4),Z.moveTo(H.x+P*0.4,H.y-P*0.4),Z.lineTo(H.x-P*0.4,H.y+P*0.4),Z.stroke(),Z.restore()}function B(){if(!w)return;let Z=M();if(w.clearRect(0,0,$.width,$.height),w.drawImage(j,0,0,$.width,$.height),Q.forEach((Y,X)=>{if(X!==O)_(w,Y,Z)}),K)_(w,K,Z);let V=Q[W];if(V&&!K)I(w,V,Z)}function y(Z,V,Y,X,F){return Math.abs(Z-Y)<=F&&Math.abs(V-X)<=F}function t(Z,V){let Y=Q[W];if(!Y)return null;let X=y1*M()/2+3*M();for(let F of R(Y))if(y(Z,V,F.x,F.y,X))return F.id;return null}function b(Z,V){let Y=Q[W];if(!Y)return!1;let X=N(Y);return y(Z,V,X.x,X.y,b1*M())}function h(Z,V){let Y=6*M();for(let X=Q.length-1;X>=0;X-=1){let F=Q[X];if(F.tool==="arrow"){let P=F.x2-F.x1,L=F.y2-F.y1,p=Math.hypot(P,L)||1,m=Math.max(0,Math.min(1,((Z-F.x1)*P+(V-F.y1)*L)/(p*p)));if(Math.hypot(Z-(F.x1+m*P),V-(F.y1+m*L))<=Y+4*M())return X;continue}let H=C(F);if(Z>=H.left-Y&&Z<=H.right+Y&&V>=H.top-Y&&V<=H.bottom+Y)return X}return-1}function g(Z,V,Y,X,F){if(V==="tail"){Z.x1=Y.x1+X,Z.y1=Y.y1+F;return}if(V==="head"){Z.x2=Y.x2+X,Z.y2=Y.y2+F;return}if(V==="size"){let j2=(Y.size??24)+F;Z.size=Math.max(10,j2);return}let H=C(Y),{left:P,top:L,right:p,bottom:m}=H;if(V.includes("w"))P=Math.min(p-Y0,P+X);if(V.includes("e"))p=Math.max(P+Y0,p+X);if(V.includes("n"))L=Math.min(m-Y0,L+F);if(V.includes("s"))m=Math.max(L+Y0,m+F);Z.x1=P,Z.y1=L,Z.x2=p,Z.y2=m}function Q0(Z,V,Y,X){Z.x1=V.x1+Y,Z.y1=V.y1+X,Z.x2=V.x2+Y,Z.y2=V.y2+X}let k=null,O=-1,T={x:0,y:0,size:24};function e1(){let Z=$.getBoundingClientRect().width;return Z>0?Z/$.width:1}function $2(Z,V){if(!w)return Z.length*V*0.6;w.save(),w.font=`600 ${V}px system-ui, sans-serif`;let Y=w.measureText(Z||" ").width;return w.restore(),Y}function d0(){if(!k)return;let Z=$.parentElement;if(!Z)return;let V=$.getBoundingClientRect(),Y=Z.getBoundingClientRect(),X=e1(),F=T.size*X;k.style.left=`${V.left-Y.left+T.x*X}px`,k.style.top=`${V.top-Y.top+T.y*X}px`,k.style.fontSize=`${F}px`,k.style.width=`${Math.max(40,$2(k.value,F)+F)}px`}function e(Z){let V=k;if(!V)return;k=null;let Y=V.value.trim(),X=O;if(O=-1,V.remove(),Z&&Y){if(X>=0&&Q[X])Q[X].text=Y,W=X;else Q.push({tool:"text",x1:T.x,y1:T.y,x2:T.x,y2:T.y,text:Y,size:T.size}),W=Q.length-1;J()}else if(X>=0)W=X;$.focus(),B()}function i0(Z,V,Y=-1){e(!0);let X=$.parentElement;if(!X)return;if(getComputedStyle(X).position==="static")X.style.position="relative";let F=Y>=0?Q[Y]:void 0;O=Y,T={x:F?.x1??Z,y:F?.y1??V,size:F?.size??Math.round(24*M())};let H=document.createElement("input");H.type="text",H.className="text-edit",H.value=F?.text??"",H.setAttribute("aria-label","ข้อความบนภาพ"),H.placeholder="ข้อความ",k=H,X.append(H),d0(),H.addEventListener("input",d0),H.addEventListener("keydown",(P)=>{if(P.stopPropagation(),P.key==="Enter")e(!0);else if(P.key==="Escape")e(!1)}),requestAnimationFrame(()=>{if(k!==H)return;H.focus(),H.select(),H.addEventListener("blur",()=>e(!0))}),B()}function c0(Z){let{x:V,y:Y}=U(Z);if($.setPointerCapture(Z.pointerId),b(V,Y)){w0();return}let X=t(V,Y);if(X&&Q[W]){G={grip:X,x:V,y:Y,start:{...Q[W]}};return}if(z==="text"){if(Z.preventDefault(),$.hasPointerCapture(Z.pointerId))$.releasePointerCapture(Z.pointerId);z=null,J(),i0(V,Y);return}if(z){K={tool:z,x1:V,y1:Y,x2:V,y2:Y},W=-1;return}let F=h(V,Y);W=F,G=F>=0?{grip:"body",x:V,y:Y,start:{...Q[F]}}:null,B()}function o0(Z){let{x:V,y:Y}=U(Z);if(K){K.x2=V,K.y2=Y,B();return}if(G){let F=Q[W];if(!F)return;let H=V-G.x,P=Y-G.y;if(G.grip==="body")Q0(F,G.start,H,P);else g(F,G.grip,G.start,H,P);B();return}if(z){$.style.cursor="crosshair";return}if(b(V,Y)){$.style.cursor="pointer";return}let X=t(V,Y);if(X){let F=Q[W]?R(Q[W]).find((H)=>H.id===X):null;$.style.cursor=F?.cursor??"pointer";return}$.style.cursor=h(V,Y)>=0?"move":"default"}function z0(){if(K){if(!(Math.abs(K.x2-K.x1)<d1&&Math.abs(K.y2-K.y1)<d1))Q.push(K),W=Q.length-1,z=null,J();K=null}if(G)G=null,J();B()}function l0(Z){let V=$.getBoundingClientRect(),Y=(Z.clientX-V.left)/V.width*$.width,X=(Z.clientY-V.top)/V.height*$.height,F=h(Y,X),H=Q[F];if(!H||H.tool!=="text")return;Z.preventDefault(),i0(H.x1,H.y1,F)}function r0(Z){if(W<0)return;if(Z.key==="Delete"||Z.key==="Backspace")Z.preventDefault(),w0();else if(Z.key==="Escape")W=-1,B()}function w0(){if(W<0)return;Q.splice(W,1),W=-1,J(),B()}return $.addEventListener("pointerdown",c0),$.addEventListener("pointermove",o0),$.addEventListener("pointerup",z0),$.addEventListener("pointercancel",z0),$.addEventListener("dblclick",l0),$.tabIndex=0,$.addEventListener("keydown",r0),B(),{setTool(Z){z=Z,W=-1,$.style.cursor=Z?"crosshair":"default",B()},deleteSelected:w0,clear(){Q.length=0,W=-1,J(),B()},hasShapes:()=>Q.length>0,hasSelection:()=>W>=0,toDataUrl(){let Z=document.createElement("canvas");Z.width=j.naturalWidth,Z.height=j.naturalHeight;let V=Z.getContext("2d");if(!V)return $.toDataURL("image/png");V.drawImage(j,0,0);let Y=M();for(let X of Q)_(V,X,Y);return Z.toDataURL("image/png")},destroy(){e(!1),$.removeEventListener("pointerdown",c0),$.removeEventListener("pointermove",o0),$.removeEventListener("pointerup",z0),$.removeEventListener("pointercancel",z0),$.removeEventListener("dblclick",l0),$.removeEventListener("keydown",r0)}}}var i1=`
40
+ `)}function U4($){let j=[];for(let J of $.failedRequests)j.push(`✗ ${J.status??J.error??"ERR"} ${J.method} ${J.url}`);for(let J of $.errors)j.push(`⚠ ${J}`);for(let J of $.erroredQueries)j.push(`⚠ React Query error: ${J.key} — ${J.error}`);return j}function C4($){let{context:j}=$;return[`User : ${j.user.fullName??"—"} (${j.user.email??"—"})`,`Unit : ${j.user.unit??"—"}`,`Roles : ${j.user.roles?.join(", ")||"—"}`,`Route : ${j.route.href}`,`Module : ${j.module?`${j.module.label} (${j.module.key})`:"—"}`,`App : ${j.app.name} v${j.app.version} · ${j.app.environment}`,`Memory : ${j.performance.memoryUsedMb??"—"}/${j.performance.memoryLimitMb??"—"} MB`,`Client : ${j.client.userAgent}`,`Viewport : ${j.client.viewport.width}×${j.client.viewport.height} @${j.client.viewport.dpr}x`,`Reason : ${G4[$.reason.type]}${$.reason.message?` — ${$.reason.message}`:""}`,`Captured : ${$.network.length} requests · ${$.console.length} console · ${$.actionTrail.length} actions · screenshot=${$.screenshotMethod}`]}function P4($){let j=U4($.cause),J=[`## \uD83D\uDC1E ${$.context.app.name} — Debug Report`,`**Generated:** ${$.context.capturedAt}`,"",...C4($).map((Q)=>`- ${Q.replace(/\s{2,}:/,":")}`),"",`**หมายเหตุจากผู้แจ้ง:** ${$.note.trim()||"(ไม่มี)"}`];if(j.length>0)J.push("","### ⚠ สาเหตุที่น่าจะเป็น","```",...j,"```");return J.push("",`<details><summary>ขั้นตอน (${$.actionTrail.length})</summary>`,"","```",M4($.actionTrail),"```","</details>","",`<details><summary>Network (${$.network.length})</summary>`,"","```",F4($.network),"```","</details>","",`<details><summary>Console (${$.console.length})</summary>`,"","```",H4($.console),"```","</details>","","_ข้อมูลลับ (token, cookie) ถูกปกปิดอัตโนมัติ · ภาพหน้าจออยู่ในไฟล์ .zip_"),J.join(`
41
+ `)}function I4($){return $.replace(/[:.]/g,"-").replace("T","_").slice(0,19)}function w4($,j){return`debug-report_${I4($.context.capturedAt)}.${j}`}function D4($){return E1($.cause)>0}async function E0(){if(typeof navigator<"u"&&Boolean(navigator.mediaDevices?.getDisplayMedia)){let J=await N4();if(J.status==="ok")return{dataUrl:J.dataUrl,method:"display-media"};if(J.status==="cancelled")return{dataUrl:null,method:"cancelled"}}let j=await S4();if(j)return{dataUrl:j,method:"html-to-image"};return{dataUrl:null,method:"none"}}async function N4(){let $=null;try{let j={video:{frameRate:30},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"};$=await navigator.mediaDevices.getDisplayMedia(j);let J=await B4($);return J?{status:"ok",dataUrl:J}:{status:"error"}}catch(j){if(j instanceof DOMException&&(j.name==="NotAllowedError"||j.name==="AbortError"))return{status:"cancelled"};return{status:"error"}}finally{$?.getTracks().forEach((j)=>j.stop())}}async function B4($){let j=document.createElement("video");j.srcObject=$,j.muted=!0,j.playsInline=!0,await new Promise((K)=>{let G=!1,H=()=>{if(G)return;G=!0,K()};j.onloadedmetadata=()=>{j.play().then(H).catch(H)},window.setTimeout(H,1500)}),await q4(j);let{videoWidth:J,videoHeight:Q}=j;if(!J||!Q)return null;let z=document.createElement("canvas");z.width=J,z.height=Q;let W=z.getContext("2d");if(!W)return null;W.drawImage(j,0,0,J,Q),j.pause(),j.srcObject=null;try{return z.toDataURL("image/png")}catch{return null}}function q4($){return new Promise((j)=>{let J=!1,Q=()=>{if(J)return;J=!0,j()},z=$;if(typeof z.requestVideoFrameCallback==="function")z.requestVideoFrameCallback(()=>Q()),window.setTimeout(Q,1000);else window.setTimeout(Q,250)})}async function S4(){let $=R().screenshotFallback;if(!$)return null;let j=await $().catch(()=>null);if(!j)return null;try{return await j(document.body,{cacheBust:!0,pixelRatio:Math.min(window.devicePixelRatio||1,2),filter:(J)=>!(J instanceof HTMLElement&&J.dataset?.debugReporter==="true")})}catch{return null}}var R4=2000,O4=0.82,_4=3000000;function L4($){return new Promise((j,J)=>{let Q=new Image;Q.onload=()=>j(Q),Q.onerror=()=>J(Error("could not read the screenshot")),Q.src=$})}async function p1($){try{let j=await L4($),J=Math.max(j.naturalWidth,j.naturalHeight),Q=Math.min(1,R4/J),z=document.createElement("canvas");z.width=Math.max(1,Math.round(j.naturalWidth*Q)),z.height=Math.max(1,Math.round(j.naturalHeight*Q));let W=z.getContext("2d");if(!W)return $;W.fillStyle="#fff",W.fillRect(0,0,z.width,z.height),W.drawImage(j,0,0,z.width,z.height);let K=O4,G=z.toDataURL("image/jpeg",K);while(G.length>_4&&K>0.4)K-=0.15,G=z.toDataURL("image/jpeg",K);return G}catch{return $}}var A4=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,f4=/^\d+$/,T4=/^[0-9a-f]{16,}$/i;function x0($){if($.reason.type==="manual")return null;let j=$.cause?.failedRequests?.[0];if(!j?.url)return null;let J;try{J=new URL(j.url,"http://x").pathname}catch{J=j.url}let Q=J.split("/").map((W)=>A4.test(W)||f4.test(W)||T4.test(W)?":id":W).join("/"),z=j.status??(j.error?"ERR":"?");return`${j.method??"REQ"} ${Q} ${z}`}var h0=2000000;function G0($){let{screenshotDataUrl:j,...J}=$;return JSON.stringify(J).length}function g0($,j=2000000){if(G0($)<=j)return $;let J=$.network.map((z)=>({...z})),Q={...$,network:J};for(let z of J){if(G0(Q)<=j)return Q;if(typeof z.responseSnippet==="string"&&z.responseSnippet.length>35)z.responseSnippet="[body dropped — report size budget]";if(typeof z.requestBody==="string"&&z.requestBody.length>35)z.requestBody="[body dropped — report size budget]"}while(Q.network.length>1&&G0(Q)>j)Q.network=Q.network.slice(1);while(Q.console.length>1&&G0(Q)>j)Q.console=Q.console.slice(1);return Q}var m1=32768;function k4($){let j="";for(let J=0;J<$.length;J+=m1)j+=String.fromCharCode(...$.subarray(J,J+m1));return btoa(j)}function E4($){return{dataUri:`data:application/json;base64,${k4(new TextEncoder().encode(JSON.stringify($)))}`,filename:"debug-bundle.json"}}async function x4(){let $=R().identity;if(!$)return{};try{let j=await $();return j?{authorization:`Bearer ${j}`}:{}}catch{return{}}}async function p0($,j){let J=R(),Q=g0(j,h0),{context:z,note:W}=Q,K=[];if(Q.screenshotDataUrl){let C=await p1(Q.screenshotDataUrl);K.push({dataUri:C,filename:"screenshot.jpg"})}K.push(E4(Q));let G=x0(Q),H={title:$,description:W.trim()||void 0,category:z.module?.label||x().name,routeUrl:z.route.href,priority:"MEDIUM",requesterEmail:z.user.email??void 0,requesterName:z.user.fullName??void 0,customFields:{unit:z.user.unit??"",appVersion:z.app.version,environment:z.app.environment,reasonType:Q.reason.type,appName:x().name,module:z.module?.label??""},context:{...G?{signature:G}:{},capturedAt:z.capturedAt,reason:Q.reason,cause:Q.cause,actionTrail:Q.actionTrail,client:z.client,performance:z.performance,apiHeaders:z.apiHeaders,extra:z.extra,counts:{network:Q.network.length,console:Q.console.length,actions:Q.actionTrail.length},screenshotMethod:Q.screenshotMethod},attachments:K},U=await fetch(`${J.host.replace(/\/$/,"")}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":J.realmKey,...await x4()},body:JSON.stringify(H)});if(!U.ok){let C=U.headers.get("retry-after"),w=await U.json().then((P)=>P.error).catch(()=>null);throw Error(U.status===429?`Too many reports — try again in ${C??"a moment"}s`:w??`Report failed (${U.status})`)}return await U.json()}var Q0=Math.PI/6;function v1($,j,J){let Q=j.x-$.x,z=j.y-$.y,W=Math.hypot(Q,z),K=Math.atan2(z,Q),G=[{x:j.x,y:j.y},{x:j.x-J*Math.cos(K-Q0),y:j.y-J*Math.sin(K-Q0)},{x:j.x-J*Math.cos(K+Q0),y:j.y-J*Math.sin(K+Q0)}],H=J*Math.cos(Q0)*0.92;if(W<=H)return{shaft:null,head:G};return{shaft:{from:$,to:{x:j.x-H*Math.cos(K),y:j.y-H*Math.sin(K)}},head:G}}var m0="#f44336",h4="rgba(250, 204, 21, 0.4)",v0=22,y1="#2563eb",b1=9,u1=11,d1=18,c1=4,Y0=8,g4=[{id:"nw",fx:0,fy:0,cursor:"nwse-resize"},{id:"n",fx:0.5,fy:0,cursor:"ns-resize"},{id:"ne",fx:1,fy:0,cursor:"nesw-resize"},{id:"e",fx:1,fy:0.5,cursor:"ew-resize"},{id:"se",fx:1,fy:1,cursor:"nwse-resize"},{id:"s",fx:0.5,fy:1,cursor:"ns-resize"},{id:"sw",fx:0,fy:1,cursor:"nesw-resize"},{id:"w",fx:0,fy:0.5,cursor:"ew-resize"}];function y0($,j,J){let Q=[],z=null,W=-1,K=null,G=null,H=$.getContext("2d");function U(){let Z=$.getBoundingClientRect().width;return Z>0?$.width/Z:1}function C(Z){let V=$.getBoundingClientRect();return{x:(Z.clientX-V.left)/V.width*$.width,y:(Z.clientY-V.top)/V.height*$.height}}function w(Z){let V=Z.size??v0;if(!H)return(Z.text?.length??0)*V*0.6;H.save(),H.font=`600 ${V}px system-ui, sans-serif`;let Y=H.measureText(Z.text??"").width;return H.restore(),Y}function P(Z){if(Z.tool==="text"){let V=Z.size??v0;return{left:Z.x1,top:Z.y1,right:Z.x1+w(Z),bottom:Z.y1+V*1.25}}return{left:Math.min(Z.x1,Z.x2),top:Math.min(Z.y1,Z.y2),right:Math.max(Z.x1,Z.x2),bottom:Math.max(Z.y1,Z.y2)}}function O(Z){if(Z.tool==="arrow")return[{id:"tail",x:Z.x1,y:Z.y1,cursor:"move"},{id:"head",x:Z.x2,y:Z.y2,cursor:"move"}];let V=P(Z);if(Z.tool==="text")return[{id:"size",x:V.right,y:V.bottom,cursor:"nwse-resize"}];return g4.map((Y)=>({id:Y.id,x:V.left+(V.right-V.left)*Y.fx,y:V.top+(V.bottom-V.top)*Y.fy,cursor:Y.cursor}))}function N(Z){let V=P(Z);return{x:V.right+d1*U(),y:V.top-d1*U()}}function S(Z,V,Y){let{shaft:X,head:F}=v1({x:V.x1,y:V.y1},{x:V.x2,y:V.y2},Math.max(10,16*Y));if(X)Z.lineCap="butt",Z.beginPath(),Z.moveTo(X.from.x,X.from.y),Z.lineTo(X.to.x,X.to.y),Z.stroke();Z.beginPath(),Z.moveTo(F[0].x,F[0].y),Z.lineTo(F[1].x,F[1].y),Z.lineTo(F[2].x,F[2].y),Z.closePath(),Z.fill()}function _(Z,V,Y){Z.save(),Z.lineWidth=Math.max(2,3*Y),Z.strokeStyle=m0,Z.fillStyle=m0;let X=P(V);if(V.tool==="rect")Z.strokeRect(X.left,X.top,X.right-X.left,X.bottom-X.top);else if(V.tool==="arrow")S(Z,V,Y);else if(V.tool==="highlight")Z.fillStyle=h4,Z.fillRect(X.left,X.top,X.right-X.left,X.bottom-X.top);else if(V.tool==="text"&&V.text){let F=V.size??v0;Z.font=`600 ${F}px system-ui, sans-serif`,Z.textBaseline="top";let M=F*0.22;Z.fillStyle="rgba(255,255,255,0.92)",Z.fillRect(X.left-M,X.top-M,X.right-X.left+M*2,X.bottom-X.top+M*2),Z.fillStyle=m0,Z.fillText(V.text,X.left,X.top)}Z.restore()}function D(Z,V,Y){let X=P(V);Z.save(),Z.strokeStyle=y1,Z.lineWidth=Math.max(1,1.5*Y),Z.setLineDash([6*Y,4*Y]),Z.strokeRect(X.left,X.top,X.right-X.left,X.bottom-X.top),Z.setLineDash([]);let F=b1*Y;for(let f of O(V))Z.fillStyle="#fff",Z.strokeStyle=y1,Z.lineWidth=Math.max(1,1.5*Y),Z.beginPath(),Z.rect(f.x-F/2,f.y-F/2,F,F),Z.fill(),Z.stroke();let M=N(V),I=u1*Y;Z.beginPath(),Z.arc(M.x,M.y,I,0,Math.PI*2),Z.fillStyle="#dc2626",Z.fill(),Z.strokeStyle="#fff",Z.lineWidth=Math.max(1.5,2*Y),Z.beginPath(),Z.moveTo(M.x-I*0.4,M.y-I*0.4),Z.lineTo(M.x+I*0.4,M.y+I*0.4),Z.moveTo(M.x+I*0.4,M.y-I*0.4),Z.lineTo(M.x-I*0.4,M.y+I*0.4),Z.stroke(),Z.restore()}function q(){if(!H)return;let Z=U();if(H.clearRect(0,0,$.width,$.height),H.drawImage(j,0,0,$.width,$.height),Q.forEach((Y,X)=>{if(X!==m)_(H,Y,Z)}),K)_(H,K,Z);let V=Q[W];if(V&&!K)D(H,V,Z)}function g(Z,V,Y,X,F){return Math.abs(Z-Y)<=F&&Math.abs(V-X)<=F}function e(Z,V){let Y=Q[W];if(!Y)return null;let X=b1*U()/2+3*U();for(let F of O(Y))if(g(Z,V,F.x,F.y,X))return F.id;return null}function u(Z,V){let Y=Q[W];if(!Y)return!1;let X=N(Y);return g(Z,V,X.x,X.y,u1*U())}function E(Z,V){let Y=6*U();for(let X=Q.length-1;X>=0;X-=1){let F=Q[X];if(F.tool==="arrow"){let I=F.x2-F.x1,f=F.y2-F.y1,v=Math.hypot(I,f)||1,y=Math.max(0,Math.min(1,((Z-F.x1)*I+(V-F.y1)*f)/(v*v)));if(Math.hypot(Z-(F.x1+y*I),V-(F.y1+y*f))<=Y+4*U())return X;continue}let M=P(F);if(Z>=M.left-Y&&Z<=M.right+Y&&V>=M.top-Y&&V<=M.bottom+Y)return X}return-1}function p(Z,V,Y,X,F){if(V==="tail"){Z.x1=Y.x1+X,Z.y1=Y.y1+F;return}if(V==="head"){Z.x2=Y.x2+X,Z.y2=Y.y2+F;return}if(V==="size"){let j2=(Y.size??24)+F;Z.size=Math.max(10,j2);return}let M=P(Y),{left:I,top:f,right:v,bottom:y}=M;if(V.includes("w"))I=Math.min(v-Y0,I+X);if(V.includes("e"))v=Math.max(I+Y0,v+X);if(V.includes("n"))f=Math.min(y-Y0,f+F);if(V.includes("s"))y=Math.max(f+Y0,y+F);Z.x1=I,Z.y1=f,Z.x2=v,Z.y2=y}function H0(Z,V,Y,X){Z.x1=V.x1+Y,Z.y1=V.y1+X,Z.x2=V.x2+Y,Z.y2=V.y2+X}let L=null,m=-1,B={x:0,y:0,size:24};function k(){let Z=$.getBoundingClientRect().width;return Z>0?Z/$.width:1}function $2(Z,V){if(!H)return Z.length*V*0.6;H.save(),H.font=`600 ${V}px system-ui, sans-serif`;let Y=H.measureText(Z||" ").width;return H.restore(),Y}function c0(){if(!L)return;let Z=$.parentElement;if(!Z)return;let V=$.getBoundingClientRect(),Y=Z.getBoundingClientRect(),X=k(),F=B.size*X;L.style.left=`${V.left-Y.left+B.x*X}px`,L.style.top=`${V.top-Y.top+B.y*X}px`,L.style.fontSize=`${F}px`,L.style.width=`${Math.max(40,$2(L.value,F)+F)}px`}function $0(Z){let V=L;if(!V)return;L=null;let Y=V.value.trim(),X=m;if(m=-1,V.remove(),Z&&Y){if(X>=0&&Q[X])Q[X].text=Y,W=X;else Q.push({tool:"text",x1:B.x,y1:B.y,x2:B.x,y2:B.y,text:Y,size:B.size}),W=Q.length-1;J()}else if(X>=0)W=X;$.focus(),q()}function i0(Z,V,Y=-1){$0(!0);let X=$.parentElement;if(!X)return;if(getComputedStyle(X).position==="static")X.style.position="relative";let F=Y>=0?Q[Y]:void 0;m=Y,B={x:F?.x1??Z,y:F?.y1??V,size:F?.size??Math.round(24*U())};let M=document.createElement("input");M.type="text",M.className="text-edit",M.value=F?.text??"",M.setAttribute("aria-label","ข้อความบนภาพ"),M.placeholder="ข้อความ",L=M,X.append(M),c0(),M.addEventListener("input",c0),M.addEventListener("keydown",(I)=>{if(I.stopPropagation(),I.key==="Enter")$0(!0);else if(I.key==="Escape")$0(!1)}),requestAnimationFrame(()=>{if(L!==M)return;M.focus(),M.select(),M.addEventListener("blur",()=>$0(!0))}),q()}function o0(Z){let{x:V,y:Y}=C(Z);if($.setPointerCapture(Z.pointerId),u(V,Y)){M0();return}let X=e(V,Y);if(X&&Q[W]){G={grip:X,x:V,y:Y,start:{...Q[W]}};return}if(z==="text"){if(Z.preventDefault(),$.hasPointerCapture(Z.pointerId))$.releasePointerCapture(Z.pointerId);z=null,J(),i0(V,Y);return}if(z){K={tool:z,x1:V,y1:Y,x2:V,y2:Y},W=-1;return}let F=E(V,Y);W=F,G=F>=0?{grip:"body",x:V,y:Y,start:{...Q[F]}}:null,q()}function l0(Z){let{x:V,y:Y}=C(Z);if(K){K.x2=V,K.y2=Y,q();return}if(G){let F=Q[W];if(!F)return;let M=V-G.x,I=Y-G.y;if(G.grip==="body")H0(F,G.start,M,I);else p(F,G.grip,G.start,M,I);q();return}if(z){$.style.cursor="crosshair";return}if(u(V,Y)){$.style.cursor="pointer";return}let X=e(V,Y);if(X){let F=Q[W]?O(Q[W]).find((M)=>M.id===X):null;$.style.cursor=F?.cursor??"pointer";return}$.style.cursor=E(V,Y)>=0?"move":"default"}function z0(){if(K){if(!(Math.abs(K.x2-K.x1)<c1&&Math.abs(K.y2-K.y1)<c1))Q.push(K),W=Q.length-1,z=null,J();K=null}if(G)G=null,J();q()}function r0(Z){let V=$.getBoundingClientRect(),Y=(Z.clientX-V.left)/V.width*$.width,X=(Z.clientY-V.top)/V.height*$.height,F=E(Y,X),M=Q[F];if(!M||M.tool!=="text")return;Z.preventDefault(),i0(M.x1,M.y1,F)}function s0(Z){if(W<0)return;if(Z.key==="Delete"||Z.key==="Backspace")Z.preventDefault(),M0();else if(Z.key==="Escape")W=-1,q()}function M0(){if(W<0)return;Q.splice(W,1),W=-1,J(),q()}return $.addEventListener("pointerdown",o0),$.addEventListener("pointermove",l0),$.addEventListener("pointerup",z0),$.addEventListener("pointercancel",z0),$.addEventListener("dblclick",r0),$.tabIndex=0,$.addEventListener("keydown",s0),q(),{setTool(Z){z=Z,W=-1,$.style.cursor=Z?"crosshair":"default",q()},deleteSelected:M0,clear(){Q.length=0,W=-1,J(),q()},hasShapes:()=>Q.length>0,hasSelection:()=>W>=0,toDataUrl(){let Z=document.createElement("canvas");Z.width=j.naturalWidth,Z.height=j.naturalHeight;let V=Z.getContext("2d");if(!V)return $.toDataURL("image/png");V.drawImage(j,0,0);let Y=U();for(let X of Q)_(V,X,Y);return Z.toDataURL("image/png")},destroy(){$0(!1),$.removeEventListener("pointerdown",o0),$.removeEventListener("pointermove",l0),$.removeEventListener("pointerup",z0),$.removeEventListener("pointercancel",z0),$.removeEventListener("dblclick",r0),$.removeEventListener("keydown",s0)}}}var i1=`
42
42
  :host { all: initial; }
43
43
  * { box-sizing: border-box; }
44
44
 
@@ -121,7 +121,7 @@ canvas { width: 100%; height: auto; display: block; border: 1px solid #e2e8f0; b
121
121
  border-radius: 0 0 16px 16px;
122
122
  }
123
123
  .foot .grow { flex: 1; }
124
- `;var a="lw-debug-reporter",c1=()=>[];function p4($){c1=$}var m4=[{tool:"rect",key:"toolRect"},{tool:"arrow",key:"toolArrow"},{tool:"highlight",key:"toolHighlight"},{tool:"text",key:"toolText"}];function v4(){return class extends HTMLElement{root;stop=null;annotator=null;bundle=null;busy=!1;constructor(){super();this.root=this.attachShadow({mode:"open"})}connectedCallback(){this.dataset.debugReporter="true",this.stop=S0((j)=>void this.open(j))}disconnectedCallback(){this.stop?.(),this.stop=null,this.close()}async open(j){if(this.busy)return;this.busy=!0;let J=v(S().locale),Q=await T0();if(Q.method==="cancelled"){this.close();return}this.bundle=A0({reason:j,note:"",screenshotDataUrl:Q.dataUrl,screenshotMethod:Q.method,erroredQueries:y4()}),this.renderForm(J)}close(){this.annotator?.destroy(),this.annotator=null,this.bundle=null,this.busy=!1,this.root.replaceChildren()}shell(j){let J=document.createElement("style");J.textContent=i1;let Q=document.createElement("div");Q.className="backdrop";let z=document.createElement("div");return z.className="panel",z.setAttribute("role","dialog"),z.setAttribute("aria-modal","true"),z.setAttribute("aria-label",j.title),Q.append(z),this.root.replaceChildren(J,Q),z}renderShell(j,J){let Q=this.shell(j),z=f("div","head");z.append(f("h2","",j.title)),Q.append(z,f("p","status",J))}renderForm(j){let J=this.bundle;if(!J)return;let Q=this.shell(j),z=f("div","head"),W=s("✕","icon");W.setAttribute("aria-label",j.close),W.addEventListener("click",()=>this.close()),z.append(f("h2","",j.title),W);let K=document.createElement("input");K.type="text",K.placeholder=j.summaryPlaceholder;let G=y0(j.summaryLabel,j.summaryRequired,!0),w=document.createElement("textarea");w.placeholder=j.detailPlaceholder;let M=f("div","meta");M.innerHTML="";let{context:U}=J;for(let[q,_]of[[j.reporter,`${U.user.fullName??"—"} (${U.user.email??"—"})`],[j.page,U.route.href],[j.captured,`${J.network.length} network · ${J.console.length} console · ${J.actionTrail.length} actions`]]){let I=document.createElement("div"),B=document.createElement("b");B.textContent=`${q}: `,I.append(B,document.createTextNode(_)),M.append(I)}let D=f("p","status",""),C=s(j.submit,"primary");if(C.disabled=!0,K.addEventListener("input",()=>{C.disabled=K.value.trim().length===0}),Q.append(z,G,K,y0(j.detailLabel),w,M),J.screenshotDataUrl)Q.append(...this.screenshotSection(j,J.screenshotDataUrl));else Q.append(f("p","status",j.noScreenshot));let R=f("div","foot"),N=s(j.close);N.addEventListener("click",()=>this.close()),R.append(N,D,f("span","grow"),C),Q.append(R),C.addEventListener("click",async()=>{C.disabled=!0,D.dataset.tone="",D.textContent=j.submitting;try{let q=await g0(K.value.trim(),{...J,note:w.value,screenshotDataUrl:this.annotator?.hasShapes()?this.annotator.toDataUrl():J.screenshotDataUrl}),_=this.dispatchEvent(new CustomEvent("lw-report-submitted",{detail:q,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(),_)n(`${j.submitted} — #${q.number}`,"success")}catch(q){let _=q instanceof Error?q.message:j.failed;D.dataset.tone="error",D.textContent=_,n(`${j.failed} — ${_}`,"error"),C.disabled=!1}}),K.focus()}screenshotSection(j,J){let Q=y0(j.annotateHint),z=f("div","tools"),W=document.createElement("canvas"),K=f("div","shot");K.append(W);let G=[],w=(C)=>{for(let R of G)R.setAttribute("aria-pressed",String(R===C))};for(let{tool:C,key:R}of m4){let N=s(j[R]);N.setAttribute("aria-pressed","false"),N.addEventListener("click",()=>{let q=N.getAttribute("aria-pressed")==="true";w(q?null:N),this.annotator?.setTool(q?null:C)}),G.push(N),z.append(N)}z.append(f("span","sep"));let M=s(j.deleteSelected);M.addEventListener("click",()=>this.annotator?.deleteSelected());let U=s(j.clearAll);U.addEventListener("click",()=>{this.annotator?.clear(),w(null)}),z.append(M,U);let D=new Image;return D.onload=()=>{W.width=D.naturalWidth,W.height=D.naturalHeight,this.annotator=v0(W,D,()=>{w(null),M.disabled=!this.annotator?.hasSelection()})},D.src=J,[Q,z,f("p","status",j.annotateHelp),K]}}}function y4(){try{return c1()}catch{return[]}}function f($,j="",J=""){let Q=document.createElement($);if(j)Q.className=j;if(J)Q.textContent=J;return Q}function s($,j=""){let J=document.createElement("button");if(J.type="button",J.textContent=$,j)J.className=j;return J}function y0($,j="",J=!1){let Q=document.createElement("label");if(Q.append(document.createTextNode($)),J){let z=document.createElement("span");z.className="req",z.textContent=" *",Q.append(z)}if(j){let z=document.createElement("span");z.className="hint",z.textContent=` ${j}`,Q.append(z)}return Q}function b0(){if(typeof window>"u"||customElements.get(a))return;customElements.define(a,v4())}var o1=!1;function b4($={}){if(o1||typeof window>"u")return;if(!H0()){console.error("[debug-capture] configureDebugCapture() must be called before install");return}if(o1=!0,L1(),w1(),V1(),N1(),$.ui===!1)return;let j=v(S().locale);if(O0((J)=>{n(J.message??j.crashed,"error",{label:j.crashAction,onClick:()=>R0(J)})}),b0(),!document.querySelector(a))document.body.append(document.createElement(a))}var u4=new Set(["error","exception","unhandledrejection"]);function l1($){if($.error)return!0;return $.status!==null&&$.status>=400}function u0($){if(!$)return null;let j=Date.parse($);return Number.isNaN(j)?null:j}function d4($){try{let{pathname:j}=new URL($,"http://x");try{return decodeURIComponent(j)}catch{return j}}catch{return $.split(/[?#]/)[0]??$}}function i4($,j,J){let Q=(K)=>({elapsedMs:K,requests:[],failedRequests:[],consoleErrors:[],slowestMs:null});if($.length===0)return[];let z=$.map((K)=>u0(K.at)),W=(K)=>{for(let G=K+1;G<z.length;G+=1){let w=z[G];if(w!=null)return w}return Number.POSITIVE_INFINITY};return $.map((K,G)=>{let w=z[G]??null,M=(G>0?z[G-1]:null)??null,U=w!==null&&M!==null?Math.max(0,w-M):null;if(w===null)return Q(U);let D=w,C=Math.max(D,W(G)),R=(I)=>I!==null&&I>=D&&(I<C||C===Number.POSITIVE_INFINITY),N=j.filter((I)=>R(u0(I.startedAt))),q=J.filter((I)=>u4.has(I.level)&&R(u0(I.at))),_=N.map((I)=>I.durationMs).filter((I)=>typeof I==="number");return{elapsedMs:U,requests:N,failedRequests:N.filter(l1),consoleErrors:q,slowestMs:_.length>0?Math.max(..._):null}})}function c4($,j){return $.requests.length===0&&$.consoleErrors.length===0&&($.elapsedMs===null||$.elapsedMs<j)}function o4($){if($<1000)return`${Math.round($)} มิลลิวินาที`;let j=$/1000;if(j<10)return`${j.toFixed(1)} วิ`;if(j<60)return`${Math.round(j)} วิ`;let J=Math.floor(j/60),Q=Math.round(j%60);return Q===0?`${J} นาที`:`${J} นาที ${Q} วิ`}var l4="lw-portal-handoff",r1=138.23,r4=`
124
+ `;var t="lw-debug-reporter",o1=()=>[];function p4($){o1=$}var m4=[{tool:"rect",key:"toolRect"},{tool:"arrow",key:"toolArrow"},{tool:"highlight",key:"toolHighlight"},{tool:"text",key:"toolText"}];function v4(){return class extends HTMLElement{root;stop=null;annotator=null;bundle=null;busy=!1;constructor(){super();this.root=this.attachShadow({mode:"open"})}connectedCallback(){this.dataset.debugReporter="true",this.stop=R0((j)=>void this.open(j))}disconnectedCallback(){this.stop?.(),this.stop=null,this.close()}async open(j){if(this.busy)return;this.busy=!0;let J=b(R().locale),Q=await E0();if(Q.method==="cancelled"){this.close();return}this.bundle=k0({reason:j,note:"",screenshotDataUrl:Q.dataUrl,screenshotMethod:Q.method,erroredQueries:y4()}),this.renderForm(J)}close(){this.annotator?.destroy(),this.annotator=null,this.bundle=null,this.busy=!1,this.root.replaceChildren()}shell(j){let J=document.createElement("style");J.textContent=i1;let Q=document.createElement("div");Q.className="backdrop";let z=document.createElement("div");return z.className="panel",z.setAttribute("role","dialog"),z.setAttribute("aria-modal","true"),z.setAttribute("aria-label",j.title),Q.append(z),this.root.replaceChildren(J,Q),z}renderShell(j,J){let Q=this.shell(j),z=A("div","head");z.append(A("h2","",j.title)),Q.append(z,A("p","status",J))}renderForm(j){let J=this.bundle;if(!J)return;let Q=this.shell(j),z=A("div","head"),W=a("✕","icon");W.setAttribute("aria-label",j.close),W.addEventListener("click",()=>this.close()),z.append(A("h2","",j.title),W);let K=document.createElement("input");K.type="text",K.placeholder=j.summaryPlaceholder;let G=b0(j.summaryLabel,j.summaryRequired,!0),H=document.createElement("textarea");H.placeholder=j.detailPlaceholder;let U=A("div","meta");U.innerHTML="";let{context:C}=J;for(let[S,_]of[[j.reporter,`${C.user.fullName??"—"} (${C.user.email??"—"})`],[j.page,C.route.href],[j.captured,`${J.network.length} network · ${J.console.length} console · ${J.actionTrail.length} actions`]]){let D=document.createElement("div"),q=document.createElement("b");q.textContent=`${S}: `,D.append(q,document.createTextNode(_)),U.append(D)}let w=A("p","status",""),P=a(j.submit,"primary");if(P.disabled=!0,K.addEventListener("input",()=>{P.disabled=K.value.trim().length===0}),Q.append(z,G,K,b0(j.detailLabel),H,U),J.screenshotDataUrl)Q.append(...this.screenshotSection(j,J.screenshotDataUrl));else Q.append(A("p","status",j.noScreenshot));let O=A("div","foot"),N=a(j.close);N.addEventListener("click",()=>this.close()),O.append(N,w,A("span","grow"),P),Q.append(O),P.addEventListener("click",async()=>{P.disabled=!0,w.dataset.tone="",w.textContent=j.submitting;try{let S=await p0(K.value.trim(),{...J,note:H.value,screenshotDataUrl:this.annotator?.hasShapes()?this.annotator.toDataUrl():J.screenshotDataUrl}),_=this.dispatchEvent(new CustomEvent("lw-report-submitted",{detail:S,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(),_)n(`${j.submitted} — #${S.number}`,"success")}catch(S){let _=S instanceof Error?S.message:j.failed;w.dataset.tone="error",w.textContent=_,n(`${j.failed} — ${_}`,"error"),P.disabled=!1}}),K.focus()}screenshotSection(j,J){let Q=b0(j.annotateHint),z=A("div","tools"),W=document.createElement("canvas"),K=A("div","shot");K.append(W);let G=[],H=(P)=>{for(let O of G)O.setAttribute("aria-pressed",String(O===P))};for(let{tool:P,key:O}of m4){let N=a(j[O]);N.setAttribute("aria-pressed","false"),N.addEventListener("click",()=>{let S=N.getAttribute("aria-pressed")==="true";H(S?null:N),this.annotator?.setTool(S?null:P)}),G.push(N),z.append(N)}z.append(A("span","sep"));let U=a(j.deleteSelected);U.addEventListener("click",()=>this.annotator?.deleteSelected());let C=a(j.clearAll);C.addEventListener("click",()=>{this.annotator?.clear(),H(null)}),z.append(U,C);let w=new Image;return w.onload=()=>{W.width=w.naturalWidth,W.height=w.naturalHeight,this.annotator=y0(W,w,()=>{H(null),U.disabled=!this.annotator?.hasSelection()})},w.src=J,[Q,z,A("p","status",j.annotateHelp),K]}}}function y4(){try{return o1()}catch{return[]}}function A($,j="",J=""){let Q=document.createElement($);if(j)Q.className=j;if(J)Q.textContent=J;return Q}function a($,j=""){let J=document.createElement("button");if(J.type="button",J.textContent=$,j)J.className=j;return J}function b0($,j="",J=!1){let Q=document.createElement("label");if(Q.append(document.createTextNode($)),J){let z=document.createElement("span");z.className="req",z.textContent=" *",Q.append(z)}if(j){let z=document.createElement("span");z.className="hint",z.textContent=` ${j}`,Q.append(z)}return Q}function u0(){if(typeof window>"u"||customElements.get(t))return;customElements.define(t,v4())}var l1=!1;function b4($={}){if(l1||typeof window>"u")return;if(!U0()){console.error("[debug-capture] configureDebugCapture() must be called before install");return}if(l1=!0,T1(),M1(),X1(),B1(),$.ui===!1)return;let j=b(R().locale);if(_0((J)=>{n(J.message??j.crashed,"error",{label:j.crashAction,onClick:()=>O0(J)})}),u0(),!document.querySelector(t))document.body.append(document.createElement(t))}var u4=new Set(["error","exception","unhandledrejection"]);function r1($){if($.error)return!0;return $.status!==null&&$.status>=400}function d0($){if(!$)return null;let j=Date.parse($);return Number.isNaN(j)?null:j}function d4($){try{let{pathname:j}=new URL($,"http://x");try{return decodeURIComponent(j)}catch{return j}}catch{return $.split(/[?#]/)[0]??$}}function c4($,j,J){let Q=(K)=>({elapsedMs:K,requests:[],failedRequests:[],consoleErrors:[],slowestMs:null});if($.length===0)return[];let z=$.map((K)=>d0(K.at)),W=(K)=>{for(let G=K+1;G<z.length;G+=1){let H=z[G];if(H!=null)return H}return Number.POSITIVE_INFINITY};return $.map((K,G)=>{let H=z[G]??null,U=(G>0?z[G-1]:null)??null,C=H!==null&&U!==null?Math.max(0,H-U):null;if(H===null)return Q(C);let w=H,P=Math.max(w,W(G)),O=(D)=>D!==null&&D>=w&&(D<P||P===Number.POSITIVE_INFINITY),N=j.filter((D)=>O(d0(D.startedAt))),S=J.filter((D)=>u4.has(D.level)&&O(d0(D.at))),_=N.map((D)=>D.durationMs).filter((D)=>typeof D==="number");return{elapsedMs:C,requests:N,failedRequests:N.filter(r1),consoleErrors:S,slowestMs:_.length>0?Math.max(..._):null}})}function i4($,j){return $.requests.length===0&&$.consoleErrors.length===0&&($.elapsedMs===null||$.elapsedMs<j)}function o4($){if($<1000)return`${Math.round($)} มิลลิวินาที`;let j=$/1000;if(j<10)return`${j.toFixed(1)} วิ`;if(j<60)return`${Math.round(j)} วิ`;let J=Math.floor(j/60),Q=Math.round(j%60);return Q===0?`${J} นาที`:`${J} นาที ${Q} วิ`}var l4="lw-portal-handoff",s1=138.23,r4=`
125
125
  :host { all: initial; }
126
126
  .backdrop {
127
127
  position: fixed; inset: 0; z-index: 2147483002;
@@ -143,18 +143,22 @@ canvas { width: 100%; height: auto; display: block; border: 1px solid #e2e8f0; b
143
143
  }
144
144
  .backdrop[data-open="1"] .card { transform: none; opacity: 1; }
145
145
 
146
- .ring { display: block; margin: 0 auto 14px; width: 56px; height: 56px; }
146
+ /* The number is centred by the box, not by a margin guessed against the
147
+ font's line-height — Thai and Latin digits do not share one. */
148
+ .dial { position: relative; width: 56px; height: 56px; margin: 0 auto 14px; }
149
+ .ring { display: block; width: 100%; height: 100%; }
147
150
  .ring circle { fill: none; stroke-width: 4; stroke-linecap: round; }
148
151
  .ring .track { stroke: #e2e8f0; }
149
152
  .ring .bar {
150
153
  stroke: #0ea5e9; transform: rotate(-90deg); transform-origin: 50% 50%;
151
- stroke-dasharray: ${r1}; stroke-dashoffset: 0;
154
+ stroke-dasharray: ${s1}; stroke-dashoffset: 0;
152
155
  animation: deplete var(--secs, 3s) linear forwards;
153
156
  }
154
- @keyframes deplete { to { stroke-dashoffset: ${r1}; } }
157
+ @keyframes deplete { to { stroke-dashoffset: ${s1}; } }
155
158
  .count {
156
- position: relative; margin-top: -42px; margin-bottom: 20px;
157
- font-size: 18px; font-weight: 600; color: #0f172a; font-variant-numeric: tabular-nums;
159
+ position: absolute; inset: 0; display: grid; place-items: center;
160
+ font-size: 18px; font-weight: 600; color: #0f172a;
161
+ font-variant-numeric: tabular-nums; line-height: 1;
158
162
  }
159
163
 
160
164
  /* The spinner replaces the ring once the countdown is over but the token has
@@ -188,13 +192,15 @@ button:focus-visible { outline: 2px solid #0ea5e9; outline-offset: 2px; }
188
192
  .ring .bar { animation: none; stroke-dashoffset: 0; }
189
193
  .spinner { animation-duration: 2s; }
190
194
  }
191
- `;function n1($){if(typeof document>"u")return $.prepare().then((I)=>I,()=>null);let j=v(S().locale),J=Math.max(1,Math.floor($.seconds??3)),Q=document.createElement(l4),z=Q.attachShadow({mode:"open"}),W=document.createElement("style");W.textContent=r4,z.append(W);let K=document.createElement("div");K.className="backdrop",K.innerHTML=`
195
+ `;function n1($){if(typeof document>"u")return $.prepare().then((D)=>void $.go(D),()=>{return});let j=b(R().locale),J=Math.max(1,Math.floor($.seconds??3)),Q=document.createElement(l4),z=Q.attachShadow({mode:"open"}),W=document.createElement("style");W.textContent=r4,z.append(W);let K=document.createElement("div");K.className="backdrop",K.innerHTML=`
192
196
  <div class="card" role="dialog" aria-modal="true" aria-labelledby="lw-ho-title">
193
- <svg class="ring" viewBox="0 0 52 52" aria-hidden="true">
194
- <circle class="track" cx="26" cy="26" r="22"></circle>
195
- <circle class="bar" cx="26" cy="26" r="22"></circle>
196
- </svg>
197
- <div class="count" aria-hidden="true"></div>
197
+ <div class="dial">
198
+ <svg class="ring" viewBox="0 0 52 52" aria-hidden="true">
199
+ <circle class="track" cx="26" cy="26" r="22"></circle>
200
+ <circle class="bar" cx="26" cy="26" r="22"></circle>
201
+ </svg>
202
+ <div class="count" aria-hidden="true"></div>
203
+ </div>
198
204
  <h2 id="lw-ho-title"></h2>
199
205
  <p class="body"></p>
200
206
  <p class="host"></p>
@@ -202,4 +208,4 @@ button:focus-visible { outline: 2px solid #0ea5e9; outline-offset: 2px; }
202
208
  <button type="button" class="cancel"></button>
203
209
  <button type="button" class="go"></button>
204
210
  </div>
205
- </div>`,z.append(K);let G=(I)=>K.querySelector(I),w=G(".card"),M=G(".bar"),U=G(".count"),D=G("h2"),C=G(".body"),R=G(".host"),N=G(".go"),q=G(".cancel");D.textContent=j.handoffTitle,C.textContent=j.handoffBody;try{R.textContent=new URL(S().host).host}catch{R.textContent=""}N.textContent=j.handoffGo,q.textContent=j.cancel,w.style.setProperty("--secs",`${J}s`),U.textContent=String(J),document.body.append(Q),requestAnimationFrame(()=>K.setAttribute("data-open","1"));let _=document.activeElement;return N.focus({preventScroll:!0}),new Promise((I)=>{let B=!1,y=null,t=!1,b=Date.now()+J*1000,h=window.setInterval(()=>{let O=Math.ceil((b-Date.now())/1000);if(U.textContent=String(Math.max(0,O)),Date.now()>=b)Q0()},100);function g(O){if(B)return;if(B=!0,window.clearInterval(h),document.removeEventListener("keydown",k,!0),K.removeAttribute("data-open"),window.setTimeout(()=>Q.remove(),200),!O)_?.focus?.({preventScroll:!0});I(O)}function Q0(){if(B||t)return;if(y)return g(y);window.clearInterval(h),U.textContent="",M.classList.add("spinner"),D.textContent=j.handoffPreparing}function k(O){if(O.key==="Escape")O.stopPropagation(),g(null)}document.addEventListener("keydown",k,!0),N.addEventListener("click",Q0),q.addEventListener("click",()=>g(null)),K.addEventListener("click",(O)=>{if(O.target===K)g(null)}),$.prepare().then((O)=>{if(y=O,!B&&Date.now()>=b)g(O)},()=>{t=!0,window.clearInterval(h),w.classList.add("error"),M.classList.remove("spinner"),M.style.animation="none",U.textContent="",D.textContent=j.handoffFailed,C.textContent=j.handoffBody,N.remove(),q.textContent=j.close})})}var n4="/sso";function t1($,j,J){let Q=new URL(n4,$.endsWith("/")?$:`${$}/`);return Q.searchParams.set("realm",j),Q.searchParams.set("token",J),Q.toString()}class F0 extends Error{constructor($="No identity provider is configured, or nobody is signed in"){super($);this.name="NoIdentityError"}}async function s1(){let $=S();if(!$.identity)throw new F0;let j=await $.identity();if(!j)throw new F0;return t1($.host,$.realmKey,j)}function a1($,j){if(j==="_blank")window.open($,"_blank","noopener,noreferrer");else window.location.assign($)}async function s4($={}){if($.announce===!1){a1(await s1(),$.target);return}let j=await n1({seconds:$.seconds,prepare:s1});if(j)a1(j,$.target)}export{h0 as trimToBudget,h1 as toCurl,t1 as supportPortalUrl,g0 as submitBundle,n as showToast,p4 as setErroredQueriesSource,d4 as requestPath,v as reporterStrings,c as redactUrl,d as redactLabel,i as redactHeaders,o as redactBody,s4 as openSupportPortal,S0 as onLaunch,O0 as onCrash,R0 as launch,c4 as isQuietStep,l1 as isFailedRequest,H0 as isConfigured,b4 as installDebugCapture,D4 as hasCause,f0 as getNetworkLog,q0 as getConsoleLog,S as getConfig,N0 as getActionTrail,o4 as formatDuration,E0 as errorSignature,_0 as emitCrash,b0 as defineReporterElement,v0 as createAnnotator,i4 as correlateActionTrail,Q2 as configureDebugCapture,T0 as captureScreen,C4 as bundleToMarkdown,I4 as bundleFileName,A0 as buildBundle,E as appInfo,I0 as actionCountSuffix,a as REPORTER_TAG,u as REDACTED,F0 as NoIdentityError,x0 as BUNDLE_BUDGET_BYTES};
211
+ </div>`,z.append(K);let G=(D)=>K.querySelector(D),H=G(".card"),U=G(".bar"),C=G(".count"),w=G("h2"),P=G(".body"),O=G(".host"),N=G(".go"),S=G(".cancel");w.textContent=j.handoffTitle,P.textContent=j.handoffBody;try{O.textContent=new URL(R().host).host}catch{O.textContent=""}N.textContent=j.handoffGo,S.textContent=j.cancel,H.style.setProperty("--secs",`${J}s`),C.textContent=String(J),document.body.append(Q),requestAnimationFrame(()=>K.setAttribute("data-open","1"));let _=document.activeElement;return N.focus({preventScroll:!0}),new Promise((D)=>{let q=!1,g=null,e=!1,u=Date.now()+J*1000,E=window.setInterval(()=>{let B=Math.ceil((u-Date.now())/1000);if(C.textContent=String(Math.max(0,B)),Date.now()>=u)L()},100);function p(B){if(q)return;if(q=!0,window.clearInterval(E),document.removeEventListener("keydown",m,!0),K.removeAttribute("data-open"),window.setTimeout(()=>Q.remove(),200),!B)_?.focus?.({preventScroll:!0});D()}function H0(B){window.clearInterval(E),U.classList.remove("spinner"),U.style.animation="none",C.textContent="",w.textContent=j.handoffBlocked,P.textContent=j.handoffBody;let k=document.createElement("a");k.className="go",k.href=B,k.target="_blank",k.rel="noopener noreferrer",k.textContent=j.handoffOpen,k.addEventListener("click",()=>p(!0)),N.replaceWith(k),k.focus({preventScroll:!0})}function L(){if(q||e)return;if(g)return $.go(g)?p(!0):H0(g);window.clearInterval(E),C.textContent="",U.classList.add("spinner"),w.textContent=j.handoffPreparing}function m(B){if(B.key==="Escape")B.stopPropagation(),p(!1)}document.addEventListener("keydown",m,!0),N.addEventListener("click",L),S.addEventListener("click",()=>p(!1)),K.addEventListener("click",(B)=>{if(B.target===K)p(!1)}),$.prepare().then((B)=>{if(g=B,!q&&Date.now()>=u)L()},()=>{e=!0,window.clearInterval(E),H.classList.add("error"),U.classList.remove("spinner"),U.style.animation="none",C.textContent="",w.textContent=j.handoffFailed,P.textContent=j.handoffBody,N.remove(),S.textContent=j.close})})}var s4="/sso";function e1($,j,J){let Q=new URL(s4,$.endsWith("/")?$:`${$}/`);return Q.searchParams.set("realm",j),Q.searchParams.set("token",J),Q.toString()}class F0 extends Error{constructor($="No identity provider is configured, or nobody is signed in"){super($);this.name="NoIdentityError"}}async function a1(){let $=R();if(!$.identity)throw new F0;let j=await $.identity();if(!j)throw new F0;return e1($.host,$.realmKey,j)}function t1($,j){if(j==="_self")return window.location.assign($),!0;return window.open($,"_blank","noopener,noreferrer")!==null}async function n4($={}){if($.announce===!1){t1(await a1(),$.target);return}await n1({seconds:$.seconds,prepare:a1,go:(j)=>t1(j,$.target)})}export{g0 as trimToBudget,g1 as toCurl,e1 as supportPortalUrl,p0 as submitBundle,n as showToast,p4 as setErroredQueriesSource,d4 as requestPath,b as reporterStrings,o as redactUrl,c as redactLabel,i as redactHeaders,l as redactBody,n4 as openSupportPortal,R0 as onLaunch,_0 as onCrash,O0 as launch,i4 as isQuietStep,r1 as isFailedRequest,U0 as isConfigured,b4 as installDebugCapture,D4 as hasCause,A0 as getNetworkLog,S0 as getConsoleLog,R as getConfig,B0 as getActionTrail,o4 as formatDuration,x0 as errorSignature,L0 as emitCrash,u0 as defineReporterElement,y0 as createAnnotator,c4 as correlateActionTrail,Q2 as configureDebugCapture,E0 as captureScreen,P4 as bundleToMarkdown,w4 as bundleFileName,k0 as buildBundle,x as appInfo,D0 as actionCountSuffix,t as REPORTER_TAG,d as REDACTED,F0 as NoIdentityError,h0 as BUNDLE_BUDGET_BYTES};
package/dist/portal.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare class NoIdentityError extends Error {
8
8
  constructor(message?: string);
9
9
  }
10
10
  export interface OpenPortalOptions {
11
- /** Where to open it. Same tab by default — see below. */
11
+ /** Where to open it. A new tab by default — see below. */
12
12
  target?: "_self" | "_blank";
13
13
  /**
14
14
  * Show the hand-off dialog first. Default true.
@@ -32,10 +32,14 @@ export interface OpenPortalOptions {
32
32
  * are when the token is fetched, so the click is answered by something on
33
33
  * screen instead of by a pause of unknown length.
34
34
  *
35
- * Same origin by default. A new tab is available but is not the default: the
36
- * point of this is that the support system owns the whole ticket experience,
37
- * and leaving the host app open behind it invites the two to disagree about
38
- * what a ticket says.
35
+ * A NEW TAB by default. Someone checking on a report is in the middle of
36
+ * something else — replacing the page they were working on costs them that
37
+ * place to answer a question that takes ten seconds. The support system still
38
+ * owns the whole ticket experience; it just does not have to take the tab.
39
+ *
40
+ * A tab opened after a countdown can be refused: the click's activation may
41
+ * have expired by the time it fires. The dialog handles that by offering a
42
+ * real link, which is a fresh gesture and cannot be blocked.
39
43
  *
40
44
  * With the dialog, a failure is REPORTED IN IT and this resolves; without it,
41
45
  * the error is thrown for the caller to handle. One of them has somewhere to
@@ -1,12 +1,16 @@
1
- export interface HandoffResult {
2
- /** True when the caller should navigate. */
3
- go: boolean;
4
- }
5
1
  export interface HandoffOptions {
6
2
  /** Seconds before it leaves on its own. */
7
3
  seconds?: number;
8
4
  /** Resolves to the URL to open, or rejects. Awaited under the countdown. */
9
5
  prepare: () => Promise<string>;
6
+ /**
7
+ * Do the navigating. False means the browser refused — a popup blocker.
8
+ *
9
+ * The dialog performs this rather than the caller, because it is the only
10
+ * one still on screen when it fails and therefore the only one that can offer
11
+ * a way through.
12
+ */
13
+ go: (url: string) => boolean;
10
14
  }
11
15
  /**
12
16
  * Show the hand-off and resolve with the URL to open, or null if the person
@@ -15,4 +19,4 @@ export interface HandoffOptions {
15
19
  * The work happens WHILE the countdown runs, so a click is answered instantly
16
20
  * by something on screen rather than by a pause of unknown length.
17
21
  */
18
- export declare function showHandoff(options: HandoffOptions): Promise<string | null>;
22
+ export declare function showHandoff(options: HandoffOptions): Promise<void>;
@@ -44,5 +44,7 @@ export interface Strings {
44
44
  handoffGo: string;
45
45
  handoffPreparing: string;
46
46
  handoffFailed: string;
47
+ handoffBlocked: string;
48
+ handoffOpen: string;
47
49
  }
48
50
  export declare function strings(locale: "th" | "en" | undefined): Strings;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lightworkai.official/debug-capture",
3
- "version": "0.8.0",
3
+ "version": "0.8.1",
4
4
  "description": "Report-a-problem widget: rolling network/console/action capture, annotated screenshot, and submission to a Lightwork Support host",
5
5
  "type": "module",
6
6
  "module": "./dist/index.mjs",
package/src/portal.ts CHANGED
@@ -40,7 +40,7 @@ export class NoIdentityError extends Error {
40
40
  }
41
41
 
42
42
  export interface OpenPortalOptions {
43
- /** Where to open it. Same tab by default — see below. */
43
+ /** Where to open it. A new tab by default — see below. */
44
44
  target?: "_self" | "_blank";
45
45
  /**
46
46
  * Show the hand-off dialog first. Default true.
@@ -66,9 +66,16 @@ async function prepareUrl(): Promise<string> {
66
66
  return supportPortalUrl(config.host, config.realmKey, token);
67
67
  }
68
68
 
69
- function navigate(url: string, target: OpenPortalOptions["target"]): void {
70
- if (target === "_blank") window.open(url, "_blank", "noopener,noreferrer");
71
- else window.location.assign(url);
69
+ /** False when the browser refused — a popup blocker, almost always. */
70
+ function navigate(url: string, target: OpenPortalOptions["target"]): boolean {
71
+ if (target === "_self") {
72
+ window.location.assign(url);
73
+ return true;
74
+ }
75
+ // noopener: the new tab gets no handle back to the host page. noreferrer:
76
+ // and no Referer either, because the URL it is being sent to has a
77
+ // credential in it.
78
+ return window.open(url, "_blank", "noopener,noreferrer") !== null;
72
79
  }
73
80
 
74
81
  /**
@@ -83,10 +90,14 @@ function navigate(url: string, target: OpenPortalOptions["target"]): void {
83
90
  * are when the token is fetched, so the click is answered by something on
84
91
  * screen instead of by a pause of unknown length.
85
92
  *
86
- * Same origin by default. A new tab is available but is not the default: the
87
- * point of this is that the support system owns the whole ticket experience,
88
- * and leaving the host app open behind it invites the two to disagree about
89
- * what a ticket says.
93
+ * A NEW TAB by default. Someone checking on a report is in the middle of
94
+ * something else — replacing the page they were working on costs them that
95
+ * place to answer a question that takes ten seconds. The support system still
96
+ * owns the whole ticket experience; it just does not have to take the tab.
97
+ *
98
+ * A tab opened after a countdown can be refused: the click's activation may
99
+ * have expired by the time it fires. The dialog handles that by offering a
100
+ * real link, which is a fresh gesture and cannot be blocked.
90
101
  *
91
102
  * With the dialog, a failure is REPORTED IN IT and this resolves; without it,
92
103
  * the error is thrown for the caller to handle. One of them has somewhere to
@@ -97,7 +108,9 @@ export async function openSupportPortal(options: OpenPortalOptions = {}): Promis
97
108
  navigate(await prepareUrl(), options.target);
98
109
  return;
99
110
  }
100
- const url = await showHandoff({ seconds: options.seconds, prepare: prepareUrl });
101
- // Null means they backed out, or it failed and the dialog said so.
102
- if (url) navigate(url, options.target);
111
+ await showHandoff({
112
+ seconds: options.seconds,
113
+ prepare: prepareUrl,
114
+ go: (url) => navigate(url, options.target),
115
+ });
103
116
  }
package/src/ui/handoff.ts CHANGED
@@ -46,7 +46,10 @@ const CSS = `
46
46
  }
47
47
  .backdrop[data-open="1"] .card { transform: none; opacity: 1; }
48
48
 
49
- .ring { display: block; margin: 0 auto 14px; width: 56px; height: 56px; }
49
+ /* The number is centred by the box, not by a margin guessed against the
50
+ font's line-height — Thai and Latin digits do not share one. */
51
+ .dial { position: relative; width: 56px; height: 56px; margin: 0 auto 14px; }
52
+ .ring { display: block; width: 100%; height: 100%; }
50
53
  .ring circle { fill: none; stroke-width: 4; stroke-linecap: round; }
51
54
  .ring .track { stroke: #e2e8f0; }
52
55
  .ring .bar {
@@ -56,8 +59,9 @@ const CSS = `
56
59
  }
57
60
  @keyframes deplete { to { stroke-dashoffset: ${RING}; } }
58
61
  .count {
59
- position: relative; margin-top: -42px; margin-bottom: 20px;
60
- font-size: 18px; font-weight: 600; color: #0f172a; font-variant-numeric: tabular-nums;
62
+ position: absolute; inset: 0; display: grid; place-items: center;
63
+ font-size: 18px; font-weight: 600; color: #0f172a;
64
+ font-variant-numeric: tabular-nums; line-height: 1;
61
65
  }
62
66
 
63
67
  /* The spinner replaces the ring once the countdown is over but the token has
@@ -93,16 +97,19 @@ button:focus-visible { outline: 2px solid #0ea5e9; outline-offset: 2px; }
93
97
  }
94
98
  `;
95
99
 
96
- export interface HandoffResult {
97
- /** True when the caller should navigate. */
98
- go: boolean;
99
- }
100
-
101
100
  export interface HandoffOptions {
102
101
  /** Seconds before it leaves on its own. */
103
102
  seconds?: number;
104
103
  /** Resolves to the URL to open, or rejects. Awaited under the countdown. */
105
104
  prepare: () => Promise<string>;
105
+ /**
106
+ * Do the navigating. False means the browser refused — a popup blocker.
107
+ *
108
+ * The dialog performs this rather than the caller, because it is the only
109
+ * one still on screen when it fails and therefore the only one that can offer
110
+ * a way through.
111
+ */
112
+ go: (url: string) => boolean;
106
113
  }
107
114
 
108
115
  /**
@@ -112,8 +119,10 @@ export interface HandoffOptions {
112
119
  * The work happens WHILE the countdown runs, so a click is answered instantly
113
120
  * by something on screen rather than by a pause of unknown length.
114
121
  */
115
- export function showHandoff(options: HandoffOptions): Promise<string | null> {
116
- if (typeof document === "undefined") return options.prepare().then((u) => u, () => null);
122
+ export function showHandoff(options: HandoffOptions): Promise<void> {
123
+ if (typeof document === "undefined") {
124
+ return options.prepare().then((u) => void options.go(u), () => undefined);
125
+ }
117
126
 
118
127
  const t = strings(getConfig().locale);
119
128
  const seconds = Math.max(1, Math.floor(options.seconds ?? 3));
@@ -128,11 +137,13 @@ export function showHandoff(options: HandoffOptions): Promise<string | null> {
128
137
  backdrop.className = "backdrop";
129
138
  backdrop.innerHTML = `
130
139
  <div class="card" role="dialog" aria-modal="true" aria-labelledby="lw-ho-title">
131
- <svg class="ring" viewBox="0 0 52 52" aria-hidden="true">
132
- <circle class="track" cx="26" cy="26" r="22"></circle>
133
- <circle class="bar" cx="26" cy="26" r="22"></circle>
134
- </svg>
135
- <div class="count" aria-hidden="true"></div>
140
+ <div class="dial">
141
+ <svg class="ring" viewBox="0 0 52 52" aria-hidden="true">
142
+ <circle class="track" cx="26" cy="26" r="22"></circle>
143
+ <circle class="bar" cx="26" cy="26" r="22"></circle>
144
+ </svg>
145
+ <div class="count" aria-hidden="true"></div>
146
+ </div>
136
147
  <h2 id="lw-ho-title"></h2>
137
148
  <p class="body"></p>
138
149
  <p class="host"></p>
@@ -172,7 +183,7 @@ export function showHandoff(options: HandoffOptions): Promise<string | null> {
172
183
  const restoreFocus = document.activeElement as HTMLElement | null;
173
184
  goBtn.focus({ preventScroll: true });
174
185
 
175
- return new Promise<string | null>((resolve) => {
186
+ return new Promise<void>((resolve) => {
176
187
  let settled = false;
177
188
  let url: string | null = null;
178
189
  let failed = false;
@@ -184,7 +195,7 @@ export function showHandoff(options: HandoffOptions): Promise<string | null> {
184
195
  if (Date.now() >= endsAt) leave();
185
196
  }, 100);
186
197
 
187
- function close(result: string | null) {
198
+ function close(left: boolean) {
188
199
  if (settled) return;
189
200
  settled = true;
190
201
  window.clearInterval(tick);
@@ -192,14 +203,41 @@ export function showHandoff(options: HandoffOptions): Promise<string | null> {
192
203
  backdrop.removeAttribute("data-open");
193
204
  // Let the fade finish before the node goes, or cancelling snaps.
194
205
  window.setTimeout(() => host.remove(), 200);
195
- if (!result) restoreFocus?.focus?.({ preventScroll: true });
196
- resolve(result);
206
+ if (!left) restoreFocus?.focus?.({ preventScroll: true });
207
+ resolve();
208
+ }
209
+
210
+ /**
211
+ * The browser refused to open the tab.
212
+ *
213
+ * Almost always a popup blocker: a new tab opened three seconds after the
214
+ * click may be outside the activation the click granted. Rather than
215
+ * silently doing nothing — or hijacking the tab they are in, which is the
216
+ * thing this was changed to stop doing — offer a real link. A click on an
217
+ * anchor is a fresh gesture and is never blocked.
218
+ */
219
+ function blocked(url: string) {
220
+ window.clearInterval(tick);
221
+ bar.classList.remove("spinner");
222
+ bar.style.animation = "none";
223
+ count.textContent = "";
224
+ title.textContent = t.handoffBlocked;
225
+ body.textContent = t.handoffBody;
226
+ const link = document.createElement("a");
227
+ link.className = "go";
228
+ link.href = url;
229
+ link.target = "_blank";
230
+ link.rel = "noopener noreferrer";
231
+ link.textContent = t.handoffOpen;
232
+ link.addEventListener("click", () => close(true));
233
+ goBtn.replaceWith(link);
234
+ link.focus({ preventScroll: true });
197
235
  }
198
236
 
199
237
  /** Go, or wait for the token if it is not here yet. */
200
238
  function leave() {
201
239
  if (settled || failed) return;
202
- if (url) return close(url);
240
+ if (url) return options.go(url) ? close(true) : blocked(url);
203
241
  window.clearInterval(tick);
204
242
  count.textContent = "";
205
243
  bar.classList.add("spinner");
@@ -209,24 +247,24 @@ export function showHandoff(options: HandoffOptions): Promise<string | null> {
209
247
  function onKey(e: KeyboardEvent) {
210
248
  if (e.key === "Escape") {
211
249
  e.stopPropagation();
212
- close(null);
250
+ close(false);
213
251
  }
214
252
  }
215
253
  document.addEventListener("keydown", onKey, true);
216
254
 
217
255
  goBtn.addEventListener("click", leave);
218
- cancelBtn.addEventListener("click", () => close(null));
256
+ cancelBtn.addEventListener("click", () => close(false));
219
257
  // The backdrop, but not the card — a click that lands on the dialog itself
220
258
  // is not a click outside it.
221
259
  backdrop.addEventListener("click", (e) => {
222
- if (e.target === backdrop) close(null);
260
+ if (e.target === backdrop) close(false);
223
261
  });
224
262
 
225
263
  options.prepare().then(
226
264
  (ready) => {
227
265
  url = ready;
228
266
  // The countdown already ran out and is waiting on exactly this.
229
- if (!settled && Date.now() >= endsAt) close(ready);
267
+ if (!settled && Date.now() >= endsAt) leave();
230
268
  },
231
269
  () => {
232
270
  failed = true;
package/src/ui/strings.ts CHANGED
@@ -44,6 +44,8 @@ export interface Strings {
44
44
  handoffGo: string;
45
45
  handoffPreparing: string;
46
46
  handoffFailed: string;
47
+ handoffBlocked: string;
48
+ handoffOpen: string;
47
49
  }
48
50
 
49
51
  const th: Strings = {
@@ -83,6 +85,8 @@ const th: Strings = {
83
85
  handoffGo: "ไปเลย",
84
86
  handoffPreparing: "กำลังเตรียม…",
85
87
  handoffFailed: "เปิดรายการที่แจ้งไว้ไม่สำเร็จ",
88
+ handoffBlocked: "เบราว์เซอร์บล็อกการเปิดแท็บใหม่",
89
+ handoffOpen: "เปิดในแท็บใหม่",
86
90
  };
87
91
 
88
92
  const en: Strings = {
@@ -122,6 +126,8 @@ const en: Strings = {
122
126
  handoffGo: "Go now",
123
127
  handoffPreparing: "Preparing…",
124
128
  handoffFailed: "Could not open your reports",
129
+ handoffBlocked: "Your browser blocked the new tab",
130
+ handoffOpen: "Open in a new tab",
125
131
  };
126
132
 
127
133
  export function strings(locale: "th" | "en" | undefined): Strings {