@lightworkai.official/debug-capture 0.15.0 → 0.17.0
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 +46 -0
- package/dist/config.d.ts +13 -0
- package/dist/debug-capture.js +10 -7
- package/dist/index.d.ts +2 -0
- package/dist/index.mjs +16 -13
- package/dist/ink.d.ts +102 -0
- package/dist/ui/callFrame.d.ts +50 -0
- package/dist/ui/inkOverlay.d.ts +18 -0
- package/dist/ui/ring.d.ts +6 -0
- package/package.json +1 -1
- package/src/config.ts +14 -0
- package/src/index.ts +3 -0
- package/src/ink.ts +386 -0
- package/src/live.ts +71 -7
- package/src/ui/callFrame.ts +272 -0
- package/src/ui/inkOverlay.ts +59 -0
- package/src/ui/ring.ts +10 -0
package/README.md
CHANGED
|
@@ -196,6 +196,9 @@ knowing before you ship:
|
|
|
196
196
|
path segment.
|
|
197
197
|
- **`ring`** — a call from the support team rings in your app (see below).
|
|
198
198
|
Default `true`; `false` leaves calls to the support host.
|
|
199
|
+
- **`callFrame`** — the call itself happens in your app, in the support host's
|
|
200
|
+
own call UI (0.16, see below). Default `true`; `false` keeps 0.15's card that
|
|
201
|
+
opens the portal to answer.
|
|
199
202
|
|
|
200
203
|
## The other half: letting people track what they reported
|
|
201
204
|
|
|
@@ -366,6 +369,49 @@ configureDebugCapture({ /* … */, ring: false });
|
|
|
366
369
|
A host that renders its own UI (`installDebugCapture({ ui: false })`) can start
|
|
367
370
|
and stop it itself with `startLiveRing()` / `stopLiveRing()`.
|
|
368
371
|
|
|
372
|
+
### …and the call happens here too (0.16)
|
|
373
|
+
|
|
374
|
+
Answering no longer leaves your app. When a call rings, the support host's own
|
|
375
|
+
call — the same ring card, call corner, screen-sharing question and voice
|
|
376
|
+
settings its portal shows — opens in a frame in your page, signed in with the
|
|
377
|
+
token your `identity` already provides. The person answers, talks, shows their
|
|
378
|
+
screen (Chrome and Edge share "this tab" in one press) and changes their
|
|
379
|
+
microphone without a new tab; the corner can be dragged anywhere and goes when
|
|
380
|
+
the call ends. While the frame comes up the 0.15 card is there, and if the frame
|
|
381
|
+
cannot come up it stays: **เปิดเพื่อรับสาย** still answers on the portal.
|
|
382
|
+
|
|
383
|
+
What your app must allow — usually nothing, because most apps set none of these:
|
|
384
|
+
|
|
385
|
+
- **Framing the support host**: no `frame-src` / `child-src` in your
|
|
386
|
+
Content-Security-Policy that leaves out the support host's origin.
|
|
387
|
+
- **The microphone, camera and screen in a frame**: no `Permissions-Policy` that
|
|
388
|
+
forbids `microphone`, `camera` or `display-capture` to the support host (the
|
|
389
|
+
frame asks for them with `allow=`; your page's own policy has the last word).
|
|
390
|
+
|
|
391
|
+
To keep 0.15's way — the card, and the portal to answer:
|
|
392
|
+
|
|
393
|
+
```ts
|
|
394
|
+
configureDebugCapture({ /* … */, callFrame: false });
|
|
395
|
+
```
|
|
396
|
+
|
|
397
|
+
### …and the team can point at your page (0.17)
|
|
398
|
+
|
|
399
|
+
When the person shares this tab with the team (the call offers this tab first),
|
|
400
|
+
the team can point at it, draw on it and box part of it (ชี้ · วาด · กรอบ) while
|
|
401
|
+
watching, and the marks appear on your page, where the person is working. They
|
|
402
|
+
fade by themselves within a few seconds, and ล้าง clears them at once. They are
|
|
403
|
+
only marks: drawn on one layer over the page that takes no clicks (every press
|
|
404
|
+
reaches your app), never sent to your app's code, and left out of any report
|
|
405
|
+
filed meanwhile. They go when the share or the call ends.
|
|
406
|
+
|
|
407
|
+
To know that the shared tab is this one, the widget names the tab for the call
|
|
408
|
+
while it is open (Chrome's and Edge's Capture Handle), readable only by the
|
|
409
|
+
support host. If the person shares another tab, a window or the whole screen,
|
|
410
|
+
nothing is drawn here, and the team is told that only they see the marks.
|
|
411
|
+
|
|
412
|
+
Nothing to configure. Hosts on 0.16 still get the call; only the marks are
|
|
413
|
+
missing there.
|
|
414
|
+
|
|
369
415
|
|
|
370
416
|
## Installing
|
|
371
417
|
|
package/dist/config.d.ts
CHANGED
|
@@ -150,6 +150,19 @@ export interface DebugCaptureConfig {
|
|
|
150
150
|
* calls to the support host and the invitation the team sends.
|
|
151
151
|
*/
|
|
152
152
|
ring?: boolean;
|
|
153
|
+
/**
|
|
154
|
+
* The call itself, in this app. Default true (0.16).
|
|
155
|
+
*
|
|
156
|
+
* When a call rings, the support host's own call — its ring card, its call
|
|
157
|
+
* corner, its screen-sharing question, its voice settings — opens in a frame
|
|
158
|
+
* in this page, signed in with the same token the portal button uses: the
|
|
159
|
+
* reporter answers, talks and shows their screen without leaving the app.
|
|
160
|
+
* The frame needs nothing of the host but leave to frame the support host and
|
|
161
|
+
* to give it the microphone, camera and screen (no `frame-src` or
|
|
162
|
+
* `Permissions-Policy` that forbids them). Should the frame not come up, the
|
|
163
|
+
* card of 0.15 carries the call: open the portal to answer. `false`: always that.
|
|
164
|
+
*/
|
|
165
|
+
callFrame?: boolean;
|
|
153
166
|
/**
|
|
154
167
|
* Where this library's own notifications go.
|
|
155
168
|
*
|
package/dist/debug-capture.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(()=>{var U4=((z)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(z,{get:(J,$)=>(typeof require<"u"?require:J)[$]}):z)(function(z){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+z+'" is not supported')});var M4={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},h=null;function A1(z){let J=[];if(!z.host?.trim())J.push("host");if(!z.realmKey?.trim())J.push("realmKey");if(!z.app?.name?.trim())J.push("app.name");if(typeof z.module!=="function")J.push("module");if(J.length)throw Error(`[debug-capture] configureDebugCapture is missing: ${J.join(", ")}. `+"See the README — `module` maps a pathname to the part of your app it belongs to.");h=z}function B(){if(!h)throw Error("[debug-capture] configureDebugCapture() has not been called");return h}function h0(){return h!==null}function o(){let z=B().app;return{name:z.name,version:z.version??"0.0.0",environment:z.environment??q4()}}function q4(){if(typeof window>"u")return"unknown";let z=window.location.hostname;if(z==="localhost"||z==="127.0.0.1"||z.endsWith(".local"))return"development";return"production"}function e(z){let J=h?.capture?.[z];return typeof J==="number"?J:M4[z]}function b0(z){let J=h?.module;if(!J)return null;try{return J(z)??null}catch{return null}}function g0(){let z=h?.redact;return{headers:z?.headers??[],queryKeys:(z?.queryKeys??[]).map((J)=>J.toLowerCase()),bodyKeys:(z?.bodyKeys??[]).map((J)=>J.toLowerCase())}}function L1(){return h?.capture?.overlaySelectors??[]}var D4='[contenteditable]:not([contenteditable="false"]), [data-lw-mask]',I4="[data-lw-mask]",k1={fps:1,quality:0.5};function N0(){let z=h?.replay;if(!z)return null;let J=z===!0?{}:z,$=(Z,W)=>typeof Z==="number"&&Z>0?Z:W,j=J.maskInputs!==!1,Q=J.recordCanvas?{fps:$(typeof J.recordCanvas==="object"?J.recordCanvas.fps:void 0,k1.fps),quality:$(typeof J.recordCanvas==="object"?J.recordCanvas.quality:void 0,k1.quality)}:null;return{seconds:$(J.seconds,60),maskInputs:j,maskTextSelector:J.maskTextSelector?.trim()||(j?D4:I4),maskText:J.maskText===!0,blockSelector:J.blockSelector?.trim()||"[data-lw-private]",maxBytes:$(J.maxBytes,4000000),canvas:Q}}function T1(z){if(typeof window>"u")return!1;let J;try{J=new URL(z,window.location.href)}catch{return!1}if(N4(J))return!1;if(J.origin===window.location.origin)return!0;return(h?.capture?.bodyOrigins??[]).some(($)=>{try{return new URL($).origin===J.origin}catch{return!1}})}function N4(z){if(!h?.host)return!1;try{if(new URL(h.host).origin!==z.origin)return!1}catch{return!1}return z.pathname.startsWith("/ingest/")}function f1(z){let J=Object.entries(z).map(([$,j])=>[$.replace(/\/+$/,"")||"/",j]).sort(($,j)=>j[0].length-$[0].length);return($)=>{let j=($||"/").replace(/\/+$/,"")||"/";for(let[Q,Z]of J)if(j===Q||j.startsWith(`${Q}/`))return{key:Q,label:Z};return null}}var B0="‹redacted›",B4=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,x4=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),C4=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,w4=/[\w.+-]+@[\w-]+\.[\w.-]+/g,O4=/\d(?:[\d\s-]{7,})\d/g;function x0(z){return z.replace(w4,B0).replace(O4,B0)}function _4(z){if(B4.test(z))return!0;return g0().headers.some(($)=>$.toLowerCase()===z.toLowerCase())}function C0(z){let J={};for(let[$,j]of Object.entries(z))J[$]=_4($)?B0:j;return J}function z0(z){try{let J=/^https?:\/\//i.test(z),$=new URL(z,J?void 0:"http://local.invalid"),j=!1;if($.searchParams.forEach((Q,Z)=>{if(x4.has(Z.toLowerCase())||g0().queryKeys.includes(Z.toLowerCase()))$.searchParams.set(Z,B0),j=!0}),!j)return z;return J?$.toString():`${$.pathname}${$.search}`}catch{return z}}function J1(z,J){if(J>6||z===null||typeof z!=="object")return z;if(Array.isArray(z))return z.map((j)=>J1(j,J+1));let $={};for(let[j,Q]of Object.entries(z)){let Z=C4.test(j)||g0().bodyKeys.some((W)=>j.toLowerCase().includes(W));$[j]=Z?B0:J1(Q,J+1)}return $}function w0(z,J){if(z==null)return null;let $=z,j=z.trim();if(j.startsWith("{")||j.startsWith("["))try{let Q=JSON.parse(j);$=JSON.stringify(J1(Q,0))}catch{}if($.length>J)return`${$.slice(0,J)}… [truncated ${$.length-J} chars]`;return $}var $1=120,j1=40,H0=(z,J)=>z.length>J?`${z.slice(0,J)}…`:z,Q1=(z)=>{try{return decodeURIComponent(z)}catch{return z}},F0=[],E1=0,m1=!1;function O0(z,J,$,j){let Q=H0(J,$1),Z=F0[F0.length-1];if(z==="navigate"&&Z?.kind==="click"){let X=Q.replace(/^ไปที่\s*/,"");if(Z.detail.includes(`→ ${X}`))return Z.at=new Date().toISOString(),Z;let H=X.split(/[?#]/)[0]??X,U=Z.source?Q1(Z.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(U&&(H===U||H.startsWith(U)))return Z.detail=H0(`${Z.detail} → ${X}`,$1),Z.source=void 0,Z.at=new Date().toISOString(),Z}if(Z&&Z.kind===z&&Z.detail===Q){if(Z.at=new Date().toISOString(),z!=="navigate")Z.count=(Z.count??1)+1;return Z}E1+=1;let W={id:`act_${E1}`,at:new Date().toISOString(),kind:z,detail:Q,count:1,source:$,html:y0(j)};F0.push(W);while(F0.length>e("maxActions"))R4(F0.shift());return W}var S4=200000,_0=0;function y0(z){if(!z)return;if(_0+z.length>S4)return;return _0+=z.length,z}function R4(z){if(!z)return;if(_0-=(z.html?.length??0)+(z.afterHtml?.length??0),_0<0)_0=0}function v0(z){return z instanceof Element&&Boolean(z.closest("[data-debug-reporter]"))}var k4='button, a[href], [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="link"], summary, input, select, textarea',A4={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},h1={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function L4(z){let J=z.getAttribute("role");if(J&&h1[J])return h1[J];return A4[z.tagName.toLowerCase()]??"ปุ่ม"}function T4(z,J){try{let $=z,j=0;while($&&j<=J){let Q=u1($);if(Q&&typeof Q.memoizedProps?.onClick==="function")return $;$=$.parentElement,j+=1}}catch{}return null}function f4(z){let J=z.getAttribute("aria-label")?.trim();if(J)return J;let $=z.getAttribute("title")?.trim();if($)return $;if(z instanceof HTMLInputElement||z instanceof HTMLTextAreaElement||z instanceof HTMLSelectElement)return(z.getAttribute("placeholder")||z.getAttribute("name")||"").trim();if(z instanceof HTMLImageElement)return(z.getAttribute("alt")||"").trim();let j=(z.textContent??"").replace(/\s+/g," ").trim();if(j)return j;if(z instanceof HTMLAnchorElement){let Q=z.getAttribute("href");if(Q?.startsWith("/"))return Q1(Q)}return""}function E4(z){if(!(z instanceof Element))return null;let J=z.closest(k4)??T4(z,4);if(!J)return null;let $=J.tagName.toLowerCase();if($==="html"||$==="body")return null;return J}function m4(z){let J=x0(f4(z));if(!J)return null;return`${L4(z)} “${H0(J,j1)}”`}var p1=6000,h4=4000,b4=/(?:^|\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 g4(z){z.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((Q)=>Q.remove());let J=[z,...Array.from(z.querySelectorAll("*"))];for(let Q of J){for(let W of Array.from(Q.attributes)){let X=W.name.toLowerCase();if(X.startsWith("on")||X==="srcdoc"||X==="value"||X.startsWith("data-"))Q.removeAttribute(W.name)}if(Q instanceof HTMLAnchorElement)Q.setAttribute("href","#");if(Q instanceof HTMLImageElement)Q.removeAttribute("src");let Z=Q.getAttribute("class");if(Z){let W=Z.replace(b4," ").replace(/\s+/g," ").trim();if(W)Q.setAttribute("class",W);else Q.removeAttribute("class")}}let $=document.createTreeWalker(z,NodeFilter.SHOW_TEXT),j=$.nextNode();while(j){if(j.nodeValue)j.nodeValue=x0(j.nodeValue);j=$.nextNode()}}function Z1(z,J,$){try{let j=z.outerHTML;if(!j||j.length>J)return;let Q=z.cloneNode(!0);g4(Q);let Z=Q.outerHTML;return Z&&Z.length<=$?Z:void 0}catch{return}}var v4=(z)=>Z1(z,p1,h4),y4=150000,p4=40000,b1=(z)=>Z1(z,y4,p4);function u4(z){if(!(z instanceof HTMLInputElement)&&!(z instanceof HTMLTextAreaElement)&&!(z instanceof HTMLSelectElement))return null;let J=z.name||z.id||z.getAttribute("aria-label")||z.getAttribute("placeholder")||z.tagName.toLowerCase();return`ช่อง “${x0(J)}”`}var g1=80;function u1(z){let J=Object.keys(z).find(($)=>$.startsWith("__reactFiber$")||$.startsWith("__reactInternalInstance$"));return J?z[J]:null}function d4(z){if(typeof z!=="function")return null;try{let J=Function.prototype.toString.call(z);return(J.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??J.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function v1(z){if(!z)return;return`→ ${z.length>g1?`${z.slice(0,g1)}…`:z}`}function i4(z){try{let J=z.closest("a[href]")?.getAttribute("href");if(J&&J.startsWith("/"))return v1(J);let $=u1(z),j=0;while($&&j<30){if(typeof $.memoizedProps?.onClick==="function")return v1(d4($.memoizedProps.onClick));$=$.return,j+=1}return}catch{return}}var c4='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function l4(){let z=L1();return z.length?z.join(", "):c4}function o4(z){let J=z.getAttribute("role");if(J==="status"||J==="alert")return"ข้อความแจ้งเตือน";if(J==="menu")return"เมนู";if(J==="listbox")return"รายการตัวเลือก";if(J==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function r4(z){let J=z.getAttribute("aria-label")?.trim();if(J)return J;let $=z.getAttribute("aria-labelledby");if($){let Z=$.split(/\s+/).map((W)=>document.getElementById(W)?.textContent?.trim()??"").filter(Boolean).join(" ");if(Z)return Z}let Q=z.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(Q)return Q;return(z.textContent??"").replace(/\s+/g," ").trim()}function d1(z){let J=x0(r4(z)),$=o4(z);return J?`เปิด ${$} “${H0(J,j1)}”`:`เปิด ${$}`}var n4='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',s4=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function a4(z){if(z.querySelector(n4))return!0;return s4.test(z.textContent??"")}var t4=400,e4=250,z6=8000;function J6(z,J){if(typeof MutationObserver>"u"){J.html=y0(b1(z));return}let $=Date.now(),j=!1,Q=()=>{j=!0,W.disconnect(),window.clearInterval(X),window.clearTimeout(H)},Z=()=>{if(j)return;if(Q(),!z.isConnected)return;J.detail=H0(d1(z),$1),J.html=y0(b1(z))},W=new MutationObserver(()=>{$=Date.now()});W.observe(z,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let X=window.setInterval(()=>{if(j)return;if(!z.isConnected){Q();return}if(Date.now()-$>=t4&&!a4(z))Z()},e4),H=window.setTimeout(Z,z6)}function $6(z){if(v0(z))return;let J=O0("ui",d1(z));if(J)J6(z,J)}function j6(){if(typeof MutationObserver>"u")return;let z=new WeakSet;new MutationObserver(($)=>{for(let j of $)for(let Q of Array.from(j.addedNodes)){if(!(Q instanceof Element))continue;let Z=l4(),W=Q.matches(Z)?[Q]:Array.from(Q.querySelectorAll(Z));for(let X of W){if(z.has(X))continue;z.add(X),$6(X)}}}).observe(document.body,{childList:!0,subtree:!0})}var Q6=1600,Z6=2500;function y1(z){return{disabled:z.hasAttribute("disabled")||z.getAttribute("aria-disabled")==="true",busy:z.getAttribute("aria-busy")==="true",text:H0((z.textContent??"").replace(/\s+/g," ").trim(),j1)}}function K6(z,J){if(!z.disabled&&J.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!z.busy&&J.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if(z.text!==J.text&&J.text)return`ข้อความเปลี่ยนเป็น “${J.text}”`;return null}function W6(z,J){if(typeof MutationObserver>"u")return;let $=y1(z),j=!1,Q=(X,H)=>{if(j)return;if(j=!0,Z.disconnect(),window.clearTimeout(W),J.afterNote=X,H)J.afterHtml=y0(Z1(z,p1,Z6))},Z=new MutationObserver(()=>{if(!z.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}let X=K6($,y1(z));if(X)Q(X,!0)});Z.observe(z,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let W=window.setTimeout(()=>{if(!j&&!z.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}j=!0,Z.disconnect()},Q6)}function i1(){if(m1||typeof window>"u")return;m1=!0,document.addEventListener("click",(j)=>{if(v0(j.target))return;let Q=E4(j.target);if(!Q)return;let Z=m4(Q);if(!Z)return;let W=O0("click",`คลิก ${Z}`,i4(Q),v4(Q));if(W)W6(Q,W)},{capture:!0,passive:!0}),document.addEventListener("change",(j)=>{if(v0(j.target))return;let Q=u4(j.target);if(Q)O0("input",`แก้ไข ${Q}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(j)=>{if(v0(j.target))return;O0("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let z=()=>O0("navigate",`ไปที่ ${Q1(z0(location.pathname+location.search))}`),J=history.pushState.bind(history),$=history.replaceState.bind(history);history.pushState=(...j)=>{let Q=J(...j);return z(),Q},history.replaceState=(...j)=>{let Q=$(...j);return z(),Q},window.addEventListener("popstate",z),j6()}function c1(){return F0.map((z)=>({...z}))}var l1=2000,p0=[],o1=0,r1=!1;function K1(z,J){o1+=1,p0.push({id:`log_${o1}`,at:new Date().toISOString(),level:z,message:J.length>l1?`${J.slice(0,l1)}…`:J});while(p0.length>e("maxConsoleEntries"))p0.shift()}function V6(){let z=new WeakSet;return(J,$)=>{if(typeof $==="object"&&$!==null){if(z.has($))return"[Circular]";z.add($)}if(typeof $==="bigint")return $.toString();return $}}function n1(z){if(typeof z==="string")return z;if(z instanceof Error)return`${z.name}: ${z.message}`;try{let J=JSON.stringify(z,V6());if(J!==void 0)return J}catch{}try{return String(z)}catch{}try{return Object.prototype.toString.call(z)}catch{return`[${typeof z}]`}}function s1(){if(r1||typeof window>"u")return;r1=!0;let z=["log","info","warn","error","debug"];for(let J of z){let $=console[J].bind(console);console[J]=(...j)=>{K1(J,j.map(n1).join(" ")),$(...j)}}window.addEventListener("error",(J)=>{let $=J.filename?` (${J.filename}:${J.lineno}:${J.colno})`:"";K1("exception",`${J.message}${$}`)}),window.addEventListener("unhandledrejection",(J)=>{let $=J.reason instanceof Error?`${J.reason.name}: ${J.reason.message}`:n1(J.reason);K1("unhandledrejection",$)})}function a1(){return p0.map((z)=>({...z}))}var t1=new Set,e1=new Set;function z2(z,J){return z.add(J),()=>z.delete(J)}function J2(z,J){for(let $ of[...z])$(J)}function $2(z){return z2(t1,z)}function u0(z={type:"manual"}){J2(t1,z)}function j2(z){return z2(e1,z)}function Q2(z){J2(e1,z)}var Y6=15000,X6=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],Z2=!1,K2=0;function G6(z){return X6.some((J)=>z.includes(J))}function W2(z){let J=z.message??"";if(!J||G6(J))return;let $=Date.now();if($-K2<Y6)return;K2=$,Q2({...z,message:J})}function V2(){if(Z2||typeof window>"u")return;Z2=!0,window.addEventListener("error",(z)=>{if(!z.message&&!z.error)return;let J=z.error instanceof Error?z.error:null;W2({type:"runtime-error",message:z.message||(J?J.message:"Unknown error"),stack:J?.stack})}),window.addEventListener("unhandledrejection",(z)=>{let J=z.reason;W2({type:"unhandledrejection",message:J instanceof Error?J.message:String(J),stack:J instanceof Error?J.stack:void 0})})}var F2=4000,F6=1e6,H6=1e7,d0=[],Y2=0,X2=!1;function H2(z){d0.push(z);while(d0.length>e("maxRequests"))d0.shift()}function P2(){return Y2+=1,`req_${Y2}`}function G2(z){let J={};if(!z)return J;if(z instanceof Headers)z.forEach(($,j)=>{J[j]=$});else if(Array.isArray(z))for(let[$,j]of z)J[$]=j;else Object.assign(J,z);return J}function P6(z){let J={};return z.forEach(($,j)=>{J[j]=$}),J}function U6(z){if(z==null)return null;if(typeof z==="string")return z;if(z instanceof URLSearchParams)return z.toString();if(typeof FormData<"u"&&z instanceof FormData)return`[FormData: ${Array.from(z.keys()).join(", ")}]`;if(typeof Blob<"u"&&z instanceof Blob)return`[Blob ${z.size} bytes]`;if(z instanceof ArrayBuffer)return`[ArrayBuffer ${z.byteLength} bytes]`;return"[binary]"}function M6(z,J){let $="",j="GET",Q={},Z=null;if(typeof z==="string")$=z;else if(z instanceof URL)$=z.toString();else $=z.url,j=z.method||j,Q=G2(z.headers);if(J){if(J.method)j=J.method;if(J.headers)Q={...Q,...G2(J.headers)};if(J.body!==void 0)Z=U6(J.body)}return{method:j.toUpperCase(),url:$,headers:Q,body:Z}}function U2(z){return!T1(z)}function q6(z,J){if(U2(J.url)){J.responseSnippet="[body not captured for this origin]";return}let $=z.headers.get("content-type")??"",j=Number(z.headers.get("content-length")??"0"),Q=j?`, ~${j} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test($)){J.responseSnippet=`[binary ${$||"unknown"}${Q}]`;return}if(j>F6){J.responseSnippet=`[response ${$||"text"}${Q} — omitted]`;return}try{z.clone().text().then((Z)=>{J.responseSnippet=w0(Z,e("maxBodyChars"))}).catch(()=>{})}catch{}}function M2(z,J){if(/[?&]_rsc=/.test(z))return!0;for(let $ of Object.keys(J)){let j=$.toLowerCase();if(j==="rsc"||j==="next-router-prefetch"||j==="next-router-state-tree")return!0}return!1}function D6(){if(typeof window>"u"||typeof window.fetch!=="function")return;let z=window.fetch.bind(window);window.fetch=Object.assign(async(J,$)=>{let j=M6(J,$);if(M2(j.url,j.headers))return z(J,$);let Q={id:P2(),startedAt:new Date().toISOString(),method:j.method,url:z0(j.url),requestHeaders:C0(j.headers),requestBody:w0(j.body,F2),status:null,statusText:null,durationMs:null,via:"fetch"};H2(Q);let Z=performance.now();try{let W=await z(J,$);return Q.status=W.status,Q.statusText=W.statusText,Q.durationMs=Math.round(performance.now()-Z),Q.responseHeaders=C0(P6(W.headers)),q6(W,Q),W}catch(W){throw Q.durationMs=Math.round(performance.now()-Z),Q.error=W instanceof Error?`${W.name}: ${W.message}`:String(W),W}},z)}function I6(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let z=XMLHttpRequest.prototype,J=z.open,$=z.send,j=function(Z,W){let X=typeof W==="string"?W:W.toString();return this.__lwEntry=M2(X,{})?void 0:{id:P2(),startedAt:"",method:(Z||"GET").toUpperCase(),url:z0(X),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},J.apply(this,arguments)},Q=function(Z){let W=this.__lwEntry;if(W){W.startedAt=new Date().toISOString(),W.requestBody=typeof Z==="string"?w0(Z,F2):Z==null?null:"[non-string body]";let X=performance.now();H2(W),this.addEventListener("loadend",()=>{if(W.status=this.status||null,W.statusText=this.statusText||null,W.durationMs=Math.round(performance.now()-X),U2(W.url))W.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{W.responseSnippet=w0(this.responseText||"",e("maxBodyChars"))}catch{}else{let H=this.getResponseHeader("content-type")??this.responseType;W.responseSnippet=`[binary ${H}]`}})}return $.apply(this,arguments)};z.open=j,z.send=Q}function q2(){if(X2)return;X2=!0,D6(),I6()}function D2(){let z=d0.map(($)=>({...$})),J=0;for(let $=z.length-1;$>=0;$-=1){let j=z[$],Q=j?.responseSnippet;if(!j||typeof Q!=="string"||Q.length===0)continue;if(J+Q.length>H6)j.responseSnippet=`[response omitted — report size budget reached (${Q.length.toLocaleString()} chars)]`;else J+=Q.length}return z}var N6=4,I2=3,B6=4000,x6="[data-debug-reporter]",N2=()=>import("@rrweb/record");function B2(z){N2=z}var b=[],W1=null,i0=!1;function x2(){if(typeof window>"u"||W1||i0)return;let z=N0();if(!z)return;i0=!0;let J=()=>void C6(z);if("requestIdleCallback"in window)window.requestIdleCallback(J,{timeout:3000});else setTimeout(J,1000)}async function C6(z){let J;try{J=(await N2()).record}catch($){i0=!1,console.warn("[debug-capture] session replay could not start:",$);return}if(W1)return;try{W1=J({emit:($)=>w6($),checkoutEveryNms:Math.max(1000,z.seconds*1000/2),checkoutEveryNth:B6,maskAllInputs:z.maskInputs,maskTextSelector:z.maskText?"*":z.maskTextSelector,blockSelector:`${z.blockSelector}, ${x6}`,slimDOMOptions:"all",inlineStylesheet:!0,sampling:{mousemove:50,scroll:150,media:800,input:"last",...z.canvas?{canvas:z.canvas.fps}:{}},recordCanvas:z.canvas!==null,...z.canvas?{dataURLOptions:{type:"image/webp",quality:z.canvas.quality}}:{},errorHandler:()=>!0})??null}catch($){console.warn("[debug-capture] session replay could not start:",$)}finally{i0=!1}}function w6(z){if(z.type===N6||b.length===0){if(b.push([]),b.length>I2)b=b.slice(-I2)}b[b.length-1].push(z)}function C2(z=Date.now()){let J=N0();if(!J||!b.length)return null;let $=z-J.seconds*1000,j=b.length-1;while(j>0&&(b[j][0]?.timestamp??z)>$)j-=1;let Q=b.slice(j).flat(),Z=Q[0]?.timestamp,W=Q[Q.length-1]?.timestamp;if(Z===void 0||W===void 0)return null;return{events:Q,startedAt:new Date(Z).toISOString(),endedAt:new Date(W).toISOString(),durationMs:Math.max(0,W-Z)}}var O6={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:"ส่งรายงานไม่สำเร็จ",failedOffline:"ส่งไม่สำเร็จ — เชื่อมต่อเซิร์ฟเวอร์ไม่ได้ ข้อความที่พิมพ์ไว้ยังอยู่ ตรวจสอบอินเทอร์เน็ตแล้วลองใหม่",failedUnavailable:"ส่งไม่สำเร็จ — ระบบกำลังปรับปรุงชั่วคราว ข้อความที่พิมพ์ไว้ยังอยู่ ลองใหม่ในอีกสักครู่",failedTooMany:"แจ้งปัญหาถี่เกินไป — ลองใหม่ในอีก {seconds} วินาที",captured:"เก็บข้อมูลแล้ว",reporter:"ผู้แจ้ง",page:"หน้า",replay:"บันทึกการใช้งาน",handoffTitle:"กำลังพาไปที่ระบบแจ้งปัญหา",handoffBody:"ระบบจะลงชื่อเข้าใช้ให้อัตโนมัติ เพื่อดูเรื่องที่คุณแจ้งไว้",handoffGo:"ไปเลย",handoffPreparing:"กำลังเตรียม…",handoffFailed:"เปิดรายการที่แจ้งไว้ไม่สำเร็จ",handoffBlocked:"เบราว์เซอร์บล็อกการเปิดแท็บใหม่",handoffOpen:"เปิดในแท็บใหม่",chooseTitle:"ต้องการให้ทีมช่วยเรื่องอะไร",kindProblem:"แจ้งปัญหา",kindRequest:"คำขอ",askInstead:"เป็นคำขอ?",askInsteadAction:"เลือกเรื่องที่ขอ",problemInstead:"เป็นปัญหาที่ต้องแก้?",problemInsteadAction:"แจ้งปัญหาแทน",problemInsteadShare:"แจ้งปัญหาแทน (แนบภาพหน้าจอ)",chooseProblemHint:"มีอะไรเสีย หรือใช้งานไม่ได้ — แนบภาพหน้าจอ",chooseRequestHint:"ขอให้ทีมทำ เช่น ขอสิทธิ์ ขอแก้ข้อมูล — ไม่ต้องแชร์หน้าจอ",requestTitle:"ขอให้ทีมดำเนินการ",requestTypeLabel:"เรื่องที่ขอ",requestTypeSearch:"ค้นหาเรื่องที่ขอ",requestTypeNone:"ไม่พบเรื่องที่ขอ — ลองคำอื่น",requestTypeCount:"{n} เรื่อง — เลื่อนดูหรือพิมพ์ค้นหา",requestTarget:"ทีมตั้งใจให้เสร็จภายใน {time}",requestSummaryLabel:"หัวข้อ",requestSummaryPlaceholder:"ขออะไร — สั้น ๆ",requestDetailLabel:"รายละเอียด (ไม่บังคับ)",requestDetailPlaceholder:"สิ่งที่ทีมต้องรู้เพื่อดำเนินการ",requestSubmit:"ส่งคำขอ",requestSubmitted:"ส่งคำขอแล้ว",requestWithShot:"แนบภาพหน้าจอนี้ไปกับคำขอ",requestAnnotateHint:"ทำเครื่องหมายสิ่งที่ขอบนภาพ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",draftRestored:"ข้อความที่พิมพ์ไว้ครั้งก่อน ยังไม่ได้ส่ง",draftClear:"ล้าง",requestLeaves:"ไม่ส่งไปกับคำขอ",requestLeavesWhat:"บันทึกการใช้งานของหน้านี้ — ใช้กับการแจ้งปัญหาเท่านั้น",days:"{n} วัน",hours:"{n} ชั่วโมง",ringTitle:"ทีมงานกำลังโทรหาคุณ",ringAbout:"เรื่อง {key} · {title}",ringHow:"รับสายในหน้าคำร้องของคุณ — เปิดในแท็บใหม่ ไม่ต้องเข้าสู่ระบบอีก",ringOpen:"เปิดเพื่อรับสาย",ringDecline:"ไม่รับ",ringOpened:"เปิดหน้ารับสายแล้ว — กด รับสาย ในแท็บที่เปิดขึ้น",ringBlocked:"เบราว์เซอร์บล็อกแท็บใหม่ — กดที่นี่เพื่อเปิดหน้ารับสาย",ringClose:"ปิด",ringTab:"\uD83D\uDCDE สายเข้า"},_6={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",failedOffline:"Could not send — the server could not be reached. What you wrote is still here; check your connection and try again.",failedUnavailable:"Could not send — the system is being updated. What you wrote is still here; try again in a moment.",failedTooMany:"Too many reports — try again in {seconds} seconds.",captured:"Captured",reporter:"Reporter",page:"Page",replay:"activity log",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",chooseTitle:"How can the team help?",kindProblem:"Report a problem",kindRequest:"Request",askInstead:"Asking for something?",askInsteadAction:"Choose what you need",problemInstead:"Something broken?",problemInsteadAction:"Report a problem instead",problemInsteadShare:"Report a problem instead (with a screenshot)",chooseProblemHint:"Something is broken or not working — with a screenshot",chooseRequestHint:"Ask the team to do something, like access or a data change — no screen sharing",requestTitle:"Ask the team",requestTypeLabel:"What you need",requestTypeSearch:"Search what you need",requestTypeNone:"Nothing matches — try another word",requestTypeCount:"{n} to choose from — scroll or search",requestTarget:"The team aims to finish within {time}",requestSummaryLabel:"Subject",requestSummaryPlaceholder:"What do you need — briefly",requestDetailLabel:"Details (optional)",requestDetailPlaceholder:"What the team needs to know to do it",requestSubmit:"Send request",requestSubmitted:"Request sent",requestWithShot:"Attach this screenshot to the request",requestAnnotateHint:"Mark what you are asking about — box it, point at it, highlight it, or type on it",draftRestored:"What you typed last time, not sent yet",draftClear:"Clear",requestLeaves:"Not sent with a request",requestLeavesWhat:"this page's activity log — it is for problem reports only",days:"{n} days",hours:"{n} hours",ringTitle:"The support team is calling you",ringAbout:"About {key} · {title}",ringHow:"Answer on your request's page — it opens in a new tab, already signed in",ringOpen:"Open to answer",ringDecline:"Decline",ringOpened:"Opened — press Answer in the new tab",ringBlocked:"Your browser blocked the new tab — open the call here",ringClose:"Close",ringTab:"\uD83D\uDCDE Incoming call"};function W0(z){return z==="en"?_6:O6}var S6="lw-debug-toasts",R6=6000,k6=`
|
|
1
|
+
(()=>{var Q6=((z)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(z,{get:(J,$)=>(typeof require<"u"?require:J)[$]}):z)(function(z){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+z+'" is not supported')});var Z6={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},y=null;function Q2(z){let J=[];if(!z.host?.trim())J.push("host");if(!z.realmKey?.trim())J.push("realmKey");if(!z.app?.name?.trim())J.push("app.name");if(typeof z.module!=="function")J.push("module");if(J.length)throw Error(`[debug-capture] configureDebugCapture is missing: ${J.join(", ")}. `+"See the README — `module` maps a pathname to the part of your app it belongs to.");y=z}function N(){if(!y)throw Error("[debug-capture] configureDebugCapture() has not been called");return y}function r0(){return y!==null}function n(){let z=N().app;return{name:z.name,version:z.version??"0.0.0",environment:z.environment??V6()}}function V6(){if(typeof window>"u")return"unknown";let z=window.location.hostname;if(z==="localhost"||z==="127.0.0.1"||z.endsWith(".local"))return"development";return"production"}function $0(z){let J=y?.capture?.[z];return typeof J==="number"?J:Z6[z]}function n0(z){let J=y?.module;if(!J)return null;try{return J(z)??null}catch{return null}}function s0(){let z=y?.redact;return{headers:z?.headers??[],queryKeys:(z?.queryKeys??[]).map((J)=>J.toLowerCase()),bodyKeys:(z?.bodyKeys??[]).map((J)=>J.toLowerCase())}}function Z2(){return y?.capture?.overlaySelectors??[]}var X6='[contenteditable]:not([contenteditable="false"]), [data-lw-mask]',W6="[data-lw-mask]",j2={fps:1,quality:0.5};function k0(){let z=y?.replay;if(!z)return null;let J=z===!0?{}:z,$=(Z,X)=>typeof Z==="number"&&Z>0?Z:X,j=J.maskInputs!==!1,Q=J.recordCanvas?{fps:$(typeof J.recordCanvas==="object"?J.recordCanvas.fps:void 0,j2.fps),quality:$(typeof J.recordCanvas==="object"?J.recordCanvas.quality:void 0,j2.quality)}:null;return{seconds:$(J.seconds,60),maskInputs:j,maskTextSelector:J.maskTextSelector?.trim()||(j?X6:W6),maskText:J.maskText===!0,blockSelector:J.blockSelector?.trim()||"[data-lw-private]",maxBytes:$(J.maxBytes,4000000),canvas:Q}}function V2(z){if(typeof window>"u")return!1;let J;try{J=new URL(z,window.location.href)}catch{return!1}if(Y6(J))return!1;if(J.origin===window.location.origin)return!0;return(y?.capture?.bodyOrigins??[]).some(($)=>{try{return new URL($).origin===J.origin}catch{return!1}})}function Y6(z){if(!y?.host)return!1;try{if(new URL(y.host).origin!==z.origin)return!1}catch{return!1}return z.pathname.startsWith("/ingest/")}function X2(z){let J=Object.entries(z).map(([$,j])=>[$.replace(/\/+$/,"")||"/",j]).sort(($,j)=>j[0].length-$[0].length);return($)=>{let j=($||"/").replace(/\/+$/,"")||"/";for(let[Q,Z]of J)if(j===Q||j.startsWith(`${Q}/`))return{key:Q,label:Z};return null}}var A0="‹redacted›",K6=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,G6=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),H6=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,U6=/[\w.+-]+@[\w-]+\.[\w.-]+/g,F6=/\d(?:[\d\s-]{7,})\d/g;function T0(z){return z.replace(U6,A0).replace(F6,A0)}function P6(z){if(K6.test(z))return!0;return s0().headers.some(($)=>$.toLowerCase()===z.toLowerCase())}function f0(z){let J={};for(let[$,j]of Object.entries(z))J[$]=P6($)?A0:j;return J}function j0(z){try{let J=/^https?:\/\//i.test(z),$=new URL(z,J?void 0:"http://local.invalid"),j=!1;if($.searchParams.forEach((Q,Z)=>{if(G6.has(Z.toLowerCase())||s0().queryKeys.includes(Z.toLowerCase()))$.searchParams.set(Z,A0),j=!0}),!j)return z;return J?$.toString():`${$.pathname}${$.search}`}catch{return z}}function M1(z,J){if(J>6||z===null||typeof z!=="object")return z;if(Array.isArray(z))return z.map((j)=>M1(j,J+1));let $={};for(let[j,Q]of Object.entries(z)){let Z=H6.test(j)||s0().bodyKeys.some((X)=>j.toLowerCase().includes(X));$[j]=Z?A0:M1(Q,J+1)}return $}function w0(z,J){if(z==null)return null;let $=z,j=z.trim();if(j.startsWith("{")||j.startsWith("["))try{let Q=JSON.parse(j);$=JSON.stringify(M1(Q,0))}catch{}if($.length>J)return`${$.slice(0,J)}… [truncated ${$.length-J} chars]`;return $}var N1=120,I1=40,N0=(z,J)=>z.length>J?`${z.slice(0,J)}…`:z,C1=(z)=>{try{return decodeURIComponent(z)}catch{return z}},M0=[],W2=0,Y2=!1;function x0(z,J,$,j){let Q=N0(J,N1),Z=M0[M0.length-1];if(z==="navigate"&&Z?.kind==="click"){let Y=Q.replace(/^ไปที่\s*/,"");if(Z.detail.includes(`→ ${Y}`))return Z.at=new Date().toISOString(),Z;let H=Y.split(/[?#]/)[0]??Y,F=Z.source?C1(Z.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(F&&(H===F||H.startsWith(F)))return Z.detail=N0(`${Z.detail} → ${Y}`,N1),Z.source=void 0,Z.at=new Date().toISOString(),Z}if(Z&&Z.kind===z&&Z.detail===Q){if(Z.at=new Date().toISOString(),z!=="navigate")Z.count=(Z.count??1)+1;return Z}W2+=1;let X={id:`act_${W2}`,at:new Date().toISOString(),kind:z,detail:Q,count:1,source:$,html:t0(j)};M0.push(X);while(M0.length>$0("maxActions"))D6(M0.shift());return X}var q6=200000,E0=0;function t0(z){if(!z)return;if(E0+z.length>q6)return;return E0+=z.length,z}function D6(z){if(!z)return;if(E0-=(z.html?.length??0)+(z.afterHtml?.length??0),E0<0)E0=0}function a0(z){return z instanceof Element&&Boolean(z.closest("[data-debug-reporter]"))}var B6='button, a[href], [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="link"], summary, input, select, textarea',M6={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},K2={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function N6(z){let J=z.getAttribute("role");if(J&&K2[J])return K2[J];return M6[z.tagName.toLowerCase()]??"ปุ่ม"}function I6(z,J){try{let $=z,j=0;while($&&j<=J){let Q=q2($);if(Q&&typeof Q.memoizedProps?.onClick==="function")return $;$=$.parentElement,j+=1}}catch{}return null}function C6(z){let J=z.getAttribute("aria-label")?.trim();if(J)return J;let $=z.getAttribute("title")?.trim();if($)return $;if(z instanceof HTMLInputElement||z instanceof HTMLTextAreaElement||z instanceof HTMLSelectElement)return(z.getAttribute("placeholder")||z.getAttribute("name")||"").trim();if(z instanceof HTMLImageElement)return(z.getAttribute("alt")||"").trim();let j=(z.textContent??"").replace(/\s+/g," ").trim();if(j)return j;if(z instanceof HTMLAnchorElement){let Q=z.getAttribute("href");if(Q?.startsWith("/"))return C1(Q)}return""}function O6(z){if(!(z instanceof Element))return null;let J=z.closest(B6)??I6(z,4);if(!J)return null;let $=J.tagName.toLowerCase();if($==="html"||$==="body")return null;return J}function _6(z){let J=T0(C6(z));if(!J)return null;return`${N6(z)} “${N0(J,I1)}”`}var P2=6000,S6=4000,L6=/(?:^|\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 R6(z){z.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((Q)=>Q.remove());let J=[z,...Array.from(z.querySelectorAll("*"))];for(let Q of J){for(let X of Array.from(Q.attributes)){let Y=X.name.toLowerCase();if(Y.startsWith("on")||Y==="srcdoc"||Y==="value"||Y.startsWith("data-"))Q.removeAttribute(X.name)}if(Q instanceof HTMLAnchorElement)Q.setAttribute("href","#");if(Q instanceof HTMLImageElement)Q.removeAttribute("src");let Z=Q.getAttribute("class");if(Z){let X=Z.replace(L6," ").replace(/\s+/g," ").trim();if(X)Q.setAttribute("class",X);else Q.removeAttribute("class")}}let $=document.createTreeWalker(z,NodeFilter.SHOW_TEXT),j=$.nextNode();while(j){if(j.nodeValue)j.nodeValue=T0(j.nodeValue);j=$.nextNode()}}function O1(z,J,$){try{let j=z.outerHTML;if(!j||j.length>J)return;let Q=z.cloneNode(!0);R6(Q);let Z=Q.outerHTML;return Z&&Z.length<=$?Z:void 0}catch{return}}var k6=(z)=>O1(z,P2,S6),A6=150000,T6=40000,G2=(z)=>O1(z,A6,T6);function f6(z){if(!(z instanceof HTMLInputElement)&&!(z instanceof HTMLTextAreaElement)&&!(z instanceof HTMLSelectElement))return null;let J=z.name||z.id||z.getAttribute("aria-label")||z.getAttribute("placeholder")||z.tagName.toLowerCase();return`ช่อง “${T0(J)}”`}var H2=80;function q2(z){let J=Object.keys(z).find(($)=>$.startsWith("__reactFiber$")||$.startsWith("__reactInternalInstance$"));return J?z[J]:null}function w6(z){if(typeof z!=="function")return null;try{let J=Function.prototype.toString.call(z);return(J.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??J.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function U2(z){if(!z)return;return`→ ${z.length>H2?`${z.slice(0,H2)}…`:z}`}function x6(z){try{let J=z.closest("a[href]")?.getAttribute("href");if(J&&J.startsWith("/"))return U2(J);let $=q2(z),j=0;while($&&j<30){if(typeof $.memoizedProps?.onClick==="function")return U2(w6($.memoizedProps.onClick));$=$.return,j+=1}return}catch{return}}var E6='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function b6(){let z=Z2();return z.length?z.join(", "):E6}function g6(z){let J=z.getAttribute("role");if(J==="status"||J==="alert")return"ข้อความแจ้งเตือน";if(J==="menu")return"เมนู";if(J==="listbox")return"รายการตัวเลือก";if(J==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function h6(z){let J=z.getAttribute("aria-label")?.trim();if(J)return J;let $=z.getAttribute("aria-labelledby");if($){let Z=$.split(/\s+/).map((X)=>document.getElementById(X)?.textContent?.trim()??"").filter(Boolean).join(" ");if(Z)return Z}let Q=z.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(Q)return Q;return(z.textContent??"").replace(/\s+/g," ").trim()}function D2(z){let J=T0(h6(z)),$=g6(z);return J?`เปิด ${$} “${N0(J,I1)}”`:`เปิด ${$}`}var y6='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',m6=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function v6(z){if(z.querySelector(y6))return!0;return m6.test(z.textContent??"")}var u6=400,p6=250,d6=8000;function i6(z,J){if(typeof MutationObserver>"u"){J.html=t0(G2(z));return}let $=Date.now(),j=!1,Q=()=>{j=!0,X.disconnect(),window.clearInterval(Y),window.clearTimeout(H)},Z=()=>{if(j)return;if(Q(),!z.isConnected)return;J.detail=N0(D2(z),N1),J.html=t0(G2(z))},X=new MutationObserver(()=>{$=Date.now()});X.observe(z,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let Y=window.setInterval(()=>{if(j)return;if(!z.isConnected){Q();return}if(Date.now()-$>=u6&&!v6(z))Z()},p6),H=window.setTimeout(Z,d6)}function c6(z){if(a0(z))return;let J=x0("ui",D2(z));if(J)i6(z,J)}function l6(){if(typeof MutationObserver>"u")return;let z=new WeakSet;new MutationObserver(($)=>{for(let j of $)for(let Q of Array.from(j.addedNodes)){if(!(Q instanceof Element))continue;let Z=b6(),X=Q.matches(Z)?[Q]:Array.from(Q.querySelectorAll(Z));for(let Y of X){if(z.has(Y))continue;z.add(Y),c6(Y)}}}).observe(document.body,{childList:!0,subtree:!0})}var o6=1600,r6=2500;function F2(z){return{disabled:z.hasAttribute("disabled")||z.getAttribute("aria-disabled")==="true",busy:z.getAttribute("aria-busy")==="true",text:N0((z.textContent??"").replace(/\s+/g," ").trim(),I1)}}function n6(z,J){if(!z.disabled&&J.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!z.busy&&J.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if(z.text!==J.text&&J.text)return`ข้อความเปลี่ยนเป็น “${J.text}”`;return null}function s6(z,J){if(typeof MutationObserver>"u")return;let $=F2(z),j=!1,Q=(Y,H)=>{if(j)return;if(j=!0,Z.disconnect(),window.clearTimeout(X),J.afterNote=Y,H)J.afterHtml=t0(O1(z,P2,r6))},Z=new MutationObserver(()=>{if(!z.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}let Y=n6($,F2(z));if(Y)Q(Y,!0)});Z.observe(z,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let X=window.setTimeout(()=>{if(!j&&!z.isConnected){Q("องค์ประกอบหายไปจากหน้าจอ",!1);return}j=!0,Z.disconnect()},o6)}function B2(){if(Y2||typeof window>"u")return;Y2=!0,document.addEventListener("click",(j)=>{if(a0(j.target))return;let Q=O6(j.target);if(!Q)return;let Z=_6(Q);if(!Z)return;let X=x0("click",`คลิก ${Z}`,x6(Q),k6(Q));if(X)s6(Q,X)},{capture:!0,passive:!0}),document.addEventListener("change",(j)=>{if(a0(j.target))return;let Q=f6(j.target);if(Q)x0("input",`แก้ไข ${Q}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(j)=>{if(a0(j.target))return;x0("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let z=()=>x0("navigate",`ไปที่ ${C1(j0(location.pathname+location.search))}`),J=history.pushState.bind(history),$=history.replaceState.bind(history);history.pushState=(...j)=>{let Q=J(...j);return z(),Q},history.replaceState=(...j)=>{let Q=$(...j);return z(),Q},window.addEventListener("popstate",z),l6()}function M2(){return M0.map((z)=>({...z}))}var N2=2000,e0=[],I2=0,C2=!1;function _1(z,J){I2+=1,e0.push({id:`log_${I2}`,at:new Date().toISOString(),level:z,message:J.length>N2?`${J.slice(0,N2)}…`:J});while(e0.length>$0("maxConsoleEntries"))e0.shift()}function a6(){let z=new WeakSet;return(J,$)=>{if(typeof $==="object"&&$!==null){if(z.has($))return"[Circular]";z.add($)}if(typeof $==="bigint")return $.toString();return $}}function O2(z){if(typeof z==="string")return z;if(z instanceof Error)return`${z.name}: ${z.message}`;try{let J=JSON.stringify(z,a6());if(J!==void 0)return J}catch{}try{return String(z)}catch{}try{return Object.prototype.toString.call(z)}catch{return`[${typeof z}]`}}function _2(){if(C2||typeof window>"u")return;C2=!0;let z=["log","info","warn","error","debug"];for(let J of z){let $=console[J].bind(console);console[J]=(...j)=>{_1(J,j.map(O2).join(" ")),$(...j)}}window.addEventListener("error",(J)=>{let $=J.filename?` (${J.filename}:${J.lineno}:${J.colno})`:"";_1("exception",`${J.message}${$}`)}),window.addEventListener("unhandledrejection",(J)=>{let $=J.reason instanceof Error?`${J.reason.name}: ${J.reason.message}`:O2(J.reason);_1("unhandledrejection",$)})}function S2(){return e0.map((z)=>({...z}))}var L2=new Set,R2=new Set;function k2(z,J){return z.add(J),()=>z.delete(J)}function A2(z,J){for(let $ of[...z])$(J)}function T2(z){return k2(L2,z)}function z1(z={type:"manual"}){A2(L2,z)}function f2(z){return k2(R2,z)}function w2(z){A2(R2,z)}var t6=15000,e6=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],x2=!1,E2=0;function z8(z){return e6.some((J)=>z.includes(J))}function b2(z){let J=z.message??"";if(!J||z8(J))return;let $=Date.now();if($-E2<t6)return;E2=$,w2({...z,message:J})}function g2(){if(x2||typeof window>"u")return;x2=!0,window.addEventListener("error",(z)=>{if(!z.message&&!z.error)return;let J=z.error instanceof Error?z.error:null;b2({type:"runtime-error",message:z.message||(J?J.message:"Unknown error"),stack:J?.stack})}),window.addEventListener("unhandledrejection",(z)=>{let J=z.reason;b2({type:"unhandledrejection",message:J instanceof Error?J.message:String(J),stack:J instanceof Error?J.stack:void 0})})}var v2=4000,J8=1e6,$8=1e7,J1=[],h2=0,y2=!1;function u2(z){J1.push(z);while(J1.length>$0("maxRequests"))J1.shift()}function p2(){return h2+=1,`req_${h2}`}function m2(z){let J={};if(!z)return J;if(z instanceof Headers)z.forEach(($,j)=>{J[j]=$});else if(Array.isArray(z))for(let[$,j]of z)J[$]=j;else Object.assign(J,z);return J}function j8(z){let J={};return z.forEach(($,j)=>{J[j]=$}),J}function Q8(z){if(z==null)return null;if(typeof z==="string")return z;if(z instanceof URLSearchParams)return z.toString();if(typeof FormData<"u"&&z instanceof FormData)return`[FormData: ${Array.from(z.keys()).join(", ")}]`;if(typeof Blob<"u"&&z instanceof Blob)return`[Blob ${z.size} bytes]`;if(z instanceof ArrayBuffer)return`[ArrayBuffer ${z.byteLength} bytes]`;return"[binary]"}function Z8(z,J){let $="",j="GET",Q={},Z=null;if(typeof z==="string")$=z;else if(z instanceof URL)$=z.toString();else $=z.url,j=z.method||j,Q=m2(z.headers);if(J){if(J.method)j=J.method;if(J.headers)Q={...Q,...m2(J.headers)};if(J.body!==void 0)Z=Q8(J.body)}return{method:j.toUpperCase(),url:$,headers:Q,body:Z}}function d2(z){return!V2(z)}function V8(z,J){if(d2(J.url)){J.responseSnippet="[body not captured for this origin]";return}let $=z.headers.get("content-type")??"",j=Number(z.headers.get("content-length")??"0"),Q=j?`, ~${j} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test($)){J.responseSnippet=`[binary ${$||"unknown"}${Q}]`;return}if(j>J8){J.responseSnippet=`[response ${$||"text"}${Q} — omitted]`;return}try{z.clone().text().then((Z)=>{J.responseSnippet=w0(Z,$0("maxBodyChars"))}).catch(()=>{})}catch{}}function i2(z,J){if(/[?&]_rsc=/.test(z))return!0;for(let $ of Object.keys(J)){let j=$.toLowerCase();if(j==="rsc"||j==="next-router-prefetch"||j==="next-router-state-tree")return!0}return!1}function X8(){if(typeof window>"u"||typeof window.fetch!=="function")return;let z=window.fetch.bind(window);window.fetch=Object.assign(async(J,$)=>{let j=Z8(J,$);if(i2(j.url,j.headers))return z(J,$);let Q={id:p2(),startedAt:new Date().toISOString(),method:j.method,url:j0(j.url),requestHeaders:f0(j.headers),requestBody:w0(j.body,v2),status:null,statusText:null,durationMs:null,via:"fetch"};u2(Q);let Z=performance.now();try{let X=await z(J,$);return Q.status=X.status,Q.statusText=X.statusText,Q.durationMs=Math.round(performance.now()-Z),Q.responseHeaders=f0(j8(X.headers)),V8(X,Q),X}catch(X){throw Q.durationMs=Math.round(performance.now()-Z),Q.error=X instanceof Error?`${X.name}: ${X.message}`:String(X),X}},z)}function W8(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let z=XMLHttpRequest.prototype,J=z.open,$=z.send,j=function(Z,X){let Y=typeof X==="string"?X:X.toString();return this.__lwEntry=i2(Y,{})?void 0:{id:p2(),startedAt:"",method:(Z||"GET").toUpperCase(),url:j0(Y),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},J.apply(this,arguments)},Q=function(Z){let X=this.__lwEntry;if(X){X.startedAt=new Date().toISOString(),X.requestBody=typeof Z==="string"?w0(Z,v2):Z==null?null:"[non-string body]";let Y=performance.now();u2(X),this.addEventListener("loadend",()=>{if(X.status=this.status||null,X.statusText=this.statusText||null,X.durationMs=Math.round(performance.now()-Y),d2(X.url))X.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{X.responseSnippet=w0(this.responseText||"",$0("maxBodyChars"))}catch{}else{let H=this.getResponseHeader("content-type")??this.responseType;X.responseSnippet=`[binary ${H}]`}})}return $.apply(this,arguments)};z.open=j,z.send=Q}function c2(){if(y2)return;y2=!0,X8(),W8()}function l2(){let z=J1.map(($)=>({...$})),J=0;for(let $=z.length-1;$>=0;$-=1){let j=z[$],Q=j?.responseSnippet;if(!j||typeof Q!=="string"||Q.length===0)continue;if(J+Q.length>$8)j.responseSnippet=`[response omitted — report size budget reached (${Q.length.toLocaleString()} chars)]`;else J+=Q.length}return z}var Y8=4,o2=3,K8=4000,G8="[data-debug-reporter]",r2=()=>import("@rrweb/record");function n2(z){r2=z}var v=[],S1=null,$1=!1;function s2(){if(typeof window>"u"||S1||$1)return;let z=k0();if(!z)return;$1=!0;let J=()=>void H8(z);if("requestIdleCallback"in window)window.requestIdleCallback(J,{timeout:3000});else setTimeout(J,1000)}async function H8(z){let J;try{J=(await r2()).record}catch($){$1=!1,console.warn("[debug-capture] session replay could not start:",$);return}if(S1)return;try{S1=J({emit:($)=>U8($),checkoutEveryNms:Math.max(1000,z.seconds*1000/2),checkoutEveryNth:K8,maskAllInputs:z.maskInputs,maskTextSelector:z.maskText?"*":z.maskTextSelector,blockSelector:`${z.blockSelector}, ${G8}`,slimDOMOptions:"all",inlineStylesheet:!0,sampling:{mousemove:50,scroll:150,media:800,input:"last",...z.canvas?{canvas:z.canvas.fps}:{}},recordCanvas:z.canvas!==null,...z.canvas?{dataURLOptions:{type:"image/webp",quality:z.canvas.quality}}:{},errorHandler:()=>!0})??null}catch($){console.warn("[debug-capture] session replay could not start:",$)}finally{$1=!1}}function U8(z){if(z.type===Y8||v.length===0){if(v.push([]),v.length>o2)v=v.slice(-o2)}v[v.length-1].push(z)}function a2(z=Date.now()){let J=k0();if(!J||!v.length)return null;let $=z-J.seconds*1000,j=v.length-1;while(j>0&&(v[j][0]?.timestamp??z)>$)j-=1;let Q=v.slice(j).flat(),Z=Q[0]?.timestamp,X=Q[Q.length-1]?.timestamp;if(Z===void 0||X===void 0)return null;return{events:Q,startedAt:new Date(Z).toISOString(),endedAt:new Date(X).toISOString(),durationMs:Math.max(0,X-Z)}}var F8={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:"ส่งรายงานไม่สำเร็จ",failedOffline:"ส่งไม่สำเร็จ — เชื่อมต่อเซิร์ฟเวอร์ไม่ได้ ข้อความที่พิมพ์ไว้ยังอยู่ ตรวจสอบอินเทอร์เน็ตแล้วลองใหม่",failedUnavailable:"ส่งไม่สำเร็จ — ระบบกำลังปรับปรุงชั่วคราว ข้อความที่พิมพ์ไว้ยังอยู่ ลองใหม่ในอีกสักครู่",failedTooMany:"แจ้งปัญหาถี่เกินไป — ลองใหม่ในอีก {seconds} วินาที",captured:"เก็บข้อมูลแล้ว",reporter:"ผู้แจ้ง",page:"หน้า",replay:"บันทึกการใช้งาน",handoffTitle:"กำลังพาไปที่ระบบแจ้งปัญหา",handoffBody:"ระบบจะลงชื่อเข้าใช้ให้อัตโนมัติ เพื่อดูเรื่องที่คุณแจ้งไว้",handoffGo:"ไปเลย",handoffPreparing:"กำลังเตรียม…",handoffFailed:"เปิดรายการที่แจ้งไว้ไม่สำเร็จ",handoffBlocked:"เบราว์เซอร์บล็อกการเปิดแท็บใหม่",handoffOpen:"เปิดในแท็บใหม่",chooseTitle:"ต้องการให้ทีมช่วยเรื่องอะไร",kindProblem:"แจ้งปัญหา",kindRequest:"คำขอ",askInstead:"เป็นคำขอ?",askInsteadAction:"เลือกเรื่องที่ขอ",problemInstead:"เป็นปัญหาที่ต้องแก้?",problemInsteadAction:"แจ้งปัญหาแทน",problemInsteadShare:"แจ้งปัญหาแทน (แนบภาพหน้าจอ)",chooseProblemHint:"มีอะไรเสีย หรือใช้งานไม่ได้ — แนบภาพหน้าจอ",chooseRequestHint:"ขอให้ทีมทำ เช่น ขอสิทธิ์ ขอแก้ข้อมูล — ไม่ต้องแชร์หน้าจอ",requestTitle:"ขอให้ทีมดำเนินการ",requestTypeLabel:"เรื่องที่ขอ",requestTypeSearch:"ค้นหาเรื่องที่ขอ",requestTypeNone:"ไม่พบเรื่องที่ขอ — ลองคำอื่น",requestTypeCount:"{n} เรื่อง — เลื่อนดูหรือพิมพ์ค้นหา",requestTarget:"ทีมตั้งใจให้เสร็จภายใน {time}",requestSummaryLabel:"หัวข้อ",requestSummaryPlaceholder:"ขออะไร — สั้น ๆ",requestDetailLabel:"รายละเอียด (ไม่บังคับ)",requestDetailPlaceholder:"สิ่งที่ทีมต้องรู้เพื่อดำเนินการ",requestSubmit:"ส่งคำขอ",requestSubmitted:"ส่งคำขอแล้ว",requestWithShot:"แนบภาพหน้าจอนี้ไปกับคำขอ",requestAnnotateHint:"ทำเครื่องหมายสิ่งที่ขอบนภาพ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",draftRestored:"ข้อความที่พิมพ์ไว้ครั้งก่อน ยังไม่ได้ส่ง",draftClear:"ล้าง",requestLeaves:"ไม่ส่งไปกับคำขอ",requestLeavesWhat:"บันทึกการใช้งานของหน้านี้ — ใช้กับการแจ้งปัญหาเท่านั้น",days:"{n} วัน",hours:"{n} ชั่วโมง",ringTitle:"ทีมงานกำลังโทรหาคุณ",ringAbout:"เรื่อง {key} · {title}",ringHow:"รับสายในหน้าคำร้องของคุณ — เปิดในแท็บใหม่ ไม่ต้องเข้าสู่ระบบอีก",ringOpen:"เปิดเพื่อรับสาย",ringDecline:"ไม่รับ",ringOpened:"เปิดหน้ารับสายแล้ว — กด รับสาย ในแท็บที่เปิดขึ้น",ringBlocked:"เบราว์เซอร์บล็อกแท็บใหม่ — กดที่นี่เพื่อเปิดหน้ารับสาย",ringClose:"ปิด",ringTab:"\uD83D\uDCDE สายเข้า"},P8={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",failedOffline:"Could not send — the server could not be reached. What you wrote is still here; check your connection and try again.",failedUnavailable:"Could not send — the system is being updated. What you wrote is still here; try again in a moment.",failedTooMany:"Too many reports — try again in {seconds} seconds.",captured:"Captured",reporter:"Reporter",page:"Page",replay:"activity log",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",chooseTitle:"How can the team help?",kindProblem:"Report a problem",kindRequest:"Request",askInstead:"Asking for something?",askInsteadAction:"Choose what you need",problemInstead:"Something broken?",problemInsteadAction:"Report a problem instead",problemInsteadShare:"Report a problem instead (with a screenshot)",chooseProblemHint:"Something is broken or not working — with a screenshot",chooseRequestHint:"Ask the team to do something, like access or a data change — no screen sharing",requestTitle:"Ask the team",requestTypeLabel:"What you need",requestTypeSearch:"Search what you need",requestTypeNone:"Nothing matches — try another word",requestTypeCount:"{n} to choose from — scroll or search",requestTarget:"The team aims to finish within {time}",requestSummaryLabel:"Subject",requestSummaryPlaceholder:"What do you need — briefly",requestDetailLabel:"Details (optional)",requestDetailPlaceholder:"What the team needs to know to do it",requestSubmit:"Send request",requestSubmitted:"Request sent",requestWithShot:"Attach this screenshot to the request",requestAnnotateHint:"Mark what you are asking about — box it, point at it, highlight it, or type on it",draftRestored:"What you typed last time, not sent yet",draftClear:"Clear",requestLeaves:"Not sent with a request",requestLeavesWhat:"this page's activity log — it is for problem reports only",days:"{n} days",hours:"{n} hours",ringTitle:"The support team is calling you",ringAbout:"About {key} · {title}",ringHow:"Answer on your request's page — it opens in a new tab, already signed in",ringOpen:"Open to answer",ringDecline:"Decline",ringOpened:"Opened — press Answer in the new tab",ringBlocked:"Your browser blocked the new tab — open the call here",ringClose:"Close",ringTab:"\uD83D\uDCDE Incoming call"};function U0(z){return z==="en"?P8:F8}var q8="lw-debug-toasts",D8=6000,B8=`
|
|
2
2
|
:host { all: initial; }
|
|
3
3
|
.stack {
|
|
4
4
|
position: fixed; top: 16px; right: 16px; z-index: 2147483001;
|
|
@@ -30,7 +30,7 @@
|
|
|
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
|
-
`,V1=null;function A6(){if(typeof document>"u")return null;if(V1?.isConnected)return V1;let z=document.createElement(S6);z.dataset.debugReporter="true";let J=z.attachShadow({mode:"open"}),$=document.createElement("style");$.textContent=k6;let j=document.createElement("div");return j.className="stack",j.setAttribute("role","status"),j.setAttribute("aria-live","polite"),J.append($,j),document.body.append(z),V1=j,j}function P0(z,J="success",$){let j=h0()?B().toast:void 0;if(j){j({message:z,tone:J,...$?{action:$}:{}});return}let Q=A6();if(!Q)return;let Z=document.createElement("div");Z.className="toast",Z.dataset.tone=J;let W=document.createElement("span");W.className="dot";let X=document.createElement("span");X.textContent=z;let H=document.createElement("button");H.type="button",H.className="close",H.textContent="✕",H.setAttribute("aria-label","ปิด");let U=()=>{window.clearTimeout(k),Z.remove()};H.addEventListener("click",U);let k=J==="error"||$?0:window.setTimeout(U,R6);if(Z.append(W,X),$){let O=document.createElement("button");O.type="button",O.className="action",O.textContent=$.label,O.addEventListener("click",()=>{U(),$.onClick()}),Z.append(O)}Z.append(H),Q.append(Z)}function w2(z,J,$){let j=z.filter((Z)=>Boolean(Z.error)||Z.status!=null&&Z.status>=400).slice(-20).map((Z)=>({method:Z.method,url:Z.url,status:Z.status,error:Z.error,at:Z.startedAt})),Q=J.filter((Z)=>Z.level==="error"||Z.level==="exception"||Z.level==="unhandledrejection").slice(-20).map((Z)=>Z.message);return{failedRequests:j,errors:Q,erroredQueries:$.slice(0,20)}}function L6(){let z={memoryUsedMb:null,memoryLimitMb:null,domContentLoadedMs:null,loadEventMs:null};if(typeof performance>"u")return z;let J=performance.memory;if(J)z.memoryUsedMb=Math.round(J.usedJSHeapSize/1024/1024),z.memoryLimitMb=Math.round(J.jsHeapSizeLimit/1024/1024);let[$]=performance.getEntriesByType("navigation");if($)z.domContentLoadedMs=Math.round($.domContentLoadedEventEnd),z.loadEventMs=Math.round($.loadEventEnd);return z}function Y1(z,J){if(!z)return J;try{return z()}catch{return J}}function O2(){let z=B(),{pathname:J,search:$,href:j}=window.location;return{capturedAt:new Date().toISOString(),route:{href:j,pathname:J,search:$},module:b0(J),user:Y1(z.user,{}),apiHeaders:C0(Y1(z.headers,{})),app:{name:o().name,version:o().version,environment:o().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:L6(),extra:Y1(z.extra,{})}}var T6=2;function c0(z){let J=D2(),$=a1();return{context:O2(),reason:z.reason,note:z.note,cause:w2(J,$,z.erroredQueries),actionTrail:c1(),network:J,console:$,screenshotDataUrl:z.screenshotDataUrl,screenshotMethod:z.screenshotMethod,replay:C2()??void 0,meta:{generatedBy:"lightwork-debug-capture",schemaVersion:T6}}}async function X1(){if(typeof navigator<"u"&&Boolean(navigator.mediaDevices?.getDisplayMedia)){let $=await f6();if($.status==="ok")return{dataUrl:$.dataUrl,method:"display-media"};if($.status==="cancelled")return{dataUrl:null,method:"cancelled"}}let J=await h6();if(J)return{dataUrl:J,method:"html-to-image"};return{dataUrl:null,method:"none"}}async function f6(){let z=null;try{let J={video:{frameRate:30},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"};z=await navigator.mediaDevices.getDisplayMedia(J);let $=await E6(z);return $?{status:"ok",dataUrl:$}:{status:"error"}}catch(J){if(J instanceof DOMException&&(J.name==="NotAllowedError"||J.name==="AbortError"))return{status:"cancelled"};return{status:"error"}}finally{z?.getTracks().forEach((J)=>J.stop())}}async function E6(z){let J=document.createElement("video");J.srcObject=z,J.muted=!0,J.playsInline=!0,await new Promise((W)=>{let X=!1,H=()=>{if(X)return;X=!0,W()};J.onloadedmetadata=()=>{J.play().then(H).catch(H)},window.setTimeout(H,1500)}),await m6(J);let{videoWidth:$,videoHeight:j}=J;if(!$||!j)return null;let Q=document.createElement("canvas");Q.width=$,Q.height=j;let Z=Q.getContext("2d");if(!Z)return null;Z.drawImage(J,0,0,$,j),J.pause(),J.srcObject=null;try{return Q.toDataURL("image/png")}catch{return null}}function m6(z){return new Promise((J)=>{let $=!1,j=()=>{if($)return;$=!0,J()},Q=z;if(typeof Q.requestVideoFrameCallback==="function")Q.requestVideoFrameCallback(()=>j()),window.setTimeout(j,1000);else window.setTimeout(j,250)})}async function h6(){let z=B().screenshotFallback;if(!z)return null;let J=await z().catch(()=>null);if(!J)return null;try{return await J(document.body,{cacheBust:!0,pixelRatio:Math.min(window.devicePixelRatio||1,2),filter:($)=>!($ instanceof HTMLElement&&$.dataset?.debugReporter==="true")})}catch{return null}}var b6=2000,g6=0.82,v6=3000000;function y6(z){return new Promise((J,$)=>{let j=new Image;j.onload=()=>J(j),j.onerror=()=>$(Error("could not read the screenshot")),j.src=z})}async function l0(z){try{let J=await y6(z),$=Math.max(J.naturalWidth,J.naturalHeight),j=Math.min(1,b6/$),Q=document.createElement("canvas");Q.width=Math.max(1,Math.round(J.naturalWidth*j)),Q.height=Math.max(1,Math.round(J.naturalHeight*j));let Z=Q.getContext("2d");if(!Z)return z;Z.fillStyle="#fff",Z.fillRect(0,0,Q.width,Q.height),Z.drawImage(J,0,0,Q.width,Q.height);let W=g6,X=Q.toDataURL("image/jpeg",W);while(X.length>v6&&W>0.4)W-=0.15,X=Q.toDataURL("image/jpeg",W);return X}catch{return z}}var p6=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,u6=/^\d+$/,d6=/^[0-9a-f]{16,}$/i;function _2(z){if(z.reason.type==="manual")return null;let J=z.cause?.failedRequests?.[0];if(!J?.url)return null;let $;try{$=new URL(J.url,"http://x").pathname}catch{$=J.url}let j=$.split("/").map((Z)=>p6.test(Z)||u6.test(Z)||d6.test(Z)?":id":Z).join("/"),Q=J.status??(J.error?"ERR":"?");return`${J.method??"REQ"} ${j} ${Q}`}var S2=2000000;function o0(z){let{screenshotDataUrl:J,replay:$,...j}=z;return JSON.stringify(j).length}function R2(z,J=2000000){if(o0(z)<=J)return z;let $=z.network.map((Q)=>({...Q})),j={...z,network:$};for(let Q of $){if(o0(j)<=J)return j;if(typeof Q.responseSnippet==="string"&&Q.responseSnippet.length>35)Q.responseSnippet="[body dropped — report size budget]";if(typeof Q.requestBody==="string"&&Q.requestBody.length>35)Q.requestBody="[body dropped — report size budget]"}while(j.network.length>1&&o0(j)>J)j.network=j.network.slice(1);while(j.console.length>1&&o0(j)>J)j.console=j.console.slice(1);return j}function S0(z){let J="";for(let $=0;$<z.length;$+=32768)J+=String.fromCharCode(...z.subarray($,$+32768));return btoa(J)}var i6=4,c6=2,l6=3,o6=0,r6=new Set(["href","src","action","formaction","xlink:href","data","poster","srcset"]),n6=/^\s*javascript:/i;function s6(z,J){let $=z.toLowerCase();if($.startsWith("on")||$==="srcdoc")return!0;return typeof J==="string"&&n6.test(J)}function k2(z,J=!1){if(!z)return;for(let $ of Object.keys(z)){let j=z[$];if(s6($,j)){if(J)z[$]=null;else delete z[$];continue}if(typeof j!=="string"||!r6.has($)||!j.includes("?"))continue;z[$]=z0(j)}}function G1(z){if(!z)return;k2(z.attributes);for(let J of z.childNodes??[])G1(J)}function A2(z){let J=JSON.parse(JSON.stringify(z));for(let $ of J){let j=$.data;if(!j||typeof j!=="object")continue;if($.type===i6&&typeof j.href==="string")j.href=z0(j.href);else if($.type===c6)G1(j.node);else if($.type===l6&&j.source===o6){for(let Q of j.adds??[])G1(Q.node);for(let Q of j.attributes??[])k2(Q.attributes,!0)}}return J}var a6="session-replay.json.gz",t6="session-replay.json";function e6(z){return Boolean(z&&z.events.length>0)}async function z8(z){if(typeof CompressionStream>"u")return null;try{let J=new Blob([z]).stream().pipeThrough(new CompressionStream("gzip"));return new Uint8Array(await new Response(J).arrayBuffer())}catch{return null}}async function T2(z,J){if(!e6(z))return{summary:{omitted:"empty"}};let j={seconds:Math.round(z.durationMs/1000),events:z.events.length,startedAt:z.startedAt,endedAt:z.endedAt},Q=A2(z.events),Z=await L2(Q),W=!1;if(Z.bytes.byteLength>J&&j8(Q))Q=Q8(Q),Z=await L2(Q),W=!0;let{bytes:X,compressed:H}=Z;if(X.byteLength>J)return{summary:{...j,bytes:X.byteLength,omitted:"too-large"}};return{dataUri:`data:${H?"application/gzip":"application/json"};base64,${S0(X)}`,filename:H?a6:t6,summary:{...j,events:Q.length,bytes:X.byteLength,compressed:H,...W?{canvasDropped:W}:{}}}}async function L2(z){let J=new TextEncoder().encode(JSON.stringify({events:z})),$=await z8(J);return $?{bytes:$,compressed:!0}:{bytes:J,compressed:!1}}var J8=3,f2=2,$8=9;function E2(z){return z.type===J8&&z.data?.source===$8}function j8(z){return z.some(E2)||z.some((J)=>J.type===f2&&m2(J.data.node))}function m2(z){if(!z)return!1;if(z.attributes&&"rr_dataURL"in z.attributes)return!0;return(z.childNodes??[]).some(m2)}function h2(z){if(!z)return;if(z.attributes&&"rr_dataURL"in z.attributes)delete z.attributes.rr_dataURL;for(let J of z.childNodes??[])h2(J)}function Q8(z){let J=[];for(let $ of z){if(E2($))continue;if($.type===f2)h2($.data.node);J.push($)}return J}var Z8=new Set([502,503,504]);class r extends Error{kind;retryAfter;status;constructor(z,J,$,j){super(z);this.kind=J;this.retryAfter=$;this.status=j;this.name="ReportError"}}function K8(z){let{screenshotDataUrl:J,replay:$,...j}=z;return{dataUri:`data:application/json;base64,${S0(new TextEncoder().encode(JSON.stringify(j)))}`,filename:"debug-bundle.json"}}async function F1(){let z=B().identity;if(!z)return{};try{let J=await z();return J?{authorization:`Bearer ${J}`}:{}}catch{return{}}}async function b2(z,J){let $=B(),j=R2(J,S2),{context:Q,note:Z}=j,W=[];if(j.screenshotDataUrl){let w=await l0(j.screenshotDataUrl);W.push({dataUri:w,filename:"screenshot.jpg"})}W.push(K8(j));let X,H=N0();if(H){let w=await T2(j.replay,H.maxBytes);if(X=w.summary,"dataUri"in w)W.push({dataUri:w.dataUri,filename:w.filename})}let U=_2(j),k={title:z,description:Z.trim()||void 0,appName:o().name,category:Q.module?.label,routeUrl:Q.route.href,priority:"MEDIUM",requesterEmail:Q.user.email??void 0,requesterName:Q.user.fullName??void 0,customFields:{unit:Q.user.unit??"",appVersion:Q.app.version,environment:Q.app.environment,reasonType:j.reason.type,appName:o().name,module:Q.module?.label??""},context:{...U?{signature:U}:{},capturedAt:Q.capturedAt,reason:j.reason,cause:j.cause,actionTrail:j.actionTrail,client:Q.client,performance:Q.performance,apiHeaders:Q.apiHeaders,extra:Q.extra,counts:{network:j.network.length,console:j.console.length,actions:j.actionTrail.length},screenshotMethod:j.screenshotMethod,...X?{replay:X}:{}},attachments:W},O=await fetch(`${$.host.replace(/\/$/,"")}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":$.realmKey,...await F1()},body:JSON.stringify(k)}).catch(()=>{throw new r("report never left the browser","offline")});if(!O.ok)throw await H1(O);return await O.json()}async function H1(z){let J=z.headers.get("retry-after"),$=await z.json().then((j)=>j.error).catch(()=>null);if(z.status===429)return new r("rate limited","rateLimited",J??void 0);if(Z8.has(z.status))return new r("desk unavailable","unavailable");return new r($??`Report failed (${z.status})`,"rejected",void 0,z.status)}var r0=null,R0=null,g2=()=>B().host.replace(/\/$/,"");function P1(){return r0}function U0(){if(R0)return R0;return R0=(async()=>{try{let z=await fetch(`${g2()}/ingest/request-types`,{headers:{"x-realm-key":B().realmKey}}),J=z.ok?await z.json():null;r0=Array.isArray(J?.types)?J.types.filter(W8):[]}catch{r0=[],R0=null}return r0??[]})(),R0}function W8(z){let J=z;return!!J&&typeof J.id==="string"&&typeof J.name==="string"}async function v2(z){let J=B(),$={};try{$=J.user?.()??{}}catch{$={}}let j=typeof window>"u"?null:window.location,Q={title:z.title,description:z.description.trim()||void 0,ticketTypeId:z.ticketTypeId,appName:o().name,category:j?b0(j.pathname)?.label:void 0,routeUrl:j?.href,priority:"MEDIUM",requesterEmail:$.email??void 0,requesterName:$.fullName??void 0,attachments:z.screenshotDataUrl?[{dataUri:await l0(z.screenshotDataUrl),filename:"screenshot.jpg"}]:void 0},Z=await fetch(`${g2()}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":J.realmKey,...await F1()},body:JSON.stringify(Q)}).catch(()=>{throw new r("request never left the browser","offline")});if(!Z.ok)throw await H1(Z);return await Z.json()}var k0=Math.PI/6;function y2(z,J,$){let j=J.x-z.x,Q=J.y-z.y,Z=Math.hypot(j,Q),W=Math.atan2(Q,j),X=[{x:J.x,y:J.y},{x:J.x-$*Math.cos(W-k0),y:J.y-$*Math.sin(W-k0)},{x:J.x-$*Math.cos(W+k0),y:J.y-$*Math.sin(W+k0)}],H=$*Math.cos(k0)*0.92;if(Z<=H)return{shaft:null,head:X};return{shaft:{from:z,to:{x:J.x-H*Math.cos(W),y:J.y-H*Math.sin(W)}},head:X}}var U1="#f44336",V8="rgba(250, 204, 21, 0.4)",M1=22,p2="#2563eb",u2=9,d2=11,i2=18,c2=4,n0=8,Y8=[{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 l2(z,J,$){let j=[],Q=null,Z=-1,W=null,X=null,H=z.getContext("2d");function U(){let K=z.getBoundingClientRect().width;return K>0?z.width/K:1}function k(K){let V=z.getBoundingClientRect();return{x:(K.clientX-V.left)/V.width*z.width,y:(K.clientY-V.top)/V.height*z.height}}function O(K){let V=K.size??M1;if(!H)return(K.text?.length??0)*V*0.6;H.save(),H.font=`600 ${V}px system-ui, sans-serif`;let G=H.measureText(K.text??"").width;return H.restore(),G}function w(K){if(K.tool==="text"){let V=K.size??M1;return{left:K.x1,top:K.y1,right:K.x1+O(K),bottom:K.y1+V*1.25}}return{left:Math.min(K.x1,K.x2),top:Math.min(K.y1,K.y2),right:Math.max(K.x1,K.x2),bottom:Math.max(K.y1,K.y2)}}function _(K){if(K.tool==="arrow")return[{id:"tail",x:K.x1,y:K.y1,cursor:"move"},{id:"head",x:K.x2,y:K.y2,cursor:"move"}];let V=w(K);if(K.tool==="text")return[{id:"size",x:V.right,y:V.bottom,cursor:"nwse-resize"}];return Y8.map((G)=>({id:G.id,x:V.left+(V.right-V.left)*G.fx,y:V.top+(V.bottom-V.top)*G.fy,cursor:G.cursor}))}function S(K){let V=w(K);return{x:V.right+i2*U(),y:V.top-i2*U()}}function i(K,V,G){let{shaft:Y,head:F}=y2({x:V.x1,y:V.y1},{x:V.x2,y:V.y2},Math.max(10,16*G));if(Y)K.lineCap="butt",K.beginPath(),K.moveTo(Y.from.x,Y.from.y),K.lineTo(Y.to.x,Y.to.y),K.stroke();K.beginPath(),K.moveTo(F[0].x,F[0].y),K.lineTo(F[1].x,F[1].y),K.lineTo(F[2].x,F[2].y),K.closePath(),K.fill()}function n(K,V,G){K.save(),K.lineWidth=Math.max(2,3*G),K.strokeStyle=U1,K.fillStyle=U1;let Y=w(V);if(V.tool==="rect")K.strokeRect(Y.left,Y.top,Y.right-Y.left,Y.bottom-Y.top);else if(V.tool==="arrow")i(K,V,G);else if(V.tool==="highlight")K.fillStyle=V8,K.fillRect(Y.left,Y.top,Y.right-Y.left,Y.bottom-Y.top);else if(V.tool==="text"&&V.text){let F=V.size??M1;K.font=`600 ${F}px system-ui, sans-serif`,K.textBaseline="top";let M=F*0.22;K.fillStyle="rgba(255,255,255,0.92)",K.fillRect(Y.left-M,Y.top-M,Y.right-Y.left+M*2,Y.bottom-Y.top+M*2),K.fillStyle=U1,K.fillText(V.text,Y.left,Y.top)}K.restore()}function E(K,V,G){let Y=w(V);K.save(),K.strokeStyle=p2,K.lineWidth=Math.max(1,1.5*G),K.setLineDash([6*G,4*G]),K.strokeRect(Y.left,Y.top,Y.right-Y.left,Y.bottom-Y.top),K.setLineDash([]);let F=u2*G;for(let f of _(V))K.fillStyle="#fff",K.strokeStyle=p2,K.lineWidth=Math.max(1,1.5*G),K.beginPath(),K.rect(f.x-F/2,f.y-F/2,F,F),K.fill(),K.stroke();let M=S(V),I=d2*G;K.beginPath(),K.arc(M.x,M.y,I,0,Math.PI*2),K.fillStyle="#dc2626",K.fill(),K.strokeStyle="#fff",K.lineWidth=Math.max(1.5,2*G),K.beginPath(),K.moveTo(M.x-I*0.4,M.y-I*0.4),K.lineTo(M.x+I*0.4,M.y+I*0.4),K.moveTo(M.x+I*0.4,M.y-I*0.4),K.lineTo(M.x-I*0.4,M.y+I*0.4),K.stroke(),K.restore()}function x(){if(!H)return;let K=U();if(H.clearRect(0,0,z.width,z.height),H.drawImage(J,0,0,z.width,z.height),j.forEach((G,Y)=>{if(Y!==Q0)n(H,G,K)}),W)n(H,W,K);let V=j[Z];if(V&&!W)E(H,V,K)}function V0(K,V,G,Y,F){return Math.abs(K-G)<=F&&Math.abs(V-Y)<=F}function j0(K,V){let G=j[Z];if(!G)return null;let Y=u2*U()/2+3*U();for(let F of _(G))if(V0(K,V,F.x,F.y,Y))return F.id;return null}function T(K,V){let G=j[Z];if(!G)return!1;let Y=S(G);return V0(K,V,Y.x,Y.y,d2*U())}function c(K,V){let G=6*U();for(let Y=j.length-1;Y>=0;Y-=1){let F=j[Y];if(F.tool==="arrow"){let I=F.x2-F.x1,f=F.y2-F.y1,d=Math.hypot(I,f)||1,P=Math.max(0,Math.min(1,((K-F.x1)*I+(V-F.y1)*f)/(d*d)));if(Math.hypot(K-(F.x1+P*I),V-(F.y1+P*f))<=G+4*U())return Y;continue}let M=w(F);if(K>=M.left-G&&K<=M.right+G&&V>=M.top-G&&V<=M.bottom+G)return Y}return-1}function L(K,V,G,Y,F){if(V==="tail"){K.x1=G.x1+Y,K.y1=G.y1+F;return}if(V==="head"){K.x2=G.x2+Y,K.y2=G.y2+F;return}if(V==="size"){let N=(G.size??24)+F;K.size=Math.max(10,N);return}let M=w(G),{left:I,top:f,right:d,bottom:P}=M;if(V.includes("w"))I=Math.min(d-n0,I+Y);if(V.includes("e"))d=Math.max(I+n0,d+Y);if(V.includes("n"))f=Math.min(P-n0,f+F);if(V.includes("s"))P=Math.max(f+n0,P+F);K.x1=I,K.y1=f,K.x2=d,K.y2=P}function E0(K,V,G,Y){K.x1=V.x1+G,K.y1=V.y1+Y,K.x2=V.x2+G,K.y2=V.y2+Y}let R=null,Q0=-1,m={x:0,y:0,size:24};function I0(){let K=z.getBoundingClientRect().width;return K>0?K/z.width:1}function m0(K,V){if(!H)return K.length*V*0.6;H.save(),H.font=`600 ${V}px system-ui, sans-serif`;let G=H.measureText(K||" ").width;return H.restore(),G}function Y0(){if(!R)return;let K=z.parentElement;if(!K)return;let V=z.getBoundingClientRect(),G=K.getBoundingClientRect(),Y=I0(),F=m.size*Y;R.style.left=`${V.left-G.left+m.x*Y}px`,R.style.top=`${V.top-G.top+m.y*Y}px`,R.style.fontSize=`${F}px`,R.style.width=`${Math.max(40,m0(R.value,F)+F)}px`}function s(K){let V=R;if(!V)return;R=null;let G=V.value.trim(),Y=Q0;if(Q0=-1,V.remove(),K&&G){if(Y>=0&&j[Y])j[Y].text=G,Z=Y;else j.push({tool:"text",x1:m.x,y1:m.y,x2:m.x,y2:m.y,text:G,size:m.size}),Z=j.length-1;$()}else if(Y>=0)Z=Y;z.focus(),x()}function l(K,V,G=-1){s(!0);let Y=z.parentElement;if(!Y)return;if(getComputedStyle(Y).position==="static")Y.style.position="relative";let F=G>=0?j[G]:void 0;Q0=G,m={x:F?.x1??K,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="ข้อความ",R=M,Y.append(M),Y0(),M.addEventListener("input",Y0),M.addEventListener("keydown",(I)=>{if(I.stopPropagation(),I.key==="Enter")s(!0);else if(I.key==="Escape")s(!1)}),requestAnimationFrame(()=>{if(R!==M)return;M.focus(),M.select(),M.addEventListener("blur",()=>s(!0))}),x()}function p(K){let{x:V,y:G}=k(K);if(z.setPointerCapture(K.pointerId),T(V,G)){u();return}let Y=j0(V,G);if(Y&&j[Z]){X={grip:Y,x:V,y:G,start:{...j[Z]}};return}if(Q==="text"){if(K.preventDefault(),z.hasPointerCapture(K.pointerId))z.releasePointerCapture(K.pointerId);Q=null,$(),l(V,G);return}if(Q){W={tool:Q,x1:V,y1:G,x2:V,y2:G},Z=-1;return}let F=c(V,G);Z=F,X=F>=0?{grip:"body",x:V,y:G,start:{...j[F]}}:null,x()}function X0(K){let{x:V,y:G}=k(K);if(W){W.x2=V,W.y2=G,x();return}if(X){let F=j[Z];if(!F)return;let M=V-X.x,I=G-X.y;if(X.grip==="body")E0(F,X.start,M,I);else L(F,X.grip,X.start,M,I);x();return}if(Q){z.style.cursor="crosshair";return}if(T(V,G)){z.style.cursor="pointer";return}let Y=j0(V,G);if(Y){let F=j[Z]?_(j[Z]).find((M)=>M.id===Y):null;z.style.cursor=F?.cursor??"pointer";return}z.style.cursor=c(V,G)>=0?"move":"default"}function Z0(){if(W){if(!(Math.abs(W.x2-W.x1)<c2&&Math.abs(W.y2-W.y1)<c2))j.push(W),Z=j.length-1,Q=null,$();W=null}if(X)X=null,$();x()}function a(K){let V=z.getBoundingClientRect(),G=(K.clientX-V.left)/V.width*z.width,Y=(K.clientY-V.top)/V.height*z.height,F=c(G,Y),M=j[F];if(!M||M.tool!=="text")return;K.preventDefault(),l(M.x1,M.y1,F)}function t(K){if(Z<0)return;if(K.key==="Delete"||K.key==="Backspace")K.preventDefault(),u();else if(K.key==="Escape")K.preventDefault(),Z=-1,x()}function u(){if(Z<0)return;j.splice(Z,1),Z=-1,$(),x()}return z.addEventListener("pointerdown",p),z.addEventListener("pointermove",X0),z.addEventListener("pointerup",Z0),z.addEventListener("pointercancel",Z0),z.addEventListener("dblclick",a),z.tabIndex=0,z.addEventListener("keydown",t),x(),{setTool(K){Q=K,Z=-1,z.style.cursor=K?"crosshair":"default",x()},deleteSelected:u,clear(){j.length=0,Z=-1,$(),x()},hasShapes:()=>j.length>0,hasSelection:()=>Z>=0,toDataUrl(){let K=document.createElement("canvas");K.width=J.naturalWidth,K.height=J.naturalHeight;let V=K.getContext("2d");if(!V)return z.toDataURL("image/png");V.drawImage(J,0,0);let G=U();for(let Y of j)n(V,Y,G);return K.toDataURL("image/png")},destroy(){s(!1),z.removeEventListener("pointerdown",p),z.removeEventListener("pointermove",X0),z.removeEventListener("pointerup",Z0),z.removeEventListener("pointercancel",Z0),z.removeEventListener("dblclick",a),z.removeEventListener("keydown",t)}}}var X8=["keydown","keyup","keypress"];function A0(z){for(let J of X8)z.addEventListener(J,($)=>$.stopPropagation())}var o2=`
|
|
33
|
+
`,L1=null;function M8(){if(typeof document>"u")return null;if(L1?.isConnected)return L1;let z=document.createElement(q8);z.dataset.debugReporter="true";let J=z.attachShadow({mode:"open"}),$=document.createElement("style");$.textContent=B8;let j=document.createElement("div");return j.className="stack",j.setAttribute("role","status"),j.setAttribute("aria-live","polite"),J.append($,j),document.body.append(z),L1=j,j}function I0(z,J="success",$){let j=r0()?N().toast:void 0;if(j){j({message:z,tone:J,...$?{action:$}:{}});return}let Q=M8();if(!Q)return;let Z=document.createElement("div");Z.className="toast",Z.dataset.tone=J;let X=document.createElement("span");X.className="dot";let Y=document.createElement("span");Y.textContent=z;let H=document.createElement("button");H.type="button",H.className="close",H.textContent="✕",H.setAttribute("aria-label","ปิด");let F=()=>{window.clearTimeout(S),Z.remove()};H.addEventListener("click",F);let S=J==="error"||$?0:window.setTimeout(F,D8);if(Z.append(X,Y),$){let B=document.createElement("button");B.type="button",B.className="action",B.textContent=$.label,B.addEventListener("click",()=>{F(),$.onClick()}),Z.append(B)}Z.append(H),Q.append(Z)}function t2(z,J,$){let j=z.filter((Z)=>Boolean(Z.error)||Z.status!=null&&Z.status>=400).slice(-20).map((Z)=>({method:Z.method,url:Z.url,status:Z.status,error:Z.error,at:Z.startedAt})),Q=J.filter((Z)=>Z.level==="error"||Z.level==="exception"||Z.level==="unhandledrejection").slice(-20).map((Z)=>Z.message);return{failedRequests:j,errors:Q,erroredQueries:$.slice(0,20)}}function N8(){let z={memoryUsedMb:null,memoryLimitMb:null,domContentLoadedMs:null,loadEventMs:null};if(typeof performance>"u")return z;let J=performance.memory;if(J)z.memoryUsedMb=Math.round(J.usedJSHeapSize/1024/1024),z.memoryLimitMb=Math.round(J.jsHeapSizeLimit/1024/1024);let[$]=performance.getEntriesByType("navigation");if($)z.domContentLoadedMs=Math.round($.domContentLoadedEventEnd),z.loadEventMs=Math.round($.loadEventEnd);return z}function R1(z,J){if(!z)return J;try{return z()}catch{return J}}function e2(){let z=N(),{pathname:J,search:$,href:j}=window.location;return{capturedAt:new Date().toISOString(),route:{href:j,pathname:J,search:$},module:n0(J),user:R1(z.user,{}),apiHeaders:f0(R1(z.headers,{})),app:{name:n().name,version:n().version,environment:n().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:N8(),extra:R1(z.extra,{})}}var I8=2;function j1(z){let J=l2(),$=S2();return{context:e2(),reason:z.reason,note:z.note,cause:t2(J,$,z.erroredQueries),actionTrail:M2(),network:J,console:$,screenshotDataUrl:z.screenshotDataUrl,screenshotMethod:z.screenshotMethod,replay:a2()??void 0,meta:{generatedBy:"lightwork-debug-capture",schemaVersion:I8}}}async function k1(){if(typeof navigator<"u"&&Boolean(navigator.mediaDevices?.getDisplayMedia)){let $=await C8();if($.status==="ok")return{dataUrl:$.dataUrl,method:"display-media"};if($.status==="cancelled")return{dataUrl:null,method:"cancelled"}}let J=await S8();if(J)return{dataUrl:J,method:"html-to-image"};return{dataUrl:null,method:"none"}}async function C8(){let z=null;try{let J={video:{frameRate:30},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"};z=await navigator.mediaDevices.getDisplayMedia(J);let $=await O8(z);return $?{status:"ok",dataUrl:$}:{status:"error"}}catch(J){if(J instanceof DOMException&&(J.name==="NotAllowedError"||J.name==="AbortError"))return{status:"cancelled"};return{status:"error"}}finally{z?.getTracks().forEach((J)=>J.stop())}}async function O8(z){let J=document.createElement("video");J.srcObject=z,J.muted=!0,J.playsInline=!0,await new Promise((X)=>{let Y=!1,H=()=>{if(Y)return;Y=!0,X()};J.onloadedmetadata=()=>{J.play().then(H).catch(H)},window.setTimeout(H,1500)}),await _8(J);let{videoWidth:$,videoHeight:j}=J;if(!$||!j)return null;let Q=document.createElement("canvas");Q.width=$,Q.height=j;let Z=Q.getContext("2d");if(!Z)return null;Z.drawImage(J,0,0,$,j),J.pause(),J.srcObject=null;try{return Q.toDataURL("image/png")}catch{return null}}function _8(z){return new Promise((J)=>{let $=!1,j=()=>{if($)return;$=!0,J()},Q=z;if(typeof Q.requestVideoFrameCallback==="function")Q.requestVideoFrameCallback(()=>j()),window.setTimeout(j,1000);else window.setTimeout(j,250)})}async function S8(){let z=N().screenshotFallback;if(!z)return null;let J=await z().catch(()=>null);if(!J)return null;try{return await J(document.body,{cacheBust:!0,pixelRatio:Math.min(window.devicePixelRatio||1,2),filter:($)=>!($ instanceof HTMLElement&&$.dataset?.debugReporter==="true")})}catch{return null}}var L8=2000,R8=0.82,k8=3000000;function A8(z){return new Promise((J,$)=>{let j=new Image;j.onload=()=>J(j),j.onerror=()=>$(Error("could not read the screenshot")),j.src=z})}async function Q1(z){try{let J=await A8(z),$=Math.max(J.naturalWidth,J.naturalHeight),j=Math.min(1,L8/$),Q=document.createElement("canvas");Q.width=Math.max(1,Math.round(J.naturalWidth*j)),Q.height=Math.max(1,Math.round(J.naturalHeight*j));let Z=Q.getContext("2d");if(!Z)return z;Z.fillStyle="#fff",Z.fillRect(0,0,Q.width,Q.height),Z.drawImage(J,0,0,Q.width,Q.height);let X=R8,Y=Q.toDataURL("image/jpeg",X);while(Y.length>k8&&X>0.4)X-=0.15,Y=Q.toDataURL("image/jpeg",X);return Y}catch{return z}}var T8=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,f8=/^\d+$/,w8=/^[0-9a-f]{16,}$/i;function z4(z){if(z.reason.type==="manual")return null;let J=z.cause?.failedRequests?.[0];if(!J?.url)return null;let $;try{$=new URL(J.url,"http://x").pathname}catch{$=J.url}let j=$.split("/").map((Z)=>T8.test(Z)||f8.test(Z)||w8.test(Z)?":id":Z).join("/"),Q=J.status??(J.error?"ERR":"?");return`${J.method??"REQ"} ${j} ${Q}`}var J4=2000000;function Z1(z){let{screenshotDataUrl:J,replay:$,...j}=z;return JSON.stringify(j).length}function $4(z,J=2000000){if(Z1(z)<=J)return z;let $=z.network.map((Q)=>({...Q})),j={...z,network:$};for(let Q of $){if(Z1(j)<=J)return j;if(typeof Q.responseSnippet==="string"&&Q.responseSnippet.length>35)Q.responseSnippet="[body dropped — report size budget]";if(typeof Q.requestBody==="string"&&Q.requestBody.length>35)Q.requestBody="[body dropped — report size budget]"}while(j.network.length>1&&Z1(j)>J)j.network=j.network.slice(1);while(j.console.length>1&&Z1(j)>J)j.console=j.console.slice(1);return j}function b0(z){let J="";for(let $=0;$<z.length;$+=32768)J+=String.fromCharCode(...z.subarray($,$+32768));return btoa(J)}var x8=4,E8=2,b8=3,g8=0,h8=new Set(["href","src","action","formaction","xlink:href","data","poster","srcset"]),y8=/^\s*javascript:/i;function m8(z,J){let $=z.toLowerCase();if($.startsWith("on")||$==="srcdoc")return!0;return typeof J==="string"&&y8.test(J)}function j4(z,J=!1){if(!z)return;for(let $ of Object.keys(z)){let j=z[$];if(m8($,j)){if(J)z[$]=null;else delete z[$];continue}if(typeof j!=="string"||!h8.has($)||!j.includes("?"))continue;z[$]=j0(j)}}function A1(z){if(!z)return;j4(z.attributes);for(let J of z.childNodes??[])A1(J)}function Q4(z){let J=JSON.parse(JSON.stringify(z));for(let $ of J){let j=$.data;if(!j||typeof j!=="object")continue;if($.type===x8&&typeof j.href==="string")j.href=j0(j.href);else if($.type===E8)A1(j.node);else if($.type===b8&&j.source===g8){for(let Q of j.adds??[])A1(Q.node);for(let Q of j.attributes??[])j4(Q.attributes,!0)}}return J}var v8="session-replay.json.gz",u8="session-replay.json";function p8(z){return Boolean(z&&z.events.length>0)}async function d8(z){if(typeof CompressionStream>"u")return null;try{let J=new Blob([z]).stream().pipeThrough(new CompressionStream("gzip"));return new Uint8Array(await new Response(J).arrayBuffer())}catch{return null}}async function V4(z,J){if(!p8(z))return{summary:{omitted:"empty"}};let j={seconds:Math.round(z.durationMs/1000),events:z.events.length,startedAt:z.startedAt,endedAt:z.endedAt},Q=Q4(z.events),Z=await Z4(Q),X=!1;if(Z.bytes.byteLength>J&&l8(Q))Q=o8(Q),Z=await Z4(Q),X=!0;let{bytes:Y,compressed:H}=Z;if(Y.byteLength>J)return{summary:{...j,bytes:Y.byteLength,omitted:"too-large"}};return{dataUri:`data:${H?"application/gzip":"application/json"};base64,${b0(Y)}`,filename:H?v8:u8,summary:{...j,events:Q.length,bytes:Y.byteLength,compressed:H,...X?{canvasDropped:X}:{}}}}async function Z4(z){let J=new TextEncoder().encode(JSON.stringify({events:z})),$=await d8(J);return $?{bytes:$,compressed:!0}:{bytes:J,compressed:!1}}var i8=3,X4=2,c8=9;function W4(z){return z.type===i8&&z.data?.source===c8}function l8(z){return z.some(W4)||z.some((J)=>J.type===X4&&Y4(J.data.node))}function Y4(z){if(!z)return!1;if(z.attributes&&"rr_dataURL"in z.attributes)return!0;return(z.childNodes??[]).some(Y4)}function K4(z){if(!z)return;if(z.attributes&&"rr_dataURL"in z.attributes)delete z.attributes.rr_dataURL;for(let J of z.childNodes??[])K4(J)}function o8(z){let J=[];for(let $ of z){if(W4($))continue;if($.type===X4)K4($.data.node);J.push($)}return J}var r8=new Set([502,503,504]);class s extends Error{kind;retryAfter;status;constructor(z,J,$,j){super(z);this.kind=J;this.retryAfter=$;this.status=j;this.name="ReportError"}}function n8(z){let{screenshotDataUrl:J,replay:$,...j}=z;return{dataUri:`data:application/json;base64,${b0(new TextEncoder().encode(JSON.stringify(j)))}`,filename:"debug-bundle.json"}}async function T1(){let z=N().identity;if(!z)return{};try{let J=await z();return J?{authorization:`Bearer ${J}`}:{}}catch{return{}}}async function G4(z,J){let $=N(),j=$4(J,J4),{context:Q,note:Z}=j,X=[];if(j.screenshotDataUrl){let L=await Q1(j.screenshotDataUrl);X.push({dataUri:L,filename:"screenshot.jpg"})}X.push(n8(j));let Y,H=k0();if(H){let L=await V4(j.replay,H.maxBytes);if(Y=L.summary,"dataUri"in L)X.push({dataUri:L.dataUri,filename:L.filename})}let F=z4(j),S={title:z,description:Z.trim()||void 0,appName:n().name,category:Q.module?.label,routeUrl:Q.route.href,priority:"MEDIUM",requesterEmail:Q.user.email??void 0,requesterName:Q.user.fullName??void 0,customFields:{unit:Q.user.unit??"",appVersion:Q.app.version,environment:Q.app.environment,reasonType:j.reason.type,appName:n().name,module:Q.module?.label??""},context:{...F?{signature:F}:{},capturedAt:Q.capturedAt,reason:j.reason,cause:j.cause,actionTrail:j.actionTrail,client:Q.client,performance:Q.performance,apiHeaders:Q.apiHeaders,extra:Q.extra,counts:{network:j.network.length,console:j.console.length,actions:j.actionTrail.length},screenshotMethod:j.screenshotMethod,...Y?{replay:Y}:{}},attachments:X},B=await fetch(`${$.host.replace(/\/$/,"")}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":$.realmKey,...await T1()},body:JSON.stringify(S)}).catch(()=>{throw new s("report never left the browser","offline")});if(!B.ok)throw await f1(B);return await B.json()}async function f1(z){let J=z.headers.get("retry-after"),$=await z.json().then((j)=>j.error).catch(()=>null);if(z.status===429)return new s("rate limited","rateLimited",J??void 0);if(r8.has(z.status))return new s("desk unavailable","unavailable");return new s($??`Report failed (${z.status})`,"rejected",void 0,z.status)}var V1=null,g0=null,H4=()=>N().host.replace(/\/$/,"");function w1(){return V1}function C0(){if(g0)return g0;return g0=(async()=>{try{let z=await fetch(`${H4()}/ingest/request-types`,{headers:{"x-realm-key":N().realmKey}}),J=z.ok?await z.json():null;V1=Array.isArray(J?.types)?J.types.filter(s8):[]}catch{V1=[],g0=null}return V1??[]})(),g0}function s8(z){let J=z;return!!J&&typeof J.id==="string"&&typeof J.name==="string"}async function U4(z){let J=N(),$={};try{$=J.user?.()??{}}catch{$={}}let j=typeof window>"u"?null:window.location,Q={title:z.title,description:z.description.trim()||void 0,ticketTypeId:z.ticketTypeId,appName:n().name,category:j?n0(j.pathname)?.label:void 0,routeUrl:j?.href,priority:"MEDIUM",requesterEmail:$.email??void 0,requesterName:$.fullName??void 0,attachments:z.screenshotDataUrl?[{dataUri:await Q1(z.screenshotDataUrl),filename:"screenshot.jpg"}]:void 0},Z=await fetch(`${H4()}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":J.realmKey,...await T1()},body:JSON.stringify(Q)}).catch(()=>{throw new s("request never left the browser","offline")});if(!Z.ok)throw await f1(Z);return await Z.json()}var h0=Math.PI/6;function F4(z,J,$){let j=J.x-z.x,Q=J.y-z.y,Z=Math.hypot(j,Q),X=Math.atan2(Q,j),Y=[{x:J.x,y:J.y},{x:J.x-$*Math.cos(X-h0),y:J.y-$*Math.sin(X-h0)},{x:J.x-$*Math.cos(X+h0),y:J.y-$*Math.sin(X+h0)}],H=$*Math.cos(h0)*0.92;if(Z<=H)return{shaft:null,head:Y};return{shaft:{from:z,to:{x:J.x-H*Math.cos(X),y:J.y-H*Math.sin(X)}},head:Y}}var x1="#f44336",a8="rgba(250, 204, 21, 0.4)",E1=22,P4="#2563eb",q4=9,D4=11,B4=18,M4=4,X1=8,t8=[{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 N4(z,J,$){let j=[],Q=null,Z=-1,X=null,Y=null,H=z.getContext("2d");function F(){let V=z.getBoundingClientRect().width;return V>0?z.width/V:1}function S(V){let W=z.getBoundingClientRect();return{x:(V.clientX-W.left)/W.width*z.width,y:(V.clientY-W.top)/W.height*z.height}}function B(V){let W=V.size??E1;if(!H)return(V.text?.length??0)*W*0.6;H.save(),H.font=`600 ${W}px system-ui, sans-serif`;let G=H.measureText(V.text??"").width;return H.restore(),G}function L(V){if(V.tool==="text"){let W=V.size??E1;return{left:V.x1,top:V.y1,right:V.x1+B(V),bottom:V.y1+W*1.25}}return{left:Math.min(V.x1,V.x2),top:Math.min(V.y1,V.y2),right:Math.max(V.x1,V.x2),bottom:Math.max(V.y1,V.y2)}}function R(V){if(V.tool==="arrow")return[{id:"tail",x:V.x1,y:V.y1,cursor:"move"},{id:"head",x:V.x2,y:V.y2,cursor:"move"}];let W=L(V);if(V.tool==="text")return[{id:"size",x:W.right,y:W.bottom,cursor:"nwse-resize"}];return t8.map((G)=>({id:G.id,x:W.left+(W.right-W.left)*G.fx,y:W.top+(W.bottom-W.top)*G.fy,cursor:G.cursor}))}function k(V){let W=L(V);return{x:W.right+B4*F(),y:W.top-B4*F()}}function l(V,W,G){let{shaft:K,head:U}=F4({x:W.x1,y:W.y1},{x:W.x2,y:W.y2},Math.max(10,16*G));if(K)V.lineCap="butt",V.beginPath(),V.moveTo(K.from.x,K.from.y),V.lineTo(K.to.x,K.to.y),V.stroke();V.beginPath(),V.moveTo(U[0].x,U[0].y),V.lineTo(U[1].x,U[1].y),V.lineTo(U[2].x,U[2].y),V.closePath(),V.fill()}function t(V,W,G){V.save(),V.lineWidth=Math.max(2,3*G),V.strokeStyle=x1,V.fillStyle=x1;let K=L(W);if(W.tool==="rect")V.strokeRect(K.left,K.top,K.right-K.left,K.bottom-K.top);else if(W.tool==="arrow")l(V,W,G);else if(W.tool==="highlight")V.fillStyle=a8,V.fillRect(K.left,K.top,K.right-K.left,K.bottom-K.top);else if(W.tool==="text"&&W.text){let U=W.size??E1;V.font=`600 ${U}px system-ui, sans-serif`,V.textBaseline="top";let q=U*0.22;V.fillStyle="rgba(255,255,255,0.92)",V.fillRect(K.left-q,K.top-q,K.right-K.left+q*2,K.bottom-K.top+q*2),V.fillStyle=x1,V.fillText(W.text,K.left,K.top)}V.restore()}function b(V,W,G){let K=L(W);V.save(),V.strokeStyle=P4,V.lineWidth=Math.max(1,1.5*G),V.setLineDash([6*G,4*G]),V.strokeRect(K.left,K.top,K.right-K.left,K.bottom-K.top),V.setLineDash([]);let U=q4*G;for(let E of R(W))V.fillStyle="#fff",V.strokeStyle=P4,V.lineWidth=Math.max(1,1.5*G),V.beginPath(),V.rect(E.x-U/2,E.y-U/2,U,U),V.fill(),V.stroke();let q=k(W),I=D4*G;V.beginPath(),V.arc(q.x,q.y,I,0,Math.PI*2),V.fillStyle="#dc2626",V.fill(),V.strokeStyle="#fff",V.lineWidth=Math.max(1.5,2*G),V.beginPath(),V.moveTo(q.x-I*0.4,q.y-I*0.4),V.lineTo(q.x+I*0.4,q.y+I*0.4),V.moveTo(q.x+I*0.4,q.y-I*0.4),V.lineTo(q.x-I*0.4,q.y+I*0.4),V.stroke(),V.restore()}function O(){if(!H)return;let V=F();if(H.clearRect(0,0,z.width,z.height),H.drawImage(J,0,0,z.width,z.height),j.forEach((G,K)=>{if(K!==K0)t(H,G,V)}),X)t(H,X,V);let W=j[Z];if(W&&!X)b(H,W,V)}function P0(V,W,G,K,U){return Math.abs(V-G)<=U&&Math.abs(W-K)<=U}function Y0(V,W){let G=j[Z];if(!G)return null;let K=q4*F()/2+3*F();for(let U of R(G))if(P0(V,W,U.x,U.y,K))return U.id;return null}function x(V,W){let G=j[Z];if(!G)return!1;let K=k(G);return P0(V,W,K.x,K.y,D4*F())}function o(V,W){let G=6*F();for(let K=j.length-1;K>=0;K-=1){let U=j[K];if(U.tool==="arrow"){let I=U.x2-U.x1,E=U.y2-U.y1,c=Math.hypot(I,E)||1,P=Math.max(0,Math.min(1,((V-U.x1)*I+(W-U.y1)*E)/(c*c)));if(Math.hypot(V-(U.x1+P*I),W-(U.y1+P*E))<=G+4*F())return K;continue}let q=L(U);if(V>=q.left-G&&V<=q.right+G&&W>=q.top-G&&W<=q.bottom+G)return K}return-1}function w(V,W,G,K,U){if(W==="tail"){V.x1=G.x1+K,V.y1=G.y1+U;return}if(W==="head"){V.x2=G.x2+K,V.y2=G.y2+U;return}if(W==="size"){let C=(G.size??24)+U;V.size=Math.max(10,C);return}let q=L(G),{left:I,top:E,right:c,bottom:P}=q;if(W.includes("w"))I=Math.min(c-X1,I+K);if(W.includes("e"))c=Math.max(I+X1,c+K);if(W.includes("n"))E=Math.min(P-X1,E+U);if(W.includes("s"))P=Math.max(E+X1,P+U);V.x1=I,V.y1=E,V.x2=c,V.y2=P}function l0(V,W,G,K){V.x1=W.x1+G,V.y1=W.y1+K,V.x2=W.x2+G,V.y2=W.y2+K}let A=null,K0=-1,h={x:0,y:0,size:24};function R0(){let V=z.getBoundingClientRect().width;return V>0?V/z.width:1}function o0(V,W){if(!H)return V.length*W*0.6;H.save(),H.font=`600 ${W}px system-ui, sans-serif`;let G=H.measureText(V||" ").width;return H.restore(),G}function q0(){if(!A)return;let V=z.parentElement;if(!V)return;let W=z.getBoundingClientRect(),G=V.getBoundingClientRect(),K=R0(),U=h.size*K;A.style.left=`${W.left-G.left+h.x*K}px`,A.style.top=`${W.top-G.top+h.y*K}px`,A.style.fontSize=`${U}px`,A.style.width=`${Math.max(40,o0(A.value,U)+U)}px`}function e(V){let W=A;if(!W)return;A=null;let G=W.value.trim(),K=K0;if(K0=-1,W.remove(),V&&G){if(K>=0&&j[K])j[K].text=G,Z=K;else j.push({tool:"text",x1:h.x,y1:h.y,x2:h.x,y2:h.y,text:G,size:h.size}),Z=j.length-1;$()}else if(K>=0)Z=K;z.focus(),O()}function r(V,W,G=-1){e(!0);let K=z.parentElement;if(!K)return;if(getComputedStyle(K).position==="static")K.style.position="relative";let U=G>=0?j[G]:void 0;K0=G,h={x:U?.x1??V,y:U?.y1??W,size:U?.size??Math.round(24*F())};let q=document.createElement("input");q.type="text",q.className="text-edit",q.value=U?.text??"",q.setAttribute("aria-label","ข้อความบนภาพ"),q.placeholder="ข้อความ",A=q,K.append(q),q0(),q.addEventListener("input",q0),q.addEventListener("keydown",(I)=>{if(I.stopPropagation(),I.key==="Enter")e(!0);else if(I.key==="Escape")e(!1)}),requestAnimationFrame(()=>{if(A!==q)return;q.focus(),q.select(),q.addEventListener("blur",()=>e(!0))}),O()}function d(V){let{x:W,y:G}=S(V);if(z.setPointerCapture(V.pointerId),x(W,G)){i();return}let K=Y0(W,G);if(K&&j[Z]){Y={grip:K,x:W,y:G,start:{...j[Z]}};return}if(Q==="text"){if(V.preventDefault(),z.hasPointerCapture(V.pointerId))z.releasePointerCapture(V.pointerId);Q=null,$(),r(W,G);return}if(Q){X={tool:Q,x1:W,y1:G,x2:W,y2:G},Z=-1;return}let U=o(W,G);Z=U,Y=U>=0?{grip:"body",x:W,y:G,start:{...j[U]}}:null,O()}function D0(V){let{x:W,y:G}=S(V);if(X){X.x2=W,X.y2=G,O();return}if(Y){let U=j[Z];if(!U)return;let q=W-Y.x,I=G-Y.y;if(Y.grip==="body")l0(U,Y.start,q,I);else w(U,Y.grip,Y.start,q,I);O();return}if(Q){z.style.cursor="crosshair";return}if(x(W,G)){z.style.cursor="pointer";return}let K=Y0(W,G);if(K){let U=j[Z]?R(j[Z]).find((q)=>q.id===K):null;z.style.cursor=U?.cursor??"pointer";return}z.style.cursor=o(W,G)>=0?"move":"default"}function G0(){if(X){if(!(Math.abs(X.x2-X.x1)<M4&&Math.abs(X.y2-X.y1)<M4))j.push(X),Z=j.length-1,Q=null,$();X=null}if(Y)Y=null,$();O()}function z0(V){let W=z.getBoundingClientRect(),G=(V.clientX-W.left)/W.width*z.width,K=(V.clientY-W.top)/W.height*z.height,U=o(G,K),q=j[U];if(!q||q.tool!=="text")return;V.preventDefault(),r(q.x1,q.y1,U)}function J0(V){if(Z<0)return;if(V.key==="Delete"||V.key==="Backspace")V.preventDefault(),i();else if(V.key==="Escape")V.preventDefault(),Z=-1,O()}function i(){if(Z<0)return;j.splice(Z,1),Z=-1,$(),O()}return z.addEventListener("pointerdown",d),z.addEventListener("pointermove",D0),z.addEventListener("pointerup",G0),z.addEventListener("pointercancel",G0),z.addEventListener("dblclick",z0),z.tabIndex=0,z.addEventListener("keydown",J0),O(),{setTool(V){Q=V,Z=-1,z.style.cursor=V?"crosshair":"default",O()},deleteSelected:i,clear(){j.length=0,Z=-1,$(),O()},hasShapes:()=>j.length>0,hasSelection:()=>Z>=0,toDataUrl(){let V=document.createElement("canvas");V.width=J.naturalWidth,V.height=J.naturalHeight;let W=V.getContext("2d");if(!W)return z.toDataURL("image/png");W.drawImage(J,0,0);let G=F();for(let K of j)t(W,K,G);return V.toDataURL("image/png")},destroy(){e(!1),z.removeEventListener("pointerdown",d),z.removeEventListener("pointermove",D0),z.removeEventListener("pointerup",G0),z.removeEventListener("pointercancel",G0),z.removeEventListener("dblclick",z0),z.removeEventListener("keydown",J0)}}}var e8=["keydown","keyup","keypress"];function y0(z){for(let J of e8)z.addEventListener(J,($)=>$.stopPropagation())}var I4=`
|
|
34
34
|
:host { all: initial; }
|
|
35
35
|
* { box-sizing: border-box; }
|
|
36
36
|
|
|
@@ -181,7 +181,7 @@ button.link:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
|
|
|
181
181
|
.shot-choice input { width: 16px; height: 16px; margin: 0; accent-color: #2563eb; }
|
|
182
182
|
.dropped { opacity: 0.35; pointer-events: none; }
|
|
183
183
|
.draft { margin: -8px 0 0; padding: 8px 12px; border-radius: 10px; background: #eff6ff; font-size: 13px; color: #1e3a8a; }
|
|
184
|
-
`;var L0="lw-debug-reporter",J0=null;function G8(z,J){if(z instanceof r){if(z.kind==="offline")return J.failedOffline;if(z.kind==="unavailable")return J.failedUnavailable;if(z.kind==="rateLimited")return J.failedTooMany.replace("{seconds}",z.retryAfter??"60");return z.message||J.failed}return J.failed}var F8=()=>[];var H8=[{tool:"rect",key:"toolRect"},{tool:"arrow",key:"toolArrow"},{tool:"highlight",key:"toolHighlight"},{tool:"text",key:"toolText"}];function P8(){return class extends HTMLElement{root;stop=null;annotator=null;bundle=null;busy=!1;keep=null;returnFocus=null;constructor(){super();this.root=this.attachShadow({mode:"open"}),A0(this.root),this.root.addEventListener("keydown",(J)=>{let $=J;if($.key!=="Escape"||$.defaultPrevented||!this.root.querySelector("[role=dialog]"))return;$.preventDefault(),this.close()})}connectedCallback(){this.dataset.debugReporter="true",this.stop=$2((J)=>void this.open(J))}disconnectedCallback(){this.stop?.(),this.stop=null,this.close()}async open(J){if(this.busy)return;this.busy=!0;let $=document.activeElement;this.returnFocus=$ instanceof HTMLElement&&$!==document.body?$:null;let j=W0(B().locale),Q=P1();if(Q===null)U0();if(J.type==="manual"&&Q?.length){this.renderChooser(j,J);return}await this.report(J,j)}renderChooser(J,$){let j=this.shell(J);j.classList.add("narrow"),j.setAttribute("aria-label",J.chooseTitle);let Q=D("div","head"),Z=g("✕","icon");Z.setAttribute("aria-label",J.close),Z.addEventListener("click",()=>this.close()),Q.append(D("h2","",J.chooseTitle),Z);let W=a2("problem",M8,J.kindProblem,J.chooseProblemHint);W.dataset.choose="problem",W.addEventListener("click",()=>{this.root.replaceChildren(),this.report($,J)});let X=a2("request",n2,J.kindRequest,J.chooseRequestHint);X.dataset.choose="request",X.addEventListener("click",()=>{this.bundle=c0({reason:$,note:"",screenshotDataUrl:null,screenshotMethod:"none",erroredQueries:q1()}),this.renderForm(J,$,"request")});let H=D("div","kinds choose");H.append(W,X),H.addEventListener("keydown",(U)=>{if(!r2.includes(U.key))return;U.preventDefault(),(this.root.activeElement===W?X:W).focus()}),j.append(Q,H),W.focus()}async switchToReport(J,$,j){this.root.replaceChildren();let Q=await X1();if(Q.method==="cancelled"){this.renderForm(J,$,"request",{...j,asking:!0});return}this.bundle=c0({reason:$,note:"",screenshotDataUrl:Q.dataUrl,screenshotMethod:Q.method,erroredQueries:q1()}),this.renderForm(J,$,"problem",j)}async report(J,$){let j=await X1();if(j.method==="cancelled"){this.close();return}this.bundle=c0({reason:J,note:"",screenshotDataUrl:j.dataUrl,screenshotMethod:j.method,erroredQueries:q1()}),this.renderForm($,J,"problem")}close(J=!1){if(J)J0=null;else if(this.keep)J0=this.keep()??J0;this.keep=null,this.annotator?.destroy(),this.annotator=null,this.bundle=null,this.busy=!1,this.root.replaceChildren();let $=this.returnFocus;if(this.returnFocus=null,$?.isConnected)$.focus()}shell(J){let $=document.createElement("style");$.textContent=o2;let j=document.createElement("div");j.className="backdrop";let Q=document.createElement("div");return Q.className="panel",Q.setAttribute("role","dialog"),Q.setAttribute("aria-modal","true"),Q.setAttribute("aria-label",J.title),j.append(Q),this.root.replaceChildren($,j),Q}renderShell(J,$){let j=this.shell(J),Q=D("div","head");Q.append(D("h2","",J.title)),j.append(Q,D("p","status",$))}renderForm(J,$,j,Q){let Z=this.bundle;if(!Z)return;let W=this.shell(J),X=j,H=j==="problem"||!!Z.screenshotDataUrl,U=null,k=D("div","head"),O=D("h2","",J.title),w=g("✕","icon");w.setAttribute("aria-label",J.close),w.addEventListener("click",()=>this.close()),k.append(O,w);let _=D("p","door");_.hidden=!0;let S=D("span"),i=g("","link");i.dataset.switchKind="",i.addEventListener("click",()=>V(X==="problem"?"request":"problem")),_.append(S,i);let n=D("div","ask");n.hidden=!0;let E=document.createElement("input");E.type="search",E.className="type-search",E.placeholder=J.requestTypeSearch,E.setAttribute("aria-label",J.requestTypeSearch),E.dataset.requestTypeSearch="",E.hidden=!0;let x=D("div","types");x.setAttribute("role","radiogroup"),x.setAttribute("aria-label",J.requestTypeLabel);let V0=D("p","status",J.requestTypeNone);V0.hidden=!0;let j0=D("p","status type-count","");j0.hidden=!0,n.append(s0(J.requestTypeLabel,"",!0),E,x,V0,j0);let T=[],c=()=>{for(let N of T){let q=N.dataset.requestType===U?.id;N.setAttribute("aria-checked",String(q)),N.tabIndex=q?0:-1}let P=T.find((N)=>N.dataset.requestType===U?.id);if(P&&x.scrollHeight>x.clientHeight){let N=P.offsetTop-x.offsetTop;if(N<x.scrollTop)x.scrollTop=N;else if(N+P.offsetHeight>x.scrollTop+x.clientHeight)x.scrollTop=N+P.offsetHeight-x.clientHeight}},L=document.createElement("input");L.type="text";let E0=s0(""),R=document.createElement("textarea"),Q0=s0(""),m=D("div","meta"),{context:I0}=Z,m0=`${Z.network.length} network · ${Z.console.length} console · ${Z.actionTrail.length} actions${Z.replay?` · ${J.replay} ${Math.round(Z.replay.durationMs/1000)}s`:""}`,Y0=(P,N)=>{let q=document.createElement("div"),C=document.createElement("b");C.textContent=`${P}: `;let A=document.createTextNode(N);return q.append(C,A),m.append(q),{b:C,v:A}};Y0(J.reporter,`${I0.user.fullName??"—"} (${I0.user.email??"—"})`),Y0(J.page,I0.route.href);let s=Y0(J.captured,m0),l=document.createElement("label");l.className="shot-choice",l.hidden=!0;let p=document.createElement("input");p.type="checkbox",p.checked=!0,p.dataset.requestShot="",l.append(p,document.createTextNode(` ${J.requestWithShot}`));let X0=Z.screenshotDataUrl?this.screenshotSection(J,Z.screenshotDataUrl):[D("p","status",J.noScreenshot)],Z0=Z.screenshotDataUrl?X0[0]:null;if(!Z.screenshotDataUrl)l.replaceChildren();let a=D("p","status",""),t=g(J.submit,"primary"),u=()=>{t.disabled=L.value.trim().length===0||X==="request"&&!U};L.addEventListener("input",u);let K=()=>{let P=X==="request";if(O.textContent=P?J.requestTitle:J.title,W.setAttribute("aria-label",P?J.requestTitle:J.title),S.textContent=`${P?J.problemInstead:J.askInstead} `,i.textContent=P?H?J.problemInsteadAction:J.problemInsteadShare:J.askInsteadAction,n.hidden=!P,a0(E0,P?J.requestSummaryLabel:J.summaryLabel,P?"":J.summaryRequired,!0),L.placeholder=P?J.requestSummaryPlaceholder:J.summaryPlaceholder,a0(Q0,P?J.requestDetailLabel:J.detailLabel),R.placeholder=P?J.requestDetailPlaceholder:J.detailPlaceholder,s.b.textContent=`${P?J.requestLeaves:J.captured}: `,s.v.textContent=P?J.requestLeavesWhat:m0,l.hidden=!P||!Z.screenshotDataUrl,Z0)a0(Z0,P?J.requestAnnotateHint:J.annotateHint);for(let N of X0)N.classList.toggle("dropped",P&&!p.checked),N.hidden=P&&!Z.screenshotDataUrl;t.textContent=P?J.requestSubmit:J.submit,u()};p.addEventListener("change",K);let V=(P)=>{if(P===X)return;if(P==="problem"&&!H){this.switchToReport(J,$,{title:L.value,detail:R.value,asking:!1,typeId:U?.id??null});return}X=P,K()},G=(P)=>{if(this.bundle!==Z||$.type!=="manual"||!P.length)return;U=P[0],T.length=0;for(let q of P){let C=g("","type");C.setAttribute("role","radio"),C.dataset.requestType=q.id;let A=D("span","type-body");if(A.append(D("b","",q.name)),q.description)A.append(D("span","type-hint",q.description));if(q.targetHours){let G0=D("span","type-due");G0.append(t0(q8),document.createTextNode(J.requestTarget.replace("{time}",U8(J,q.targetHours)))),A.append(G0)}C.append(t0(n2),A),C.addEventListener("click",()=>{U=q,c(),u()}),T.push(C)}x.replaceChildren(...T),x.onkeydown=(q)=>{if(!r2.includes(q.key)||!U)return;q.preventDefault();let C=P.filter((K0,P4)=>!T[P4].hidden);if(!C.length)return;let A=C.findIndex((K0)=>K0.id===U.id),G0=q.key==="ArrowUp"||q.key==="ArrowLeft"?-1:1;U=C[A<0?0:(A+G0+C.length)%C.length],c(),T.find((K0)=>K0.dataset.requestType===U.id)?.focus()},x.classList.toggle("long",P.length>=D1),E.hidden=P.length<D1;let N=(q)=>{j0.hidden=P.length<D1||q===0,j0.textContent=J.requestTypeCount.replace("{n}",String(q))};N(P.length),E.oninput=()=>{let q=E.value.trim().toLowerCase(),C=null;if(P.forEach((A,G0)=>{let K0=!q||`${A.name} ${A.description}`.toLowerCase().includes(q);if(T[G0].hidden=!K0,K0&&!C)C=A}),V0.hidden=!!C,N(T.filter((A)=>!A.hidden).length),C&&U&&T[P.indexOf(U)].hidden)U=C;c(),u()},E.onkeydown=(q)=>{if(q.key==="ArrowDown"||q.key==="Enter")q.preventDefault(),T.find((C)=>C.dataset.requestType===U?.id&&!C.hidden)?.focus()},c(),_.hidden=!1,K()},Y=Q??(J0&&(J0.title||J0.detail)?J0:null),F=D("p","draft");if(F.hidden=!Y||!!Q,Y){L.value=Y.title,R.value=Y.detail;let P=g(J.draftClear,"link");P.dataset.draftClear="",P.addEventListener("click",()=>{L.value="",R.value="",J0=null,F.hidden=!0,u(),L.focus()}),F.append(document.createTextNode(`${J.draftRestored} · `),P)}let M=P1(),I=(P)=>{if(G(P),X!=="request"||_.hidden||!Y?.typeId)return;let N=P.find((q)=>q.id===Y.typeId);if(N)U=N,c()};if(M)I(M);else if($.type==="manual")U0().then(I);this.keep=()=>({title:L.value,detail:R.value,asking:X==="request",typeId:U?.id??null}),W.append(k,_,F,n,E0,L,Q0,R,m,l,...X0);let f=D("div","foot"),d=g(J.close);d.addEventListener("click",()=>this.close()),f.append(d,a,D("span","grow"),t),W.append(f),K(),t.addEventListener("click",async()=>{t.disabled=!0,a.dataset.tone="",a.textContent=J.submitting;let P=()=>this.annotator?.hasShapes()?this.annotator.toDataUrl():Z.screenshotDataUrl;try{if(X==="request"&&U){let C=await v2({ticketTypeId:U.id,title:L.value.trim(),description:R.value,screenshotDataUrl:p.checked?P():null}),A=this.dispatchEvent(new CustomEvent("lw-request-submitted",{detail:C,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),A)P0(`${J.requestSubmitted} — #${C.number}`,"success");return}let N=await b2(L.value.trim(),{...Z,note:R.value,screenshotDataUrl:P()}),q=this.dispatchEvent(new CustomEvent("lw-report-submitted",{detail:N,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),q)P0(`${J.submitted} — #${N.number}`,"success")}catch(N){let q=G8(N,J);a.dataset.tone="error",a.textContent=q,P0(q,"error"),u()}}),L.focus()}screenshotSection(J,$){let j=s0(J.annotateHint),Q=D("div","tools"),Z=document.createElement("canvas"),W=D("div","shot");W.append(Z);let X=[],H=(w)=>{for(let _ of X)_.setAttribute("aria-pressed",String(_===w))};for(let{tool:w,key:_}of H8){let S=g(J[_]);S.setAttribute("aria-pressed","false"),S.addEventListener("click",()=>{let i=S.getAttribute("aria-pressed")==="true";H(i?null:S),this.annotator?.setTool(i?null:w)}),X.push(S),Q.append(S)}Q.append(D("span","sep"));let U=g(J.deleteSelected);U.addEventListener("click",()=>this.annotator?.deleteSelected());let k=g(J.clearAll);k.addEventListener("click",()=>{this.annotator?.clear(),H(null)}),Q.append(U,k);let O=new Image;return O.onload=()=>{Z.width=O.naturalWidth,Z.height=O.naturalHeight,this.annotator=l2(Z,O,()=>{H(null),U.disabled=!this.annotator?.hasSelection()})},O.src=$,[j,Q,D("p","status",J.annotateHelp),W]}}}function q1(){try{return F8()}catch{return[]}}function D(z,J="",$=""){let j=document.createElement(z);if(J)j.className=J;if($)j.textContent=$;return j}function U8(z,J){return J>=24&&J%24===0?z.days.replace("{n}",String(J/24)):z.hours.replace("{n}",String(J))}var r2=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],D1=7,M8=[["path",{d:"M12 20v-9"}],["path",{d:"M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"}],["path",{d:"M14.12 3.88 16 2"}],["path",{d:"M21 21a4 4 0 0 0-3.81-4"}],["path",{d:"M21 5a4 4 0 0 1-3.55 3.97"}],["path",{d:"M22 13h-4"}],["path",{d:"M3 21a4 4 0 0 1 3.81-4"}],["path",{d:"M3 5a4 4 0 0 0 3.55 3.97"}],["path",{d:"M6 13H2"}],["path",{d:"m8 2 1.88 1.88"}],["path",{d:"M9 7.13V6a3 3 0 1 1 6 0v1.13"}]],n2=[["rect",{width:"8",height:"8",x:"3",y:"3",rx:"2"}],["path",{d:"M7 11v4a2 2 0 0 0 2 2h4"}],["rect",{width:"8",height:"8",x:"13",y:"13",rx:"2"}]],q8=[["circle",{cx:"12",cy:"12",r:"10"}],["path",{d:"M12 6v6l4 2"}]],D8=[["path",{d:"M20 6 9 17l-5-5"}]],s2="http://www.w3.org/2000/svg";function a2(z,J,$,j){let Q=g("","kind");Q.dataset.kind=z;let Z=D("span","kind-top");return Z.append(t0(J),D("b","",$)),Q.append(Z,D("span","kind-hint",j),t0(D8,"tick")),Q}function t0(z,J="icon"){let $=document.createElementNS(s2,"svg");for(let[j,Q]of Object.entries({viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",class:J}))$.setAttribute(j,Q);for(let[j,Q]of z){let Z=document.createElementNS(s2,j);for(let[W,X]of Object.entries(Q))Z.setAttribute(W,X);$.append(Z)}return $}function g(z,J=""){let $=document.createElement("button");if($.type="button",$.textContent=z,J)$.className=J;return $}function s0(z,J="",$=!1){return a0(document.createElement("label"),z,J,$)}function a0(z,J,$="",j=!1){if(z.replaceChildren(document.createTextNode(J)),j){let Q=document.createElement("span");Q.className="req",Q.textContent=" *",z.append(Q)}if($){let Q=document.createElement("span");Q.className="hint",Q.textContent=` ${$}`,z.append(Q)}return z}function t2(){if(typeof window>"u"||customElements.get(L0))return;customElements.define(L0,P8())}var e2=138.23,Z3=`
|
|
184
|
+
`;var m0="lw-debug-reporter",Q0=null;function z5(z,J){if(z instanceof s){if(z.kind==="offline")return J.failedOffline;if(z.kind==="unavailable")return J.failedUnavailable;if(z.kind==="rateLimited")return J.failedTooMany.replace("{seconds}",z.retryAfter??"60");return z.message||J.failed}return J.failed}var J5=()=>[];var $5=[{tool:"rect",key:"toolRect"},{tool:"arrow",key:"toolArrow"},{tool:"highlight",key:"toolHighlight"},{tool:"text",key:"toolText"}];function j5(){return class extends HTMLElement{root;stop=null;annotator=null;bundle=null;busy=!1;keep=null;returnFocus=null;constructor(){super();this.root=this.attachShadow({mode:"open"}),y0(this.root),this.root.addEventListener("keydown",(J)=>{let $=J;if($.key!=="Escape"||$.defaultPrevented||!this.root.querySelector("[role=dialog]"))return;$.preventDefault(),this.close()})}connectedCallback(){this.dataset.debugReporter="true",this.stop=T2((J)=>void this.open(J))}disconnectedCallback(){this.stop?.(),this.stop=null,this.close()}async open(J){if(this.busy)return;this.busy=!0;let $=document.activeElement;this.returnFocus=$ instanceof HTMLElement&&$!==document.body?$:null;let j=U0(N().locale),Q=w1();if(Q===null)C0();if(J.type==="manual"&&Q?.length){this.renderChooser(j,J);return}await this.report(J,j)}renderChooser(J,$){let j=this.shell(J);j.classList.add("narrow"),j.setAttribute("aria-label",J.chooseTitle);let Q=M("div","head"),Z=u("✕","icon");Z.setAttribute("aria-label",J.close),Z.addEventListener("click",()=>this.close()),Q.append(M("h2","",J.chooseTitle),Z);let X=S4("problem",Z5,J.kindProblem,J.chooseProblemHint);X.dataset.choose="problem",X.addEventListener("click",()=>{this.root.replaceChildren(),this.report($,J)});let Y=S4("request",O4,J.kindRequest,J.chooseRequestHint);Y.dataset.choose="request",Y.addEventListener("click",()=>{this.bundle=j1({reason:$,note:"",screenshotDataUrl:null,screenshotMethod:"none",erroredQueries:b1()}),this.renderForm(J,$,"request")});let H=M("div","kinds choose");H.append(X,Y),H.addEventListener("keydown",(F)=>{if(!C4.includes(F.key))return;F.preventDefault(),(this.root.activeElement===X?Y:X).focus()}),j.append(Q,H),X.focus()}async switchToReport(J,$,j){this.root.replaceChildren();let Q=await k1();if(Q.method==="cancelled"){this.renderForm(J,$,"request",{...j,asking:!0});return}this.bundle=j1({reason:$,note:"",screenshotDataUrl:Q.dataUrl,screenshotMethod:Q.method,erroredQueries:b1()}),this.renderForm(J,$,"problem",j)}async report(J,$){let j=await k1();if(j.method==="cancelled"){this.close();return}this.bundle=j1({reason:J,note:"",screenshotDataUrl:j.dataUrl,screenshotMethod:j.method,erroredQueries:b1()}),this.renderForm($,J,"problem")}close(J=!1){if(J)Q0=null;else if(this.keep)Q0=this.keep()??Q0;this.keep=null,this.annotator?.destroy(),this.annotator=null,this.bundle=null,this.busy=!1,this.root.replaceChildren();let $=this.returnFocus;if(this.returnFocus=null,$?.isConnected)$.focus()}shell(J){let $=document.createElement("style");$.textContent=I4;let j=document.createElement("div");j.className="backdrop";let Q=document.createElement("div");return Q.className="panel",Q.setAttribute("role","dialog"),Q.setAttribute("aria-modal","true"),Q.setAttribute("aria-label",J.title),j.append(Q),this.root.replaceChildren($,j),Q}renderShell(J,$){let j=this.shell(J),Q=M("div","head");Q.append(M("h2","",J.title)),j.append(Q,M("p","status",$))}renderForm(J,$,j,Q){let Z=this.bundle;if(!Z)return;let X=this.shell(J),Y=j,H=j==="problem"||!!Z.screenshotDataUrl,F=null,S=M("div","head"),B=M("h2","",J.title),L=u("✕","icon");L.setAttribute("aria-label",J.close),L.addEventListener("click",()=>this.close()),S.append(B,L);let R=M("p","door");R.hidden=!0;let k=M("span"),l=u("","link");l.dataset.switchKind="",l.addEventListener("click",()=>W(Y==="problem"?"request":"problem")),R.append(k,l);let t=M("div","ask");t.hidden=!0;let b=document.createElement("input");b.type="search",b.className="type-search",b.placeholder=J.requestTypeSearch,b.setAttribute("aria-label",J.requestTypeSearch),b.dataset.requestTypeSearch="",b.hidden=!0;let O=M("div","types");O.setAttribute("role","radiogroup"),O.setAttribute("aria-label",J.requestTypeLabel);let P0=M("p","status",J.requestTypeNone);P0.hidden=!0;let Y0=M("p","status type-count","");Y0.hidden=!0,t.append(W1(J.requestTypeLabel,"",!0),b,O,P0,Y0);let x=[],o=()=>{for(let C of x){let D=C.dataset.requestType===F?.id;C.setAttribute("aria-checked",String(D)),C.tabIndex=D?0:-1}let P=x.find((C)=>C.dataset.requestType===F?.id);if(P&&O.scrollHeight>O.clientHeight){let C=P.offsetTop-O.offsetTop;if(C<O.scrollTop)O.scrollTop=C;else if(C+P.offsetHeight>O.scrollTop+O.clientHeight)O.scrollTop=C+P.offsetHeight-O.clientHeight}},w=document.createElement("input");w.type="text";let l0=W1(""),A=document.createElement("textarea"),K0=W1(""),h=M("div","meta"),{context:R0}=Z,o0=`${Z.network.length} network · ${Z.console.length} console · ${Z.actionTrail.length} actions${Z.replay?` · ${J.replay} ${Math.round(Z.replay.durationMs/1000)}s`:""}`,q0=(P,C)=>{let D=document.createElement("div"),_=document.createElement("b");_.textContent=`${P}: `;let T=document.createTextNode(C);return D.append(_,T),h.append(D),{b:_,v:T}};q0(J.reporter,`${R0.user.fullName??"—"} (${R0.user.email??"—"})`),q0(J.page,R0.route.href);let e=q0(J.captured,o0),r=document.createElement("label");r.className="shot-choice",r.hidden=!0;let d=document.createElement("input");d.type="checkbox",d.checked=!0,d.dataset.requestShot="",r.append(d,document.createTextNode(` ${J.requestWithShot}`));let D0=Z.screenshotDataUrl?this.screenshotSection(J,Z.screenshotDataUrl):[M("p","status",J.noScreenshot)],G0=Z.screenshotDataUrl?D0[0]:null;if(!Z.screenshotDataUrl)r.replaceChildren();let z0=M("p","status",""),J0=u(J.submit,"primary"),i=()=>{J0.disabled=w.value.trim().length===0||Y==="request"&&!F};w.addEventListener("input",i);let V=()=>{let P=Y==="request";if(B.textContent=P?J.requestTitle:J.title,X.setAttribute("aria-label",P?J.requestTitle:J.title),k.textContent=`${P?J.problemInstead:J.askInstead} `,l.textContent=P?H?J.problemInsteadAction:J.problemInsteadShare:J.askInsteadAction,t.hidden=!P,Y1(l0,P?J.requestSummaryLabel:J.summaryLabel,P?"":J.summaryRequired,!0),w.placeholder=P?J.requestSummaryPlaceholder:J.summaryPlaceholder,Y1(K0,P?J.requestDetailLabel:J.detailLabel),A.placeholder=P?J.requestDetailPlaceholder:J.detailPlaceholder,e.b.textContent=`${P?J.requestLeaves:J.captured}: `,e.v.textContent=P?J.requestLeavesWhat:o0,r.hidden=!P||!Z.screenshotDataUrl,G0)Y1(G0,P?J.requestAnnotateHint:J.annotateHint);for(let C of D0)C.classList.toggle("dropped",P&&!d.checked),C.hidden=P&&!Z.screenshotDataUrl;J0.textContent=P?J.requestSubmit:J.submit,i()};d.addEventListener("change",V);let W=(P)=>{if(P===Y)return;if(P==="problem"&&!H){this.switchToReport(J,$,{title:w.value,detail:A.value,asking:!1,typeId:F?.id??null});return}Y=P,V()},G=(P)=>{if(this.bundle!==Z||$.type!=="manual"||!P.length)return;F=P[0],x.length=0;for(let D of P){let _=u("","type");_.setAttribute("role","radio"),_.dataset.requestType=D.id;let T=M("span","type-body");if(T.append(M("b","",D.name)),D.description)T.append(M("span","type-hint",D.description));if(D.targetHours){let B0=M("span","type-due");B0.append(K1(V5),document.createTextNode(J.requestTarget.replace("{time}",Q5(J,D.targetHours)))),T.append(B0)}_.append(K1(O4),T),_.addEventListener("click",()=>{F=D,o(),i()}),x.push(_)}O.replaceChildren(...x),O.onkeydown=(D)=>{if(!C4.includes(D.key)||!F)return;D.preventDefault();let _=P.filter((H0,j6)=>!x[j6].hidden);if(!_.length)return;let T=_.findIndex((H0)=>H0.id===F.id),B0=D.key==="ArrowUp"||D.key==="ArrowLeft"?-1:1;F=_[T<0?0:(T+B0+_.length)%_.length],o(),x.find((H0)=>H0.dataset.requestType===F.id)?.focus()},O.classList.toggle("long",P.length>=g1),b.hidden=P.length<g1;let C=(D)=>{Y0.hidden=P.length<g1||D===0,Y0.textContent=J.requestTypeCount.replace("{n}",String(D))};C(P.length),b.oninput=()=>{let D=b.value.trim().toLowerCase(),_=null;if(P.forEach((T,B0)=>{let H0=!D||`${T.name} ${T.description}`.toLowerCase().includes(D);if(x[B0].hidden=!H0,H0&&!_)_=T}),P0.hidden=!!_,C(x.filter((T)=>!T.hidden).length),_&&F&&x[P.indexOf(F)].hidden)F=_;o(),i()},b.onkeydown=(D)=>{if(D.key==="ArrowDown"||D.key==="Enter")D.preventDefault(),x.find((_)=>_.dataset.requestType===F?.id&&!_.hidden)?.focus()},o(),R.hidden=!1,V()},K=Q??(Q0&&(Q0.title||Q0.detail)?Q0:null),U=M("p","draft");if(U.hidden=!K||!!Q,K){w.value=K.title,A.value=K.detail;let P=u(J.draftClear,"link");P.dataset.draftClear="",P.addEventListener("click",()=>{w.value="",A.value="",Q0=null,U.hidden=!0,i(),w.focus()}),U.append(document.createTextNode(`${J.draftRestored} · `),P)}let q=w1(),I=(P)=>{if(G(P),Y!=="request"||R.hidden||!K?.typeId)return;let C=P.find((D)=>D.id===K.typeId);if(C)F=C,o()};if(q)I(q);else if($.type==="manual")C0().then(I);this.keep=()=>({title:w.value,detail:A.value,asking:Y==="request",typeId:F?.id??null}),X.append(S,R,U,t,l0,w,K0,A,h,r,...D0);let E=M("div","foot"),c=u(J.close);c.addEventListener("click",()=>this.close()),E.append(c,z0,M("span","grow"),J0),X.append(E),V(),J0.addEventListener("click",async()=>{J0.disabled=!0,z0.dataset.tone="",z0.textContent=J.submitting;let P=()=>this.annotator?.hasShapes()?this.annotator.toDataUrl():Z.screenshotDataUrl;try{if(Y==="request"&&F){let _=await U4({ticketTypeId:F.id,title:w.value.trim(),description:A.value,screenshotDataUrl:d.checked?P():null}),T=this.dispatchEvent(new CustomEvent("lw-request-submitted",{detail:_,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),T)I0(`${J.requestSubmitted} — #${_.number}`,"success");return}let C=await G4(w.value.trim(),{...Z,note:A.value,screenshotDataUrl:P()}),D=this.dispatchEvent(new CustomEvent("lw-report-submitted",{detail:C,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),D)I0(`${J.submitted} — #${C.number}`,"success")}catch(C){let D=z5(C,J);z0.dataset.tone="error",z0.textContent=D,I0(D,"error"),i()}}),w.focus()}screenshotSection(J,$){let j=W1(J.annotateHint),Q=M("div","tools"),Z=document.createElement("canvas"),X=M("div","shot");X.append(Z);let Y=[],H=(L)=>{for(let R of Y)R.setAttribute("aria-pressed",String(R===L))};for(let{tool:L,key:R}of $5){let k=u(J[R]);k.setAttribute("aria-pressed","false"),k.addEventListener("click",()=>{let l=k.getAttribute("aria-pressed")==="true";H(l?null:k),this.annotator?.setTool(l?null:L)}),Y.push(k),Q.append(k)}Q.append(M("span","sep"));let F=u(J.deleteSelected);F.addEventListener("click",()=>this.annotator?.deleteSelected());let S=u(J.clearAll);S.addEventListener("click",()=>{this.annotator?.clear(),H(null)}),Q.append(F,S);let B=new Image;return B.onload=()=>{Z.width=B.naturalWidth,Z.height=B.naturalHeight,this.annotator=N4(Z,B,()=>{H(null),F.disabled=!this.annotator?.hasSelection()})},B.src=$,[j,Q,M("p","status",J.annotateHelp),X]}}}function b1(){try{return J5()}catch{return[]}}function M(z,J="",$=""){let j=document.createElement(z);if(J)j.className=J;if($)j.textContent=$;return j}function Q5(z,J){return J>=24&&J%24===0?z.days.replace("{n}",String(J/24)):z.hours.replace("{n}",String(J))}var C4=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],g1=7,Z5=[["path",{d:"M12 20v-9"}],["path",{d:"M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"}],["path",{d:"M14.12 3.88 16 2"}],["path",{d:"M21 21a4 4 0 0 0-3.81-4"}],["path",{d:"M21 5a4 4 0 0 1-3.55 3.97"}],["path",{d:"M22 13h-4"}],["path",{d:"M3 21a4 4 0 0 1 3.81-4"}],["path",{d:"M3 5a4 4 0 0 0 3.55 3.97"}],["path",{d:"M6 13H2"}],["path",{d:"m8 2 1.88 1.88"}],["path",{d:"M9 7.13V6a3 3 0 1 1 6 0v1.13"}]],O4=[["rect",{width:"8",height:"8",x:"3",y:"3",rx:"2"}],["path",{d:"M7 11v4a2 2 0 0 0 2 2h4"}],["rect",{width:"8",height:"8",x:"13",y:"13",rx:"2"}]],V5=[["circle",{cx:"12",cy:"12",r:"10"}],["path",{d:"M12 6v6l4 2"}]],X5=[["path",{d:"M20 6 9 17l-5-5"}]],_4="http://www.w3.org/2000/svg";function S4(z,J,$,j){let Q=u("","kind");Q.dataset.kind=z;let Z=M("span","kind-top");return Z.append(K1(J),M("b","",$)),Q.append(Z,M("span","kind-hint",j),K1(X5,"tick")),Q}function K1(z,J="icon"){let $=document.createElementNS(_4,"svg");for(let[j,Q]of Object.entries({viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",class:J}))$.setAttribute(j,Q);for(let[j,Q]of z){let Z=document.createElementNS(_4,j);for(let[X,Y]of Object.entries(Q))Z.setAttribute(X,Y);$.append(Z)}return $}function u(z,J=""){let $=document.createElement("button");if($.type="button",$.textContent=z,J)$.className=J;return $}function W1(z,J="",$=!1){return Y1(document.createElement("label"),z,J,$)}function Y1(z,J,$="",j=!1){if(z.replaceChildren(document.createTextNode(J)),j){let Q=document.createElement("span");Q.className="req",Q.textContent=" *",z.append(Q)}if($){let Q=document.createElement("span");Q.className="hint",Q.textContent=` ${$}`,z.append(Q)}return z}function L4(){if(typeof window>"u"||customElements.get(m0))return;customElements.define(m0,j5())}var R4=138.23,G9=`
|
|
185
185
|
:host { all: initial; }
|
|
186
186
|
.backdrop {
|
|
187
187
|
position: fixed; inset: 0; z-index: 2147483002;
|
|
@@ -211,10 +211,10 @@ button.link:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
|
|
|
211
211
|
.ring .track { stroke: #e2e8f0; }
|
|
212
212
|
.ring .bar {
|
|
213
213
|
stroke: #0ea5e9; transform: rotate(-90deg); transform-origin: 50% 50%;
|
|
214
|
-
stroke-dasharray: ${
|
|
214
|
+
stroke-dasharray: ${R4}; stroke-dashoffset: 0;
|
|
215
215
|
animation: deplete var(--secs, 3s) linear forwards;
|
|
216
216
|
}
|
|
217
|
-
@keyframes deplete { to { stroke-dashoffset: ${
|
|
217
|
+
@keyframes deplete { to { stroke-dashoffset: ${R4}; } }
|
|
218
218
|
.count {
|
|
219
219
|
position: absolute; inset: 0; display: grid; place-items: center;
|
|
220
220
|
font-size: 18px; font-weight: 600; color: #0f172a;
|
|
@@ -258,7 +258,7 @@ p { margin: 0; font-size: 13px; line-height: 1.6; color: #475569; }
|
|
|
258
258
|
.ring .bar { animation: none; stroke-dashoffset: 0; }
|
|
259
259
|
.spinner { animation-duration: 2s; }
|
|
260
260
|
}
|
|
261
|
-
`;var
|
|
261
|
+
`;var W5="/sso";function Y5(z,J,$,j){let Q=new URL(W5,z.endsWith("/")?z:`${z}/`);if(Q.searchParams.set("realm",J),Q.searchParams.set("token",$),j)Q.searchParams.set("return",j);return Q.toString()}class h1 extends Error{constructor(z="No identity provider is configured, or nobody is signed in"){super(z);this.name="NoIdentityError"}}async function K5(z){let J=N();if(!J.identity)throw new h1;let $=await J.identity();if(!$)throw new h1;return Y5(J.host,J.realmKey,$,z)}var k4=K5;var G5="lw-call-ring",H5=`
|
|
262
262
|
:host { all: initial; }
|
|
263
263
|
.card {
|
|
264
264
|
position: fixed; right: 16px; bottom: 16px; z-index: 2147483002;
|
|
@@ -297,4 +297,7 @@ h2 { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.4; }
|
|
|
297
297
|
@keyframes in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
|
|
298
298
|
@keyframes ping { from { transform: scale(1); opacity: 1; } to { transform: scale(1.6); opacity: 0; } }
|
|
299
299
|
@media (prefers-reduced-motion: reduce) { .card { animation: none; } .icon::after { animation: none; opacity: 0; } }
|
|
300
|
-
`,
|
|
300
|
+
`,U5='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/></svg>',g=null,F0=null,O0=null;function F5(z,J){return z.replace("{key}",J.ticketKey).replace("{title}",J.ticketTitle)}var m1=()=>U0(N().locale);function P5(){if(typeof document>"u")return null;if(g?.isConnected)return g.shadowRoot;g=document.createElement(G5),g.dataset.debugReporter="true";let z=g.attachShadow({mode:"open"});return y0(z),document.body.append(g),z}function A4(z,J){if(F0===z.id&&g?.isConnected)return;let $=P5();if(!$)return;F0=z.id;let j=m1();$.innerHTML="";let Q=document.createElement("style");Q.textContent=H5;let Z=document.createElement("div");Z.className="card",Z.setAttribute("role","alertdialog"),Z.setAttribute("aria-label",j.ringTitle),Z.dataset.lwCallRing=z.id;let X=document.createElement("div");X.className="head";let Y=document.createElement("span");Y.className="icon",Y.innerHTML=U5;let H=document.createElement("div"),F=document.createElement("h2");F.textContent=j.ringTitle;let S=document.createElement("p");S.className="about",S.textContent=F5(j.ringAbout,z),S.title=S.textContent,H.append(F,S),X.append(Y,H);let B=document.createElement("p");B.className="how",B.textContent=j.ringHow;let L=document.createElement("div");L.className="actions";let R=document.createElement("button");R.type="button",R.className="decline",R.textContent=j.ringDecline,R.dataset.lwRing="decline",R.onclick=()=>J.decline();let k=document.createElement("button");if(k.type="button",k.className="open",k.textContent=j.ringOpen,k.dataset.lwRing="open",k.onclick=()=>J.open(),L.append(R,k),Z.append(X,B,L),$.append(Q,Z),q5(),O0===null)O0=document.title,document.title=`${j.ringTab} — ${O0}`;k.focus({preventScroll:!0})}function G1(z){let J=g?.shadowRoot;if(!J)return;u1(),f4();let $=m1(),j=J.querySelector(".how"),Q=J.querySelector(".actions");if(j)if(j.textContent="",z){let Z=document.createElement("a");Z.href=z,Z.target="_blank",Z.rel="noopener",Z.textContent=$.ringBlocked,Z.dataset.lwRing="link",Z.onclick=()=>window.setTimeout(()=>G1(),0),j.append(Z)}else j.textContent=$.ringOpened;if(Q){Q.innerHTML="";let Z=document.createElement("button");Z.type="button",Z.className="close",Z.textContent=$.ringClose,Z.dataset.lwRing="close",Z.onclick=()=>_0(),Q.append(Z)}}function v1(z,J=!0){if(!g?.isConnected||F0!==z)return;g.style.display=J?"none":""}function _0(z){if(z&&F0&&z!==F0)return;u1(),f4(),g?.remove(),g=null,F0=null}function T4(){return g?.isConnected?F0:null}function f4(){if(O0===null||typeof document>"u")return;if(document.title.startsWith(m1().ringTab))document.title=O0;O0=null}var Z0=null,y1;function q5(){u1();let z=window,J=z.AudioContext??z.webkitAudioContext;if(!J)return;try{let j=Z0??new J;Z0=j,j.resume?.().catch(()=>{return})}catch{return}let $=()=>{if(!Z0||Z0.state!=="running")return;let j=Z0.currentTime;for(let[Q,Z]of[660,880].entries()){let X=Z0.createOscillator(),Y=Z0.createGain();X.frequency.value=Z,Y.gain.setValueAtTime(0.0001,j+Q*0.22),Y.gain.exponentialRampToValueAtTime(0.08,j+Q*0.22+0.02),Y.gain.exponentialRampToValueAtTime(0.0001,j+Q*0.22+0.2),X.connect(Y).connect(Z0.destination),X.start(j+Q*0.22),X.stop(j+Q*0.22+0.21)}};$(),y1=setInterval($,2200)}function u1(){clearInterval(y1),y1=void 0}var D5=/^[A-Za-z0-9_-]{1,32}$/,B5=/^#[0-9a-fA-F]{6}$/,M5=["pen","rect","laser"],w4=(z)=>z<0?0:z>1?1:z;function x4(z,J){if(!Array.isArray(z)||z.length<J||z.length>64)return null;let $=[];for(let j of z){if(!Array.isArray(j)||j.length!==2)return null;let[Q,Z]=j;if(typeof Q!=="number"||typeof Z!=="number"||!Number.isFinite(Q)||!Number.isFinite(Z))return null;$.push([w4(Q),w4(Z)])}return $}function b4(z){if(!z||typeof z!=="object")return null;let J=z;if(J.op==="clear")return{op:"clear"};if(typeof J.id!=="string"||!D5.test(J.id))return null;if(J.op==="end")return{op:"end",id:J.id};if(J.op==="add"){let $=x4(J.pts,1);return $?{op:"add",id:J.id,pts:$}:null}if(J.op==="begin"){if(!M5.includes(J.kind)||typeof J.color!=="string"||!B5.test(J.color))return null;let $=x4(J.pts,1);return $?{op:"begin",id:J.id,kind:J.kind,color:J.color,pts:$}:null}return null}function p1(z,J){if(z.endedAt!==null)return z.endedAt;return J-z.lastAt>20000?z.lastAt:null}function E4(z,J,$){if(J===null)return 1;let j=$-J;if(z==="laser")return j>=900?0:1-j/900;if(j<=3500)return 1;return Math.max(0,1-(j-3500)/700)}class d1{marks=new Map;apply(z,J=Date.now()){if(z.op==="clear"){this.marks.clear();return}if(z.op==="begin"){while(this.marks.size>=120)this.marks.delete(this.marks.keys().next().value);this.marks.delete(z.id),this.marks.set(z.id,{kind:z.kind,color:z.color,pts:z.pts.map(([j,Q])=>({x:j,y:Q,t:J})),endedAt:null,lastAt:J});return}let $=this.marks.get(z.id);if(!$||p1($,J)!==null)return;if(z.op==="end"){$.endedAt=J;return}if($.lastAt=J,$.kind==="rect"){let[j,Q]=z.pts[z.pts.length-1];$.pts=[$.pts[0],{x:j,y:Q,t:J}];return}for(let[j,Q]of z.pts)$.pts.push({x:j,y:Q,t:J});if($.pts.length>4000)$.pts.splice(0,$.pts.length-4000)}alive(z=Date.now()){for(let[J,$]of this.marks)if(E4($.kind,p1($,z),z)<=0)this.marks.delete(J);return this.marks.size>0}get size(){return this.marks.size}draw(z,J,$,j=Date.now()){z.clearRect(0,0,J,$);let Q=Math.max(1,Math.min(J,$));for(let Z of this.marks.values()){let X=E4(Z.kind,p1(Z,j),j);if(X<=0||!Z.pts.length)continue;if(z.save(),z.lineCap="round",z.lineJoin="round",Z.kind==="pen")I5(z,Z,J,$,Math.max(3,Q*0.0045),X);else if(Z.kind==="rect")C5(z,Z,J,$,Math.max(2.5,Q*0.003),X);else O5(z,Z,J,$,Math.max(6,Q*0.008),X,j);z.restore()}}}function N5(z,J,$,j){if(z.beginPath(),z.moveTo(J[0].x*$,J[0].y*j),J.length===1){z.lineTo(J[0].x*$+0.01,J[0].y*j);return}for(let Z=1;Z<J.length-1;Z++){let X=J[Z],Y=J[Z+1];z.quadraticCurveTo(X.x*$,X.y*j,(X.x+Y.x)/2*$,(X.y+Y.y)/2*j)}let Q=J[J.length-1];z.lineTo(Q.x*$,Q.y*j)}function I5(z,J,$,j,Q,Z){z.globalAlpha=Z,N5(z,J.pts,$,j),z.strokeStyle="rgba(255,255,255,0.92)",z.lineWidth=Q+3,z.stroke(),z.strokeStyle=J.color,z.lineWidth=Q,z.stroke()}function C5(z,J,$,j,Q,Z){let X=J.pts[0],Y=J.pts[J.pts.length-1],H=Math.min(X.x,Y.x)*$,F=Math.min(X.y,Y.y)*j,S=Math.abs(Y.x-X.x)*$,B=Math.abs(Y.y-X.y)*j;z.globalAlpha=Z,z.fillStyle=J.color,z.globalAlpha=Z*0.14,z.fillRect(H,F,S,B),z.globalAlpha=Z,z.strokeStyle="rgba(255,255,255,0.92)",z.lineWidth=Q+3,z.strokeRect(H,F,S,B),z.strokeStyle=J.color,z.lineWidth=Q,z.strokeRect(H,F,S,B)}function O5(z,J,$,j,Q,Z,X){let Y=J.pts.filter((F)=>X-F.t<=450);for(let F=1;F<Y.length;F++){let S=Y[F-1],B=Y[F];z.globalAlpha=Z*Math.max(0,1-(X-B.t)/450)*0.7,z.strokeStyle=J.color,z.lineWidth=Q*0.9,z.beginPath(),z.moveTo(S.x*$,S.y*j),z.lineTo(B.x*$,B.y*j),z.stroke()}let H=J.pts[J.pts.length-1];z.globalAlpha=Z,z.shadowColor=J.color,z.shadowBlur=Q*2,z.fillStyle=J.color,z.beginPath(),z.arc(H.x*$,H.y*j,Q,0,Math.PI*2),z.fill(),z.shadowBlur=0,z.strokeStyle="rgba(255,255,255,0.95)",z.lineWidth=2,z.stroke()}function _5(z,J,$,j=typeof window>"u"?1:window.devicePixelRatio||1){let Q=Math.max(1,Math.round(J*j)),Z=Math.max(1,Math.round($*j));if(z.width!==Q)z.width=Q;if(z.height!==Z)z.height=Z;let X=z.getContext("2d");return X?.setTransform(j,0,0,j,0,0),X}class i1{canvas;scene;box;frame=0;constructor(z,J,$){this.canvas=z;this.scene=J;this.box=$}kick(){if(this.frame||typeof requestAnimationFrame>"u")return;let z=()=>{this.frame=0;let{w:J,h:$}=this.box(),j=_5(this.canvas,J,$),Q=Date.now(),Z=this.scene.alive(Q);if(j)this.scene.draw(j,J,$,Q);if(Z)this.frame=requestAnimationFrame(z)};this.frame=requestAnimationFrame(z)}stop(){if(this.frame&&typeof cancelAnimationFrame<"u")cancelAnimationFrame(this.frame);this.frame=0}}var S5="lw-call-ink",V0=null,H1=null,v0=null;function L5(){if(V0?.isConnected&&v0)return;V0=document.createElement(S5),V0.dataset.debugReporter="true";let z=V0.attachShadow({mode:"open"}),J=document.createElement("style");J.textContent=`:host { all: initial; }
|
|
301
|
+
canvas { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 2147483002; }`;let $=document.createElement("canvas");$.setAttribute("aria-hidden","true"),$.dataset.lwCallInk="",z.append(J,$),document.body.append(V0),H1=new d1,v0=new i1($,H1,()=>({w:window.innerWidth,h:window.innerHeight}))}function g4(z){if(typeof document>"u")return;if(z.op==="clear"&&!V0)return;L5(),H1.apply(z),v0.kick()}function h4(){v0?.stop(),V0?.remove(),V0=null,H1=null,v0=null}var R5="lw-call-frame",k5="lw-call",m=16,o1=368,a=null,f=null,U1=null,P1="",u0=null,p0="card",r1={width:o1,height:0},n1,c1=!1,W0=null,X0=null,l1="lw-call-frame-place";function y4(z,J,$,j){let Q=new URL("embed/call",z.endsWith("/")?z:`${z}/`);return Q.searchParams.set("realm",J),Q.searchParams.set("token",$),Q.searchParams.set("call",j),Q.toString()}function m4(z,J,$){return{x:Math.min(Math.max(z.x,m/2),Math.max(m/2,$.w-J.w-m/2)),y:Math.min(Math.max(z.y,m/2),Math.max(m/2,$.h-J.h-m/2))}}function A5(z,J){if(z.origin!==J.origin||z.source!==J.window)return null;let $=z.data;return $&&typeof $==="object"&&$.source===k5&&typeof $.type==="string"?$:null}function d0(){return a?.isConnected?U1:null}function v4(z,J,$,j=15000){if(typeof document>"u")return;if(U1===J&&a?.isConnected)return;i0(),U1=J,u0=$,c1=!1,p0="card",r1={width:o1,height:0},P1=new URL(z).origin;try{W0=JSON.parse(sessionStorage.getItem(l1)??"null")}catch{W0=null}a=document.createElement(R5),a.dataset.debugReporter="true";let Q=a.attachShadow({mode:"open"}),Z=document.createElement("style");Z.textContent=`:host { all: initial; }
|
|
302
|
+
iframe { position: fixed; z-index: 2147483003; border: 0; background: transparent; color-scheme: normal; visibility: hidden; }
|
|
303
|
+
iframe.on { visibility: visible; }`,f=document.createElement("iframe"),f.allow="microphone; camera; display-capture; autoplay; clipboard-write; fullscreen",f.title="สายจากทีมงาน",f.dataset.lwCallFrame=J,f.setAttribute("allowtransparency","true"),f.src=z,Q.append(Z,f),document.body.append(a),S0(),window.addEventListener("message",p4),window.addEventListener("resize",S0),d4(`lw-call:${J}`),n1=setTimeout(()=>{if(!c1)u4("timeout")},j)}function i0(){if(a)d4(null);h4(),clearTimeout(n1),window.removeEventListener("message",p4),window.removeEventListener("resize",S0),a?.remove(),a=null,f=null,U1=null,u0=null,X0=null}function u4(z){let J=u0;i0(),J?.failed(z)}function p4(z){if(!f)return;let J=A5(z,{origin:P1,window:f.contentWindow});if(!J)return;switch(J.type){case"ready":c1=!0,clearTimeout(n1),f.classList.add("on"),u0?.ready();return;case"size":if(typeof J.width==="number"&&typeof J.height==="number")r1={width:J.width,height:J.height};if(J.layout==="card"||J.layout==="full"){if(J.layout==="full"&&p0==="card")f5();p0=J.layout}return S0();case"drag":return T5(J);case"home":return W0=null,i4(),S0();case"done":{let $=u0;i0(),$?.done();return}case"failed":return u4(J.reason??"failed");case"ink":{let $=b4(J.op);if($)g4($);return}}}function d4(z){let J=typeof navigator>"u"?void 0:navigator.mediaDevices;try{J?.setCaptureHandleConfig?.(z?{handle:z,exposeOrigin:!1,permittedOrigins:[P1]}:{})}catch{}}function T5(z){if(!f||p0!=="card"||typeof z.x!=="number"||typeof z.y!=="number")return;if(z.phase==="start"){let J=f.getBoundingClientRect();X0={sx:z.x,sy:z.y,x:J.left,y:J.top};return}if(!X0)return;if(W0=m4({x:X0.x+(z.x-X0.sx),y:X0.y+(z.y-X0.sy)},c4(),F1()),S0(),z.phase==="end")X0=null,i4()}function f5(){if(!f?.contentWindow)return;let z=f.getBoundingClientRect();f.contentWindow.postMessage({source:"lw-call-host",type:"corner",x:Math.round(z.left),y:Math.round(z.top),width:Math.round(z.width)},P1)}function i4(){try{if(W0)sessionStorage.setItem(l1,JSON.stringify(W0));else sessionStorage.removeItem(l1)}catch{}}var F1=()=>({w:window.innerWidth,h:window.innerHeight});function c4(){let z=F1();return{w:Math.min(o1,z.w-m),h:Math.min(r1.height||0,z.h-m)}}function S0(){if(!f)return;let z=f.style;if(p0==="full"){Object.assign(z,{left:"0px",top:"0px",right:"",bottom:"",width:"100vw",height:"100vh"});return}let J=c4(),$=F1().w<480;if(z.width=$?`calc(100vw - ${m}px)`:`${J.w}px`,z.height=`${J.h}px`,W0&&!$){let j=m4(W0,J,F1());Object.assign(z,{left:`${j.x}px`,top:`${j.y}px`,right:"",bottom:""})}else Object.assign(z,{left:$?`${m/2}px`:"",top:"",right:$?"":`${m/2}px`,bottom:`${m/2}px`})}var q1=[2000,5000,15000,30000,60000],w5=new Set(["ringing","active"]),x5=20000,l4=!1,L0=!1,o4=0,E5=5,s1=null,t4=0,a1,r4,n4,e4=(z)=>z.endsWith("/")?z:`${z}/`;function b5(z,J){let $=new URL("api/presence/ws",e4(z));return $.protocol=$.protocol==="https:"?"wss:":"ws:",$.searchParams.set("t",J),$.toString()}function g5(z){return`/me/tickets/${z.ticketId}?call=${z.id}`}function h5(z){return z.status==="ringing"&&(z.side==="reporter"||z.side===void 0||z.side===null)}async function B1(){let z=N().identity;if(!z)return null;try{return await z()??null}catch{return null}}async function z2(z,J){let $=N();return fetch(new URL(z,e4($.host)).toString(),{method:"POST",headers:{"content-type":"application/json","x-realm-key":$.realmKey,authorization:`Bearer ${J}`},body:"{}"})}function J2(){if(l4||typeof window>"u"||typeof WebSocket>"u")return;let z=N();if(!z.identity||z.ring===!1)return;l4=!0,L0=!1,z6()}function c0(z=!1){if(L0)return;let J=z?q1[q1.length-1]:q1[Math.min(t4++,q1.length-1)];clearTimeout(r4),r4=setTimeout(()=>void z6(),J)}async function z6(){if(L0)return;let z=await B1();if(!z){if(++o4>=E5){L0=!0;return}return c0(!0)}o4=0;let J;try{J=await z2("ingest/live-ticket",z)}catch{return c0()}if(J.status===401||J.status===404||J.status===403){L0=!0;return}if(!J.ok)return c0(J.status===429);let $;try{$=await J.json()}catch{return c0()}if(!$.calls||!$.ticket){L0=!0;return}if($.call)a4($.call);let j=new WebSocket(b5(N().host,$.ticket));s1=j,j.onopen=()=>{t4=0,clearInterval(a1),a1=setInterval(()=>{if(j.readyState===WebSocket.OPEN)j.send(JSON.stringify({type:"ping"}))},x5)},j.onmessage=(Q)=>{try{let Z=JSON.parse(String(Q.data));if(Z.type==="call-state"&&Z.call)a4(Z.call)}catch{}},j.onclose=()=>{if(clearInterval(a1),s1===j)s1=null;c0()}}var e1="lw-call-framed";function y5(){try{return sessionStorage.getItem(e1)}catch{return null}}function D1(z){try{if(z)sessionStorage.setItem(e1,z);else sessionStorage.removeItem(e1)}catch{}}var t1=null;async function s4(z){let J=N();if(J.callFrame===!1||d0()===z.id||t1===z.id)return;t1=z.id;let $=await B1();if(t1=null,!$)return;D1(z.id),v4(y4(J.host,J.realmKey,$,z.id),z.id,{ready:()=>v1(z.id),done:()=>{D1(null),_0(z.id)},failed:()=>{D1(null),v1(z.id,!1)}})}function a4(z){if(!h5(z)){if(_0(z.id),z.status==="active"&&y5()===z.id&&!d0())s4(z);if(!w5.has(z.status)&&d0()===z.id)setTimeout(()=>{if(d0()===z.id)i0(),D1(null)},12000);return}A4(z,{open:()=>m5(z),decline:()=>void v5(z)}),s4(z),clearTimeout(n4);let J=new Date(z.ringUntil).getTime()-Date.now();n4=setTimeout(()=>{if(T4()===z.id)_0(z.id)},Math.max(5000,J+5000))}function m5(z){let J=window.open("about:blank","_blank");(async()=>{let $=await B1();if($)z2(`ingest/calls/${z.id}/coming`,$).catch(()=>{return});let j;try{j=await k4(g5(z))}catch{J?.close();return}if(J&&!J.closed){J.location.href=j;try{J.opener=null}catch{}G1()}else G1(j)})()}async function v5(z){_0(z.id);let J=await B1();if(J)await z2(`ingest/calls/${z.id}/decline`,J).catch(()=>{return})}var J6=!1;function $2(z={}){if(J6||typeof window>"u")return;if(!r0()){console.error("[debug-capture] configureDebugCapture() must be called before install");return}if(J6=!0,c2(),_2(),B2(),g2(),s2(),z.ui===!1)return;let J=U0(N().locale);if(f2((j)=>{I0(j.message??J.crashed,"error",{label:J.crashAction,onClick:()=>z1(j)})}),L4(),!document.querySelector(m0))document.body.append(document.createElement(m0));let $=window.requestIdleCallback;if($)$(()=>void C0(),{timeout:5000});else setTimeout(()=>void C0(),2000);if($)$(()=>J2(),{timeout:8000});else setTimeout(()=>J2(),3000)}var $6=document.currentScript,p=$6?.dataset??{},u5="rrweb-record.mjs";n2(()=>import(new URL(u5,$6?.src??location.href).href));function p5(z){if(!z)return{};try{let J=JSON.parse(z);if(!J||typeof J!=="object"||Array.isArray(J))return{};return Object.fromEntries(Object.entries(J).filter(([,$])=>typeof $==="string"&&$.trim()))}catch{return{}}}if(p.host&&p.realmKey)if(Q2({host:p.host,realmKey:p.realmKey,app:{name:p.appName??document.title??"app",version:p.appVersion??"0.0.0",environment:p.environment??"production"},module:X2(p5(p.modules)),locale:p.locale==="en"?"en":"th",...p.replay!==void 0?{replay:{seconds:Number(p.replay)||void 0}}:{}}),document.body)$2();else document.addEventListener("DOMContentLoaded",()=>$2(),{once:!0});window.lwReportProblem=z1;})();
|
package/dist/index.d.ts
CHANGED
|
@@ -35,6 +35,8 @@ export { redactBody, redactHeaders, redactLabel, redactUrl, REDACTED } from "./c
|
|
|
35
35
|
export { defineReporterElement, setErroredQueriesSource, REPORTER_TAG } from "./ui/element";
|
|
36
36
|
export { showToast } from "./ui/toast";
|
|
37
37
|
export { startLiveRing, stopLiveRing } from "./live";
|
|
38
|
+
export { readInkOp, InkScene, InkPainter, InkSender, sizeInkCanvas, inkAlpha, INK_COLORS, INK_HOLD_MS, INK_FADE_MS, INK_STALE_MS, INK_MAX_POINTS_PER_OP, LASER_LINGER_MS, LASER_TRAIL_MS, INK_SEND_EVERY_MS, INK_KEEP_MS } from "./ink";
|
|
39
|
+
export type { InkOp, InkKind, InkPoint } from "./ink";
|
|
38
40
|
export { createAnnotator } from "./ui/annotator";
|
|
39
41
|
export type { Annotator, AnnotatorTool } from "./ui/annotator";
|
|
40
42
|
export { strings as reporterStrings } from "./ui/strings";
|