makethisbetter 1.0.0 → 1.1.2

package/dist/makethisbetter.esm.js

@@ -1,28 +1,30 @@
-const et = '*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:host{all:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:#191a1c;-webkit-font-smoothing:antialiased}:host([data-mtb-theme="dark"]) .mtb-popup,:host([data-mtb-theme="dark"]) .mtb-success{background:#151719;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-popup-header{border-bottom-color:#ffffff1a}:host([data-mtb-theme="dark"]) .mtb-popup-title,:host([data-mtb-theme="dark"]) .mtb-success-title{color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-quick-option,:host([data-mtb-theme="dark"]) .mtb-textarea{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-popup-close,:host([data-mtb-theme="dark"]) .mtb-success-msg,:host([data-mtb-theme="dark"]) .mtb-close-link{color:#ffffffad}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-popup,:host([data-mtb-theme="auto"]) .mtb-success{background:#151719;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-popup-header{border-bottom-color:#ffffff1a}:host([data-mtb-theme="auto"]) .mtb-popup-title,:host([data-mtb-theme="auto"]) .mtb-success-title{color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-quick-option,:host([data-mtb-theme="auto"]) .mtb-textarea{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-popup-close,:host([data-mtb-theme="auto"]) .mtb-success-msg,:host([data-mtb-theme="auto"]) .mtb-close-link{color:#ffffffad}}.mtb-tab{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:2147483646;display:flex;align-items:center;justify-content:center;width:32px;padding:14px 0;background:#059669;color:#fff;border-radius:8px 0 0 8px;cursor:pointer;box-shadow:-2px 0 14px #05966959;transition:background .15s,box-shadow .15s,width .15s;writing-mode:vertical-lr;text-orientation:mixed;font-size:12px;font-weight:600;letter-spacing:.04em;user-select:none;border:none;outline:none}.mtb-tab.left{right:auto;left:0;border-radius:0 8px 8px 0;box-shadow:2px 0 14px #05966959}.mtb-tab:hover{background:#047857;box-shadow:-3px 0 20px #05966980}.mtb-tab.active{background:#065f46}.mtb-toolbar{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:2147483647;display:flex;align-items:center;gap:11px;height:46px;padding:0 7px;border-radius:13px;background:linear-gradient(120deg,#10b981,#059669);box-shadow:0 10px 26px #0f172a38;animation:mtbBarIn .2s ease;white-space:nowrap}@keyframes mtbBarIn{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.mtb-toolbar-modes{display:flex;align-items:center;gap:3px;background:#ffffff29;border-radius:9px;padding:3px}.mtb-toolbar-mode-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:7px;border:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:550;white-space:nowrap;background:transparent;color:#fffffff2;transition:all .12s}.mtb-toolbar-mode-btn.active{background:#fff;color:#047857}.mtb-toolbar-hint{font-size:12px;color:#fffffff2;white-space:nowrap}.mtb-toolbar-sep{width:1px;height:20px;background:#ffffff38}.mtb-exit-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:8px;font-size:11.5px;font-weight:500;color:#fff;cursor:pointer;background:#ffffff29;border:none;font-family:inherit;transition:background .12s}.mtb-exit-btn:hover{background:#ffffff47}.mtb-overlay{position:fixed;inset:0;z-index:2147483640;cursor:crosshair}.mtb-dim{position:fixed;inset:0;z-index:2147483639;background:#00000014}.mtb-highlight{position:fixed;z-index:2147483641;pointer-events:none;border:2px solid #10b981;border-radius:6px;background:#10b9810f;transition:all .08s ease}.mtb-highlight-tooltip{position:fixed;z-index:2147483642;pointer-events:none;transform:translate(-50%);background:#064e3b;color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #0000002e}.mtb-highlight-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#064e3b}.mtb-draw-svg{position:fixed;inset:0;z-index:2147483643;pointer-events:none;width:100%;height:100%;overflow:visible}.mtb-pin{position:fixed;z-index:2147483644;pointer-events:none;width:22px;height:22px;border-radius:50% 50% 50% 2px;background:#059669;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700;box-shadow:0 2px 8px #05966973;animation:mtbPinPop .25s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%,-50%)}@keyframes mtbPinPop{0%{transform:translate(-50%,-50%) scale(.4)}to{transform:translate(-50%,-50%) scale(1)}}.mtb-popup{position:fixed;z-index:2147483645;width:320px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;box-shadow:0 12px 40px #00000029;overflow:hidden;animation:mtbSlideUp .28s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes mtbSlideUp{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mtb-popup-header{padding:11px 13px 11px 14px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:8px}.mtb-popup-icon{width:20px;height:20px;border-radius:5px;background:#10b9811a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtb-popup-title{flex:1;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#191a1c}.mtb-popup-close{background:none;border:none;cursor:pointer;padding:3px;color:#00000061;display:flex;align-items:center;border-radius:4px;transition:color .12s}.mtb-popup-close:hover{color:#000000b3}.mtb-popup-body{padding:13px}.mtb-quick-options{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.mtb-quick-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.09);border-radius:10px;background:#fafafa;cursor:pointer;font-family:inherit;font-size:13px;color:#191a1c;text-align:left;transition:all .12s}.mtb-quick-option:hover{background:#10b9810f;border-color:#10b9814d}.mtb-quick-option-emoji{font-size:15px;flex-shrink:0;line-height:1}.mtb-textarea-wrap{position:relative}.mtb-textarea{width:100%;height:64px;padding:9px 11px;border:1px solid rgba(0,0,0,.12);border-radius:9px;font-family:inherit;font-size:12.5px;line-height:1.5;color:#191a1c;outline:none;background:#fff;resize:none;transition:border-color .12s,box-shadow .12s}.mtb-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.mtb-textarea::placeholder{color:#00000057}.mtb-popup-error{margin-top:8px;color:#b91c1c;font-size:11.5px}.mtb-popup-error:empty,.mtb-popup-error[hidden]{display:none}.mtb-popup-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.mtb-cancel-btn,.mtb-submit-btn{min-width:72px;height:30px;border:none;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-cancel-btn{background:#f3f4f6;color:#000000ad}.mtb-cancel-btn:hover{background:#e5e7eb}.mtb-submit-btn{background:#d1d5db;color:#fff}.mtb-submit-btn.ready{background:#059669}.mtb-submit-btn.ready:hover{background:#047857}.mtb-submit-btn.loading{background:#059669;opacity:.7;cursor:wait}.mtb-submit-btn:disabled{cursor:not-allowed}.mtb-success{position:fixed;z-index:2147483645;width:300px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 20px 60px #0000001f;padding:26px 22px;text-align:center;animation:mtbSlideUp .35s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mtb-success-icon{width:44px;height:44px;border-radius:50%;background:#05966914;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.mtb-success-title{font-size:16px;font-weight:700;margin-bottom:6px;color:#191a1c}.mtb-success-msg{font-size:13px;color:#0000008c;margin-bottom:16px;line-height:1.6}.mtb-close-link{background:none;border:none;cursor:pointer;font-size:12px;color:#00000073;font-family:inherit;transition:color .12s}.mtb-close-link:hover{color:#000000b3}.mtb-pet{position:fixed;bottom:20px;right:20px;z-index:2147483646;cursor:pointer;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;animation:mtbPetBounce 3s ease-in-out infinite;transition:transform .2s;user-select:none;outline:none;filter:drop-shadow(0 4px 12px rgba(5,150,105,.35))}.mtb-pet:hover{transform:scale(1.12);animation-play-state:paused}.mtb-pet:hover .mtb-pet-bubble{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.mtb-pet.active{animation:none;opacity:.6}.mtb-pet-svg{display:block}@keyframes mtbPetBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mtb-pet-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(4px);margin-bottom:8px;background:#064e3b;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 4px 14px #0000002e;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.mtb-pet-bubble.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.mtb-pet-bubble.hidden{opacity:0;pointer-events:none}.mtb-pet-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#064e3b}.mtb-frustration-prompt{position:fixed;bottom:20px;right:20px;z-index:2147483645;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 30px #0000001f;animation:mtbSlideUp .35s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:host([data-mtb-theme="dark"]) .mtb-frustration-prompt{background:#151719;border-color:#ffffff1f;color:#f9fafb}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-frustration-prompt{background:#151719;border-color:#ffffff1f;color:#f9fafb}}.mtb-frustration-icon{width:32px;height:32px;border-radius:50%;background:#eab3081a;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;line-height:1}.mtb-frustration-text{font-size:13px;font-weight:500;color:inherit;line-height:1.4}.mtb-frustration-actions{display:flex;gap:6px;flex-shrink:0}.mtb-frustration-tell{height:28px;padding:0 12px;border:none;border-radius:7px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-frustration-tell:hover{background:#047857}.mtb-frustration-dismiss{height:28px;padding:0 8px;border:none;border-radius:7px;background:transparent;color:#0006;cursor:pointer;font-family:inherit;font-size:12px;transition:color .12s}.mtb-frustration-dismiss:hover{color:#000000b3}:host([data-mtb-theme="dark"]) .mtb-frustration-dismiss{color:#fff6}:host([data-mtb-theme="dark"]) .mtb-frustration-dismiss:hover{color:#ffffffb3}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-frustration-dismiss{color:#fff6}:host([data-mtb-theme="auto"]) .mtb-frustration-dismiss:hover{color:#ffffffb3}}.mtb-record-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:2147483647;display:flex;align-items:center;gap:12px;height:42px;padding:0 8px 0 14px;border-radius:12px;background:#0f172aeb;box-shadow:0 8px 24px #00000040;animation:mtbBarIn .2s ease}.mtb-record-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:mtbRecordPulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes mtbRecordPulse{0%,to{opacity:1}50%{opacity:.3}}.mtb-record-timer{font-family:JetBrains Mono,SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;font-weight:500;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:38px}.mtb-record-stop{height:28px;padding:0 14px;border:none;border-radius:7px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-record-stop:hover{background:#047857}.mtb-click-ripple{position:fixed;z-index:2147483644;width:24px;height:24px;border-radius:50%;border:2px solid #10b981;background:#10b98133;pointer-events:none;transform:translate(-50%,-50%) scale(.5);animation:mtbClickRipple .3s ease-out forwards}@keyframes mtbClickRipple{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.mtb-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#fff;animation:mtbDot 1.2s infinite}.mtb-dot:nth-child(2){animation-delay:.2s}.mtb-dot:nth-child(3){animation-delay:.4s}@keyframes mtbDot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}';
-class it {
+const st = '*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:host{all:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:#191a1c;-webkit-font-smoothing:antialiased}:host([data-mtb-theme="dark"]) .mtb-popup,:host([data-mtb-theme="dark"]) .mtb-success{background:#151719;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-popup-header{border-bottom-color:#ffffff1a}:host([data-mtb-theme="dark"]) .mtb-popup-title,:host([data-mtb-theme="dark"]) .mtb-success-title{color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-quick-option,:host([data-mtb-theme="dark"]) .mtb-textarea{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-popup-close,:host([data-mtb-theme="dark"]) .mtb-success-msg,:host([data-mtb-theme="dark"]) .mtb-close-link{color:#ffffffad}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-popup,:host([data-mtb-theme="auto"]) .mtb-success{background:#151719;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-popup-header{border-bottom-color:#ffffff1a}:host([data-mtb-theme="auto"]) .mtb-popup-title,:host([data-mtb-theme="auto"]) .mtb-success-title{color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-quick-option,:host([data-mtb-theme="auto"]) .mtb-textarea{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-popup-close,:host([data-mtb-theme="auto"]) .mtb-success-msg,:host([data-mtb-theme="auto"]) .mtb-close-link{color:#ffffffad}}.mtb-tab{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:2147483646;display:flex;align-items:center;justify-content:center;width:32px;padding:14px 0;background:#059669;color:#fff;border-radius:8px 0 0 8px;cursor:pointer;box-shadow:-2px 0 14px #05966959;transition:background .15s,box-shadow .15s,width .15s;writing-mode:vertical-lr;text-orientation:mixed;font-size:12px;font-weight:600;letter-spacing:.04em;user-select:none;border:none;outline:none}.mtb-tab.left{right:auto;left:0;border-radius:0 8px 8px 0;box-shadow:2px 0 14px #05966959}.mtb-tab:hover{background:#047857;box-shadow:-3px 0 20px #05966980}.mtb-tab.active{background:#065f46}.mtb-toolbar{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:2147483647;display:flex;align-items:center;gap:11px;height:46px;padding:0 7px;border-radius:13px;background:linear-gradient(120deg,#10b981,#059669);box-shadow:0 10px 26px #0f172a38;animation:mtbBarIn .2s ease;white-space:nowrap}@keyframes mtbBarIn{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.mtb-toolbar-modes{display:flex;align-items:center;gap:3px;background:#ffffff29;border-radius:9px;padding:3px}.mtb-toolbar-mode-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:7px;border:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:550;white-space:nowrap;background:transparent;color:#fffffff2;transition:all .12s}.mtb-toolbar-mode-btn.active{background:#fff;color:#047857}.mtb-toolbar-hint{font-size:12px;color:#fffffff2;white-space:nowrap}.mtb-toolbar-sep{width:1px;height:20px;background:#ffffff38}.mtb-exit-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:8px;font-size:11.5px;font-weight:500;color:#fff;cursor:pointer;background:#ffffff29;border:none;font-family:inherit;transition:background .12s}.mtb-exit-btn:hover{background:#ffffff47}.mtb-overlay{position:fixed;inset:0;z-index:2147483640;cursor:crosshair}.mtb-dim{position:fixed;inset:0;z-index:2147483639;background:#00000014}.mtb-highlight{position:fixed;z-index:2147483641;pointer-events:none;border:2px solid #10b981;border-radius:6px;background:#10b9810f;transition:all .08s ease}.mtb-highlight-tooltip{position:fixed;z-index:2147483642;pointer-events:none;transform:translate(-50%);background:#064e3b;color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #0000002e}.mtb-highlight-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#064e3b}.mtb-draw-svg{position:fixed;inset:0;z-index:2147483643;pointer-events:none;width:100%;height:100%;overflow:visible}.mtb-pin{position:fixed;z-index:2147483644;pointer-events:none;width:22px;height:22px;border-radius:50% 50% 50% 2px;background:#059669;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700;box-shadow:0 2px 8px #05966973;animation:mtbPinPop .25s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%,-50%)}@keyframes mtbPinPop{0%{transform:translate(-50%,-50%) scale(.4)}to{transform:translate(-50%,-50%) scale(1)}}.mtb-popup{position:fixed;z-index:2147483645;width:320px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;box-shadow:0 12px 40px #00000029;overflow:hidden;animation:mtbSlideUp .28s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes mtbSlideUp{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mtb-popup-header{padding:11px 13px 11px 14px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:8px}.mtb-popup-icon{width:20px;height:20px;border-radius:5px;background:#10b9811a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtb-popup-title{flex:1;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#191a1c}.mtb-popup-close{background:none;border:none;cursor:pointer;padding:3px;color:#00000061;display:flex;align-items:center;border-radius:4px;transition:color .12s}.mtb-popup-close:hover{color:#000000b3}.mtb-popup-body{padding:13px}.mtb-quick-options{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.mtb-quick-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.09);border-radius:10px;background:#fafafa;cursor:pointer;font-family:inherit;font-size:13px;color:#191a1c;text-align:left;transition:all .12s}.mtb-quick-option:hover{background:#10b9810f;border-color:#10b9814d}.mtb-quick-option-emoji{font-size:15px;flex-shrink:0;line-height:1}.mtb-textarea-wrap{position:relative}.mtb-textarea{width:100%;height:64px;padding:9px 11px;border:1px solid rgba(0,0,0,.12);border-radius:9px;font-family:inherit;font-size:12.5px;line-height:1.5;color:#191a1c;outline:none;background:#fff;resize:none;transition:border-color .12s,box-shadow .12s}.mtb-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.mtb-textarea::placeholder{color:#00000057}.mtb-popup-error{margin-top:8px;color:#b91c1c;font-size:11.5px}.mtb-popup-error:empty,.mtb-popup-error[hidden]{display:none}.mtb-popup-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.mtb-cancel-btn,.mtb-submit-btn{min-width:72px;height:30px;border:none;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-cancel-btn{background:#f3f4f6;color:#000000ad}.mtb-cancel-btn:hover{background:#e5e7eb}.mtb-submit-btn{background:#d1d5db;color:#fff}.mtb-submit-btn.ready{background:#059669}.mtb-submit-btn.ready:hover{background:#047857}.mtb-submit-btn.loading{background:#059669;opacity:.7;cursor:wait}.mtb-submit-btn:disabled{cursor:not-allowed}.mtb-success{position:fixed;z-index:2147483645;width:300px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 20px 60px #0000001f;padding:26px 22px;text-align:center;animation:mtbSlideUp .35s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mtb-success-icon{width:44px;height:44px;border-radius:50%;background:#05966914;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.mtb-success-title{font-size:16px;font-weight:700;margin-bottom:6px;color:#191a1c}.mtb-success-msg{font-size:13px;color:#0000008c;margin-bottom:16px;line-height:1.6}.mtb-close-link{background:none;border:none;cursor:pointer;font-size:12px;color:#00000073;font-family:inherit;transition:color .12s}.mtb-close-link:hover{color:#000000b3}.mtb-pet{position:fixed;bottom:20px;right:20px;z-index:2147483646;cursor:pointer;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;animation:mtbPetBounce 3s ease-in-out infinite;transition:transform .2s;user-select:none;outline:none;filter:drop-shadow(0 4px 12px rgba(5,150,105,.35))}.mtb-pet:hover{transform:scale(1.12);animation-play-state:paused}.mtb-pet:hover .mtb-pet-bubble{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.mtb-pet.active{animation:none;opacity:.6}.mtb-pet-svg{display:block}@keyframes mtbPetBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mtb-pet-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(4px);margin-bottom:8px;background:#064e3b;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 4px 14px #0000002e;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.mtb-pet-bubble.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.mtb-pet-bubble.hidden{opacity:0;pointer-events:none}.mtb-pet-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#064e3b}.mtb-frustration-prompt{position:fixed;bottom:20px;right:20px;z-index:2147483645;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 30px #0000001f;animation:mtbSlideUp .35s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:host([data-mtb-theme="dark"]) .mtb-frustration-prompt{background:#151719;border-color:#ffffff1f;color:#f9fafb}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-frustration-prompt{background:#151719;border-color:#ffffff1f;color:#f9fafb}}.mtb-frustration-icon{width:32px;height:32px;border-radius:50%;background:#eab3081a;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;line-height:1}.mtb-frustration-text{font-size:13px;font-weight:500;color:inherit;line-height:1.4}.mtb-frustration-actions{display:flex;gap:6px;flex-shrink:0}.mtb-frustration-tell{height:28px;padding:0 12px;border:none;border-radius:7px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-frustration-tell:hover{background:#047857}.mtb-frustration-dismiss{height:28px;padding:0 8px;border:none;border-radius:7px;background:transparent;color:#0006;cursor:pointer;font-family:inherit;font-size:12px;transition:color .12s}.mtb-frustration-dismiss:hover{color:#000000b3}:host([data-mtb-theme="dark"]) .mtb-frustration-dismiss{color:#fff6}:host([data-mtb-theme="dark"]) .mtb-frustration-dismiss:hover{color:#ffffffb3}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-frustration-dismiss{color:#fff6}:host([data-mtb-theme="auto"]) .mtb-frustration-dismiss:hover{color:#ffffffb3}}.mtb-record-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:2147483647;display:flex;align-items:center;gap:12px;height:42px;padding:0 8px 0 14px;border-radius:12px;background:#0f172aeb;box-shadow:0 8px 24px #00000040;animation:mtbBarIn .2s ease}.mtb-record-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:mtbRecordPulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes mtbRecordPulse{0%,to{opacity:1}50%{opacity:.3}}.mtb-record-timer{font-family:JetBrains Mono,SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;font-weight:500;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:38px}.mtb-record-stop{height:28px;padding:0 14px;border:none;border-radius:7px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-record-stop:hover{background:#047857}.mtb-click-ripple{position:fixed;z-index:2147483644;width:24px;height:24px;border-radius:50%;border:2px solid #10b981;background:#10b98133;pointer-events:none;transform:translate(-50%,-50%) scale(.5);animation:mtbClickRipple .3s ease-out forwards}@keyframes mtbClickRipple{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.mtb-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#fff;animation:mtbDot 1.2s infinite}.mtb-dot:nth-child(2){animation-delay:.2s}.mtb-dot:nth-child(3){animation-delay:.4s}@keyframes mtbDot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.mtb-clarify{position:fixed;z-index:2147483645;width:320px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 20px 60px #0000001f;display:flex;flex-direction:column;animation:mtbSlideUp .35s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.mtb-clarify-header{padding:10px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06)}.mtb-clarify-icon{width:26px;height:26px;border-radius:50%;background:#05966914;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtb-clarify-skip{background:none;border:none;cursor:pointer;font-size:12px;color:#00000073;font-family:inherit;transition:color .12s}.mtb-clarify-skip:hover{color:#000000b3}.mtb-clarify-messages{flex:1;max-height:240px;overflow-y:auto;padding:12px 13px;display:flex;flex-direction:column;gap:8px}.mtb-clarify-bubble{max-width:85%;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.5;word-wrap:break-word}.mtb-clarify-ai{align-self:flex-start;background:#f3f4f6;color:#191a1c;border-bottom-left-radius:4px}.mtb-clarify-user{align-self:flex-end;background:#059669;color:#fff;border-bottom-right-radius:4px}.mtb-clarify-thinking{display:flex;align-items:center;gap:3px;padding:10px 16px}.mtb-clarify-thinking .mtb-dot{background:#9ca3af}.mtb-clarify-footer{padding:10px 13px;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:8px}.mtb-clarify-input{flex:1;height:32px;padding:0 10px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-family:inherit;font-size:12.5px;color:#191a1c;outline:none;background:#fff;transition:border-color .12s,box-shadow .12s}.mtb-clarify-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.mtb-clarify-input::placeholder{color:#00000057}.mtb-clarify-send{height:32px;padding:0 14px;border:none;border-radius:8px;background:#d1d5db;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s;flex-shrink:0}.mtb-clarify-send:not(:disabled){background:#059669}.mtb-clarify-send:not(:disabled):hover{background:#047857}.mtb-clarify-send:disabled{cursor:not-allowed}:host([data-mtb-theme="dark"]) .mtb-clarify{background:#151719;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-clarify-header{border-bottom-color:#ffffff1a}:host([data-mtb-theme="dark"]) .mtb-clarify-footer{border-top-color:#ffffff1a}:host([data-mtb-theme="dark"]) .mtb-clarify-skip{color:#ffffff73}:host([data-mtb-theme="dark"]) .mtb-clarify-skip:hover{color:#ffffffb3}:host([data-mtb-theme="dark"]) .mtb-clarify-ai{background:#1f2327;color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-clarify-input{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-clarify{background:#151719;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-clarify-header{border-bottom-color:#ffffff1a}:host([data-mtb-theme="auto"]) .mtb-clarify-footer{border-top-color:#ffffff1a}:host([data-mtb-theme="auto"]) .mtb-clarify-skip{color:#ffffff73}:host([data-mtb-theme="auto"]) .mtb-clarify-skip:hover{color:#ffffffb3}:host([data-mtb-theme="auto"]) .mtb-clarify-ai{background:#1f2327;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-clarify-input{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}}';
+class rt {
   constructor(t = "auto") {
     this.host = document.createElement("div"), this.host.id = "mtb-widget-host", this.host.style.cssText = "position:fixed;top:0;left:0;width:0;height:0;overflow:visible;z-index:2147483646;", this.host.setAttribute("data-mtb-theme", t), document.body.appendChild(this.host), this.root = this.host.attachShadow({ mode: "open" });
-    const i = document.createElement("style");
-    i.textContent = et, this.root.appendChild(i);
+    const e = document.createElement("style");
+    e.textContent = st, this.root.appendChild(e);
   }
-  el(t, i) {
-    const r = document.createElement(t);
-    return i && (r.className = i), r;
+  el(t, e) {
+    const s = document.createElement(t);
+    return e && (s.className = e), s;
   }
   append(...t) {
-    for (const i of t) this.root.appendChild(i);
+    for (const e of t) this.root.appendChild(e);
   }
   remove(...t) {
-    for (const i of t)
-      i.parentNode === this.root && this.root.removeChild(i);
+    for (const e of t)
+      e.parentNode === this.root && this.root.removeChild(e);
   }
   destroy() {
     document.body.removeChild(this.host);
   }
 }
-class rt {
-  constructor(t, i, r, s) {
-    this.onClick = s, this.el = t.el("button", "mtb-tab"), r === "left" && this.el.classList.add("left"), this.el.textContent = i.tab, this.el.setAttribute("aria-label", i.tab), this.el.addEventListener("click", s), t.append(this.el);
+class nt {
+  constructor(t, e, s, r, n) {
+    this.onClick = r, this.el = t.el("button", "mtb-tab"), s === "left" && this.el.classList.add("left");
+    const o = n ?? e.tab;
+    this.el.textContent = o, this.el.setAttribute("aria-label", o), this.el.addEventListener("click", r), t.append(this.el);
   }
   setActive(t) {
     this.el.classList.toggle("active", t);
@@ -31,22 +33,22 @@ class rt {
     this.el.removeEventListener("click", this.onClick), this.el.remove();
   }
 }
-const y = "#059669", x = {
-  color: y,
+const x = "#059669", w = {
+  color: x,
   width: "3.5",
   linecap: "round",
   linejoin: "round",
   filter: "drop-shadow(0 1px 2px rgba(5,150,105,0.35))"
 };
-class st {
-  constructor(t, i, r) {
-    this.onClick = r, this.el = t.el("div", "mtb-pet"), this.el.innerHTML = this.buildSVG(), this.el.setAttribute("role", "button"), this.el.setAttribute("aria-label", i.tab), this.el.tabIndex = 0, this.bubble = t.el("div", "mtb-pet-bubble"), this.bubble.textContent = i.pet.bubble, this.el.appendChild(this.bubble), this.el.addEventListener("click", this.onClick), this.el.addEventListener("keydown", (s) => {
-      (s.key === "Enter" || s.key === " ") && (s.preventDefault(), this.onClick());
+class ot {
+  constructor(t, e, s) {
+    this.onClick = s, this.el = t.el("div", "mtb-pet"), this.el.innerHTML = this.buildSVG(), this.el.setAttribute("role", "button"), this.el.setAttribute("aria-label", e.tab), this.el.tabIndex = 0, this.bubble = t.el("div", "mtb-pet-bubble"), this.bubble.textContent = e.pet.bubble, this.el.appendChild(this.bubble), this.el.addEventListener("click", this.onClick), this.el.addEventListener("keydown", (r) => {
+      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), this.onClick());
     }), t.append(this.el);
   }
   buildSVG() {
     return `<svg class="mtb-pet-svg" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <circle cx="24" cy="28" r="16" fill="${y}"/>
+      <circle cx="24" cy="28" r="16" fill="${x}"/>
       <circle cx="24" cy="28" r="14" fill="#10b981"/>
       <circle cx="19" cy="25" r="3" fill="#fff"/>
       <circle cx="29" cy="25" r="3" fill="#fff"/>
@@ -55,8 +57,8 @@ class st {
       <ellipse cx="19.5" cy="23.5" rx="0.8" ry="0.6" fill="#fff" opacity="0.7"/>
       <ellipse cx="29.5" cy="23.5" rx="0.8" ry="0.6" fill="#fff" opacity="0.7"/>
       <path d="M20 31 Q24 34 28 31" stroke="#064e3b" stroke-width="1.5" stroke-linecap="round" fill="none"/>
-      <circle cx="15" cy="30" r="2.5" fill="${y}" opacity="0.4"/>
-      <circle cx="33" cy="30" r="2.5" fill="${y}" opacity="0.4"/>
+      <circle cx="15" cy="30" r="2.5" fill="${x}" opacity="0.4"/>
+      <circle cx="33" cy="30" r="2.5" fill="${x}" opacity="0.4"/>
       <path d="M14 17 Q16 12 20 15" stroke="#10b981" stroke-width="2" stroke-linecap="round" fill="none"/>
       <path d="M34 17 Q32 12 28 15" stroke="#10b981" stroke-width="2" stroke-linecap="round" fill="none"/>
     </svg>`;
@@ -68,29 +70,29 @@ class st {
     this.el.removeEventListener("click", this.onClick), this.el.remove();
   }
 }
-const nt = 8e3;
-class ot {
-  constructor(t, i, r) {
+const at = 8e3;
+class lt {
+  constructor(t, e, s) {
     this.el = t.el("div", "mtb-frustration-prompt"), this.el.innerHTML = `
       <div class="mtb-frustration-icon">&#9888;&#65039;</div>
-      <span class="mtb-frustration-text">${i.frustration.prompt}</span>
+      <span class="mtb-frustration-text">${e.frustration.prompt}</span>
       <div class="mtb-frustration-actions">
-        <button class="mtb-frustration-tell">${i.frustration.action}</button>
-        <button class="mtb-frustration-dismiss">${i.frustration.dismiss}</button>
+        <button class="mtb-frustration-tell">${e.frustration.action}</button>
+        <button class="mtb-frustration-dismiss">${e.frustration.dismiss}</button>
       </div>
-    `, this.el.querySelector(".mtb-frustration-tell").addEventListener("click", r.onTell), this.el.querySelector(".mtb-frustration-dismiss").addEventListener("click", r.onDismiss), t.append(this.el), setTimeout(r.onDismiss, nt);
+    `, this.el.querySelector(".mtb-frustration-tell").addEventListener("click", s.onTell), this.el.querySelector(".mtb-frustration-dismiss").addEventListener("click", s.onDismiss), t.append(this.el), setTimeout(s.onDismiss, at);
   }
   destroy() {
     this.el.remove();
   }
 }
-class at {
-  constructor(t, i, r, s) {
-    this.currentMode = "markup", this.messages = i, this.el = t.el("div", "mtb-toolbar"), this.el.innerHTML = this.buildHTML(i), t.append(this.el), this.hintEl = this.el.querySelector(".mtb-toolbar-hint"), this.markupBtn = this.el.querySelector(".mtb-toolbar-mode-markup"), this.recordBtn = this.el.querySelector(".mtb-toolbar-mode-record"), this.markupBtn.addEventListener("click", () => {
-      this.setMode("markup"), s?.("markup");
+class ct {
+  constructor(t, e, s, r) {
+    this.currentMode = "markup", this.messages = e, this.el = t.el("div", "mtb-toolbar"), this.el.innerHTML = this.buildHTML(e), t.append(this.el), this.hintEl = this.el.querySelector(".mtb-toolbar-hint"), this.markupBtn = this.el.querySelector(".mtb-toolbar-mode-markup"), this.recordBtn = this.el.querySelector(".mtb-toolbar-mode-record"), this.markupBtn.addEventListener("click", () => {
+      this.setMode("markup"), r?.("markup");
     }), this.recordBtn.addEventListener("click", () => {
-      this.setMode("record"), s?.("record");
-    }), this.el.querySelector(".mtb-exit-btn").addEventListener("click", r);
+      this.setMode("record"), r?.("record");
+    }), this.el.querySelector(".mtb-exit-btn").addEventListener("click", s);
   }
   buildHTML(t) {
     return `
@@ -121,21 +123,21 @@ class at {
     this.el.remove();
   }
 }
-class lt {
-  constructor(t, i) {
-    this.onMouseDown = i.onMouseDown, this.onMouseMove = i.onMouseMove, this.onMouseUp = i.onMouseUp, this.onMouseLeave = i.onMouseLeave, this.overlayEl = t.el("div", "mtb-overlay"), this.overlayEl.addEventListener("mousedown", this.onMouseDown), this.overlayEl.addEventListener("mousemove", this.onMouseMove), this.overlayEl.addEventListener("mouseup", this.onMouseUp), this.overlayEl.addEventListener("mouseleave", this.onMouseLeave), t.append(this.overlayEl), this.dimEl = t.el("div", "mtb-dim"), t.append(this.dimEl);
+class ht {
+  constructor(t, e) {
+    this.onMouseDown = e.onMouseDown, this.onMouseMove = e.onMouseMove, this.onMouseUp = e.onMouseUp, this.onMouseLeave = e.onMouseLeave, this.overlayEl = t.el("div", "mtb-overlay"), this.overlayEl.addEventListener("mousedown", this.onMouseDown), this.overlayEl.addEventListener("mousemove", this.onMouseMove), this.overlayEl.addEventListener("mouseup", this.onMouseUp), this.overlayEl.addEventListener("mouseleave", this.onMouseLeave), t.append(this.overlayEl), this.dimEl = t.el("div", "mtb-dim"), t.append(this.dimEl);
   }
   destroy() {
     this.overlayEl.removeEventListener("mousedown", this.onMouseDown), this.overlayEl.removeEventListener("mousemove", this.onMouseMove), this.overlayEl.removeEventListener("mouseup", this.onMouseUp), this.overlayEl.removeEventListener("mouseleave", this.onMouseLeave), this.overlayEl.remove(), this.dimEl.remove();
   }
 }
-class ct {
+class dt {
   constructor(t) {
     this.highlightEl = t.el("div", "mtb-highlight"), this.hide(), t.append(this.highlightEl);
   }
   highlight(t) {
-    const i = t.getBoundingClientRect();
-    this.highlightEl.style.top = `${i.top - 2}px`, this.highlightEl.style.left = `${i.left - 2}px`, this.highlightEl.style.width = `${i.width + 4}px`, this.highlightEl.style.height = `${i.height + 4}px`, this.highlightEl.style.display = "block";
+    const e = t.getBoundingClientRect();
+    this.highlightEl.style.top = `${e.top - 2}px`, this.highlightEl.style.left = `${e.left - 2}px`, this.highlightEl.style.width = `${e.width + 4}px`, this.highlightEl.style.height = `${e.height + 4}px`, this.highlightEl.style.display = "block";
   }
   hide() {
     this.highlightEl.style.display = "none";
@@ -144,55 +146,55 @@ class ct {
     this.highlightEl.remove();
   }
 }
-function ht(e) {
-  if (e instanceof HTMLElement) {
-    const t = e.getAttribute("aria-label");
+function ut(i) {
+  if (i instanceof HTMLElement) {
+    const t = i.getAttribute("aria-label");
     if (t) return t;
-    const i = e.getAttribute("title");
-    if (i) return i;
-    const r = e.textContent?.trim().slice(0, 40);
-    if (r) return r;
-    const s = e.placeholder;
+    const e = i.getAttribute("title");
+    if (e) return e;
+    const s = i.textContent?.trim().slice(0, 40);
     if (s) return s;
-    const n = e.alt;
+    const r = i.placeholder;
+    if (r) return r;
+    const n = i.alt;
     if (n) return n;
-    const o = e.getAttribute("data-mark");
+    const o = i.getAttribute("data-mark");
     if (o) return o;
   }
-  return e.tagName.toLowerCase();
+  return i.tagName.toLowerCase();
 }
-function dt(e) {
+function pt(i) {
   const t = [];
-  let i = e;
-  for (; i && i !== document.body && t.length < 5; ) {
-    let r = i.tagName.toLowerCase();
-    if (i.id) {
-      r = `#${i.id}`, t.unshift(r);
+  let e = i;
+  for (; e && e !== document.body && t.length < 5; ) {
+    let s = e.tagName.toLowerCase();
+    if (e.id) {
+      s = `#${e.id}`, t.unshift(s);
       break;
     }
-    const s = Array.from(i.classList).filter((o) => !o.startsWith("mtb-")).slice(0, 2).join(".");
-    s && (r += `.${s}`);
-    const n = i.parentElement;
+    const r = Array.from(e.classList).filter((o) => !o.startsWith("mtb-")).slice(0, 2).join(".");
+    r && (s += `.${r}`);
+    const n = e.parentElement;
     if (n) {
       const o = Array.from(n.children).filter(
-        (a) => a.tagName === i.tagName
+        (a) => a.tagName === e.tagName
       );
       if (o.length > 1) {
-        const a = o.indexOf(i) + 1;
-        r += `:nth-child(${a})`;
+        const a = o.indexOf(e) + 1;
+        s += `:nth-child(${a})`;
       }
     }
-    t.unshift(r), i = i.parentElement;
+    t.unshift(s), e = e.parentElement;
   }
   return t.join(" > ");
 }
-class ut {
+class ft {
   constructor(t) {
     this.pins = [], this.shadow = t;
   }
-  addPin(t, i, r) {
-    const s = this.shadow.el("div", "mtb-pin");
-    s.textContent = String(r), s.style.top = `${i}px`, s.style.left = `${t}px`, this.shadow.append(s), this.pins.push(s);
+  addPin(t, e, s) {
+    const r = this.shadow.el("div", "mtb-pin");
+    r.textContent = String(s), r.style.top = `${e}px`, r.style.left = `${t}px`, this.shadow.append(r), this.pins.push(r);
   }
   clearAll() {
     for (const t of this.pins) t.remove();
@@ -202,15 +204,15 @@ class ut {
     this.clearAll();
   }
 }
-class pt {
-  constructor(t, i) {
-    this.path = null, this.points = [], this.isDrawing = !1, this.onDrawComplete = i, this.svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"), this.svg.setAttribute("class", "mtb-draw-svg"), t.append(this.svg);
+class mt {
+  constructor(t, e) {
+    this.path = null, this.points = [], this.isDrawing = !1, this.onDrawComplete = e, this.svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"), this.svg.setAttribute("class", "mtb-draw-svg"), t.append(this.svg);
   }
-  startDraw(t, i) {
-    this.isDrawing = !0, this.points = [[t, i]], this.path = document.createElementNS("http://www.w3.org/2000/svg", "path"), this.path.setAttribute("fill", "none"), this.path.setAttribute("stroke", x.color), this.path.setAttribute("stroke-width", x.width), this.path.setAttribute("stroke-linecap", x.linecap), this.path.setAttribute("stroke-linejoin", x.linejoin), this.path.setAttribute("style", `filter:${x.filter}`), this.svg.appendChild(this.path);
+  startDraw(t, e) {
+    this.isDrawing = !0, this.points = [[t, e]], this.path = document.createElementNS("http://www.w3.org/2000/svg", "path"), this.path.setAttribute("fill", "none"), this.path.setAttribute("stroke", w.color), this.path.setAttribute("stroke-width", w.width), this.path.setAttribute("stroke-linecap", w.linecap), this.path.setAttribute("stroke-linejoin", w.linejoin), this.path.setAttribute("style", `filter:${w.filter}`), this.svg.appendChild(this.path);
   }
-  continueDraw(t, i) {
-    !this.isDrawing || !this.path || (this.points.push([t, i]), this.path.setAttribute("d", this.buildPathD()));
+  continueDraw(t, e) {
+    !this.isDrawing || !this.path || (this.points.push([t, e]), this.path.setAttribute("d", this.buildPathD()));
   }
   endDraw() {
     if (!this.isDrawing || this.points.length < 2) {
@@ -218,27 +220,27 @@ class pt {
       return;
     }
     this.isDrawing = !1;
-    const t = this.getCenter(), i = this.buildPathD(), r = {
+    const t = this.getCenter(), e = this.buildPathD(), s = {
       type: "draw",
       x: t[0],
       y: t[1],
-      drawPath: i
+      drawPath: e
     };
-    this.onDrawComplete(r);
+    this.onDrawComplete(s);
   }
   buildPathD() {
     if (this.points.length === 0) return "";
-    const [t, i] = this.points[0];
-    let r = `M ${t} ${i}`;
-    for (let s = 1; s < this.points.length; s++) {
-      const [n, o] = this.points[s];
-      r += ` L ${n} ${o}`;
+    const [t, e] = this.points[0];
+    let s = `M ${t} ${e}`;
+    for (let r = 1; r < this.points.length; r++) {
+      const [n, o] = this.points[r];
+      s += ` L ${n} ${o}`;
     }
-    return r;
+    return s;
   }
   getCenter() {
-    const t = this.points.map((n) => n[0]), i = this.points.map((n) => n[1]), r = (Math.min(...t) + Math.max(...t)) / 2, s = (Math.min(...i) + Math.max(...i)) / 2;
-    return [r, s];
+    const t = this.points.map((n) => n[0]), e = this.points.map((n) => n[1]), s = (Math.min(...t) + Math.max(...t)) / 2, r = (Math.min(...e) + Math.max(...e)) / 2;
+    return [s, r];
   }
   clearAll() {
     for (; this.svg.firstChild; ) this.svg.removeChild(this.svg.firstChild);
@@ -257,17 +259,17 @@ class pt {
     this.svg.remove();
   }
 }
-const ft = 5;
-class P {
-  constructor(t, i, r) {
-    this.messages = i, this.onReady = r, this.pinCount = 0, this.interactionActive = !0, this.highlighter = new ct(t), this.pinMarker = new ut(t), this.drawLayer = new pt(t, (s) => {
-      this.onReady(s, this.messages.annotation.drawing);
-    }), this.overlay = new lt(t, {
-      onMouseDown: (s) => this.handleMouseDown(s),
-      onMouseMove: (s) => this.handleMouseMove(s),
-      onMouseUp: (s) => this.handleMouseUp(s),
+const bt = 5;
+class H {
+  constructor(t, e, s) {
+    this.messages = e, this.onReady = s, this.pinCount = 0, this.interactionActive = !0, this.pendingHighlightFrame = null, this.lastMoveX = 0, this.lastMoveY = 0, this.highlighter = new dt(t), this.pinMarker = new ft(t), this.drawLayer = new mt(t, (r) => {
+      this.onReady(r, this.messages.annotation.drawing);
+    }), this.overlay = new ht(t, {
+      onMouseDown: (r) => this.handleMouseDown(r),
+      onMouseMove: (r) => this.handleMouseMove(r),
+      onMouseUp: (r) => this.handleMouseUp(r),
       onMouseLeave: () => {
-        this.drawLayer.isCurrentlyDrawing() && this.drawLayer.endDraw(), this.highlighter.hide();
+        this.drawLayer.isCurrentlyDrawing() && this.drawLayer.endDraw(), this.cancelPendingHighlight(), this.highlighter.hide();
       }
     });
   }
@@ -276,52 +278,58 @@ class P {
   }
   handleMouseMove(t) {
     if (this.drawLayer.isCurrentlyDrawing()) {
-      this.drawLayer.continueDraw(t.clientX, t.clientY), this.highlighter.hide();
+      this.cancelPendingHighlight(), this.drawLayer.continueDraw(t.clientX, t.clientY), this.highlighter.hide();
       return;
     }
-    const i = D(t.clientX, t.clientY);
-    i ? this.highlighter.highlight(i) : this.highlighter.hide();
+    this.lastMoveX = t.clientX, this.lastMoveY = t.clientY, this.pendingHighlightFrame === null && (this.pendingHighlightFrame = requestAnimationFrame(() => {
+      this.pendingHighlightFrame = null, this.updateHighlight();
+    }));
+  }
+  updateHighlight() {
+    if (!this.interactionActive || this.drawLayer.isCurrentlyDrawing()) return;
+    const t = $(this.lastMoveX, this.lastMoveY);
+    t ? this.highlighter.highlight(t) : this.highlighter.hide();
+  }
+  cancelPendingHighlight() {
+    this.pendingHighlightFrame !== null && (cancelAnimationFrame(this.pendingHighlightFrame), this.pendingHighlightFrame = null);
   }
   handleMouseUp(t) {
     if (!this.drawLayer.isCurrentlyDrawing()) return;
-    if (this.drawLayer.getPointCount() >= ft) {
+    if (this.drawLayer.getPointCount() >= bt) {
       this.drawLayer.endDraw();
       return;
     }
     this.drawLayer.cancelCurrentDraw();
-    const i = D(t.clientX, t.clientY), r = i ? ht(i) : this.messages.annotation.element, s = {
+    const e = $(t.clientX, t.clientY), s = e ? ut(e) : this.messages.annotation.element, r = {
       type: "pin",
       x: t.clientX,
       y: t.clientY,
-      targetSelector: i ? dt(i) : void 0,
-      targetText: i?.textContent?.trim().slice(0, 200) ?? "",
-      targetName: r
+      targetSelector: e ? pt(e) : void 0,
+      targetText: e?.textContent?.trim().slice(0, 200) ?? "",
+      targetName: s
     };
-    this.pinMarker.addPin(t.clientX, t.clientY, ++this.pinCount), this.drawLayer.clearAll(), this.highlighter.hide(), this.onReady(s, r);
+    this.pinMarker.addPin(t.clientX, t.clientY, ++this.pinCount), this.drawLayer.clearAll(), this.highlighter.hide(), this.onReady(r, s);
   }
   dismissInteraction() {
-    this.interactionActive && (this.interactionActive = !1, this.overlay.destroy(), this.highlighter.destroy());
+    this.interactionActive && (this.interactionActive = !1, this.cancelPendingHighlight(), this.overlay.destroy(), this.highlighter.destroy());
   }
   destroy() {
     this.dismissInteraction(), this.pinMarker.destroy(), this.drawLayer.destroy();
   }
 }
-function D(e, t) {
-  const i = document.getElementById("mtb-widget-host");
-  i && (i.style.display = "none");
-  const r = document.elementFromPoint(e, t);
-  return i && (i.style.display = ""), r;
+function $(i, t) {
+  return document.elementsFromPoint(i, t).find((e) => e.id !== "mtb-widget-host") ?? null;
 }
-class mt {
-  constructor(t, i) {
-    this.loading = !1, this.onSubmit = i.onSubmit, this.onClose = i.onClose, this.submitLabel = i.messages.popup.submit, this.el = t.el("div", "mtb-popup"), this.el.innerHTML = this.buildHTML(i), t.append(this.el), this.textarea = this.el.querySelector(".mtb-textarea"), this.submitBtn = this.el.querySelector(".mtb-submit-btn"), this.positionPopup(i.x, i.y), this.bindEvents(i.messages), this.textarea.focus();
+class gt {
+  constructor(t, e) {
+    this.loading = !1, this.onSubmit = e.onSubmit, this.onClose = e.onClose, this.submitLabel = e.messages.popup.submit, this.el = t.el("div", "mtb-popup"), this.el.innerHTML = this.buildHTML(e), t.append(this.el), this.textarea = this.el.querySelector(".mtb-textarea"), this.submitBtn = this.el.querySelector(".mtb-submit-btn"), this.positionPopup(e.x, e.y), this.bindEvents(e.messages), this.textarea.focus();
   }
   buildHTML(t) {
-    const i = t.messages, r = i.popup.quickOptions.map(
-      (s) => `
-        <button class="mtb-quick-option" data-quick="${m(s.label)}">
-          <span class="mtb-quick-option-emoji">${s.emoji}</span>
-          <span>${m(s.label)}</span>
+    const e = t.messages, s = e.popup.quickOptions.map(
+      (r) => `
+        <button class="mtb-quick-option" data-quick="${m(r.label)}">
+          <span class="mtb-quick-option-emoji">${r.emoji}</span>
+          <span>${m(r.label)}</span>
         </button>`
     ).join("");
     return `
@@ -331,7 +339,7 @@ class mt {
             <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/>
           </svg>
         </div>
-        <span class="mtb-popup-title">${i.popup.about} "${m(t.targetName)}"</span>
+        <span class="mtb-popup-title">${e.popup.about} "${m(t.targetName)}"</span>
         <button class="mtb-popup-close" aria-label="Close">
           <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
             <path d="M18 6L6 18M6 6l12 12"/>
@@ -340,32 +348,32 @@ class mt {
       </div>
       <div class="mtb-popup-body">
         <div class="mtb-quick-options">
-          ${r}
+          ${s}
         </div>
         <div class="mtb-textarea-wrap">
-          <textarea class="mtb-textarea" placeholder="${m(i.popup.placeholder)}"></textarea>
+          <textarea class="mtb-textarea" placeholder="${m(e.popup.placeholder)}"></textarea>
         </div>
         <div class="mtb-popup-error" role="alert"></div>
         <div class="mtb-popup-actions">
-          <button class="mtb-cancel-btn" type="button">${m(i.popup.cancel)}</button>
-          <button class="mtb-submit-btn" type="button" disabled>${m(i.popup.submit)}</button>
+          <button class="mtb-cancel-btn" type="button">${m(e.popup.cancel)}</button>
+          <button class="mtb-submit-btn" type="button" disabled>${m(e.popup.submit)}</button>
         </div>
       </div>
     `;
   }
-  positionPopup(t, i) {
+  positionPopup(t, e) {
     const n = window.innerWidth, o = window.innerHeight, a = 12;
-    let l = t + 12, c = i + 12;
+    let l = t + 12, c = e + 12;
     l + 320 > n - a && (l = t - 320 - 12), l < a && (l = a), c + 260 > o - a && (c = o - 260 - a), c < a && (c = a), this.el.style.left = `${l}px`, this.el.style.top = `${c}px`;
   }
   bindEvents(t) {
-    this.el.querySelector(".mtb-popup-close").addEventListener("click", () => this.onClose()), this.el.querySelector(".mtb-cancel-btn").addEventListener("click", () => this.onClose()), this.errorEl = this.el.querySelector(".mtb-popup-error"), this.el.querySelectorAll(".mtb-quick-option").forEach((i) => {
-      i.addEventListener("click", () => {
-        const r = i.dataset.quick ?? "";
-        this.textarea.value = r, this.updateSubmitState(), this.textarea.focus();
+    this.el.querySelector(".mtb-popup-close").addEventListener("click", () => this.onClose()), this.el.querySelector(".mtb-cancel-btn").addEventListener("click", () => this.onClose()), this.errorEl = this.el.querySelector(".mtb-popup-error"), this.el.querySelectorAll(".mtb-quick-option").forEach((e) => {
+      e.addEventListener("click", () => {
+        const s = e.dataset.quick ?? "";
+        this.textarea.value = s, this.updateSubmitState(), this.textarea.focus();
       });
-    }), this.textarea.addEventListener("input", () => this.updateSubmitState()), this.textarea.addEventListener("keydown", (i) => {
-      i.key === "Enter" && (i.metaKey || i.ctrlKey) && (i.preventDefault(), this.submit());
+    }), this.textarea.addEventListener("input", () => this.updateSubmitState()), this.textarea.addEventListener("keydown", (e) => {
+      e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), this.submit());
     }), this.submitBtn.addEventListener("click", () => this.submit());
   }
   updateSubmitState() {
@@ -386,405 +394,509 @@ class mt {
     this.el.remove();
   }
 }
-function m(e) {
-  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+function m(i) {
+  return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const bt = 5e3;
-class gt {
-  constructor(t, i, r) {
-    this.el = t.el("div", "mtb-success"), this.el.style.right = "20px", this.el.style.bottom = "20px", this.el.innerHTML = `
+const yt = 2e3, xt = 2e3;
+class wt {
+  constructor(t, e) {
+    this.pollTimer = null, this.doneTimer = null, this.sending = !1, this.destroyed = !1, this.feedbackId = e.feedbackId, this.apiClient = e.apiClient, this.onDone = e.onDone, this.el = t.el("div", "mtb-clarify"), this.el.style.right = "20px", this.el.style.bottom = "20px", this.el.innerHTML = this.buildHTML(e.messages), t.append(this.el), this.messagesEl = this.el.querySelector(".mtb-clarify-messages"), this.inputEl = this.el.querySelector(".mtb-clarify-input"), this.sendBtn = this.el.querySelector(".mtb-clarify-send"), this.bindEvents(e.messages), this.startConversation();
+  }
+  buildHTML(t) {
+    return `
+      <div class="mtb-clarify-header">
+        <div class="mtb-clarify-icon">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${x}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
+          </svg>
+        </div>
+        <button class="mtb-clarify-skip">${T(t.clarify.skip)}</button>
+      </div>
+      <div class="mtb-clarify-messages"></div>
+      <div class="mtb-clarify-footer">
+        <input class="mtb-clarify-input" type="text" placeholder="${T(t.clarify.placeholder)}" />
+        <button class="mtb-clarify-send" disabled>${T(t.clarify.send)}</button>
+      </div>
+    `;
+  }
+  bindEvents(t) {
+    this.el.querySelector(".mtb-clarify-skip").addEventListener("click", () => {
+      this.stopPolling(), this.onDone();
+    }), this.inputEl.addEventListener("input", () => {
+      const e = this.inputEl.value.trim().length > 0;
+      this.sendBtn.disabled = !e || this.sending;
+    }), this.inputEl.addEventListener("keydown", (e) => {
+      e.key === "Enter" && (e.preventDefault(), this.sendMessage(t));
+    }), this.sendBtn.addEventListener("click", () => this.sendMessage(t));
+  }
+  async startConversation() {
+    this.showThinking();
+    try {
+      const t = await this.apiClient.startClarification(this.feedbackId);
+      if (this.destroyed) return;
+      this.renderMessages(t.messages), t.done ? this.handleDone() : this.startPolling();
+    } catch {
+      if (this.destroyed) return;
+      this.onDone();
+    }
+  }
+  async sendMessage(t) {
+    const e = this.inputEl.value.trim();
+    if (!(!e || this.sending)) {
+      this.sending = !0, this.inputEl.disabled = !0, this.sendBtn.disabled = !0, this.stopPolling(), this.appendMessage({ role: "user", content: e }), this.inputEl.value = "", this.showThinking();
+      try {
+        const s = await this.apiClient.startClarification(this.feedbackId, e);
+        if (this.destroyed) return;
+        this.renderMessages(s.messages), s.done ? this.handleDone() : this.startPolling();
+      } catch {
+        if (this.destroyed) return;
+        this.onDone();
+      } finally {
+        this.sending = !1, this.inputEl.disabled = !1, this.sendBtn.disabled = this.inputEl.value.trim().length === 0, this.inputEl.focus();
+      }
+    }
+  }
+  startPolling() {
+    this.stopPolling(), this.pollTimer = setInterval(() => this.poll(), yt);
+  }
+  stopPolling() {
+    this.pollTimer !== null && (clearInterval(this.pollTimer), this.pollTimer = null);
+  }
+  async poll() {
+    try {
+      const t = await this.apiClient.getClarification(this.feedbackId);
+      if (this.destroyed) return;
+      this.renderMessages(t.messages), t.done && (this.stopPolling(), this.handleDone());
+    } catch {
+      if (this.destroyed) return;
+      this.stopPolling();
+    }
+  }
+  handleDone() {
+    this.inputEl.disabled = !0, this.sendBtn.disabled = !0, this.doneTimer = setTimeout(() => {
+      this.destroyed || this.onDone();
+    }, xt);
+  }
+  renderMessages(t) {
+    this.messagesEl.innerHTML = "";
+    for (const e of t)
+      this.appendMessage(e);
+    this.messagesEl.scrollTop = this.messagesEl.scrollHeight;
+  }
+  appendMessage(t) {
+    const e = document.createElement("div");
+    e.className = t.role === "user" ? "mtb-clarify-bubble mtb-clarify-user" : "mtb-clarify-bubble mtb-clarify-ai", e.textContent = t.content, this.messagesEl.appendChild(e), this.messagesEl.scrollTop = this.messagesEl.scrollHeight;
+  }
+  showThinking() {
+    const t = document.createElement("div");
+    t.className = "mtb-clarify-bubble mtb-clarify-ai mtb-clarify-thinking", t.innerHTML = '<span class="mtb-dot"></span><span class="mtb-dot"></span><span class="mtb-dot"></span>', this.messagesEl.appendChild(t), this.messagesEl.scrollTop = this.messagesEl.scrollHeight;
+  }
+  destroy() {
+    this.destroyed = !0, this.stopPolling(), this.doneTimer !== null && (clearTimeout(this.doneTimer), this.doneTimer = null), this.el.remove();
+  }
+}
+function T(i) {
+  return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+const kt = 5e3;
+class vt {
+  constructor(t, e, s, r) {
+    this.el = t.el("div", "mtb-success"), this.el.style.right = "20px", this.el.style.bottom = "20px";
+    const n = r ? `<button class="mtb-view-feedback-link">${e.success.view_feedback}</button>` : "";
+    this.el.innerHTML = `
       <div class="mtb-success-icon">
-        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="${y}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="${x}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
           <polyline points="20 6 9 17 4 12"/>
         </svg>
       </div>
-      <div class="mtb-success-title">${i.success.title}</div>
-      <div class="mtb-success-msg">${i.success.message}</div>
-      <button class="mtb-close-link">${i.success.close}</button>
-    `, t.append(this.el), this.el.querySelector(".mtb-close-link").addEventListener("click", r), setTimeout(() => r(), bt);
+      <div class="mtb-success-title">${e.success.title}</div>
+      <div class="mtb-success-msg">${e.success.message}</div>
+      ${n}
+      <button class="mtb-close-link">${e.success.close}</button>
+    `, t.append(this.el), this.el.querySelector(".mtb-close-link").addEventListener("click", s), r && this.el.querySelector(".mtb-view-feedback-link").addEventListener("click", r), setTimeout(() => s(), kt);
   }
   destroy() {
     this.el.remove();
   }
 }
-function xt(e, t) {
-  if (e.match(/^[a-z]+:\/\//i))
-    return e;
-  if (e.match(/^\/\//))
-    return window.location.protocol + e;
-  if (e.match(/^[a-z]+:/i))
-    return e;
-  const i = document.implementation.createHTMLDocument(), r = i.createElement("base"), s = i.createElement("a");
-  return i.head.appendChild(r), i.body.appendChild(s), t && (r.href = t), s.href = e, s.href;
+function Et(i, t) {
+  if (i.match(/^[a-z]+:\/\//i))
+    return i;
+  if (i.match(/^\/\//))
+    return window.location.protocol + i;
+  if (i.match(/^[a-z]+:/i))
+    return i;
+  const e = document.implementation.createHTMLDocument(), s = e.createElement("base"), r = e.createElement("a");
+  return e.head.appendChild(s), e.body.appendChild(r), t && (s.href = t), r.href = i, r.href;
 }
-const wt = /* @__PURE__ */ (() => {
-  let e = 0;
+const St = /* @__PURE__ */ (() => {
+  let i = 0;
   const t = () => (
     // eslint-disable-next-line no-bitwise
     `0000${(Math.random() * 36 ** 4 << 0).toString(36)}`.slice(-4)
   );
-  return () => (e += 1, `u${t()}${e}`);
+  return () => (i += 1, `u${t()}${i}`);
 })();
-function p(e) {
+function p(i) {
   const t = [];
-  for (let i = 0, r = e.length; i < r; i++)
-    t.push(e[i]);
+  for (let e = 0, s = i.length; e < s; e++)
+    t.push(i[e]);
   return t;
 }
 let b = null;
-function W(e = {}) {
-  return b || (e.includeStyleProperties ? (b = e.includeStyleProperties, b) : (b = p(window.getComputedStyle(document.documentElement)), b));
+function V(i = {}) {
+  return b || (i.includeStyleProperties ? (b = i.includeStyleProperties, b) : (b = p(window.getComputedStyle(document.documentElement)), b));
 }
-function S(e, t) {
-  const r = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
-  return r ? parseFloat(r.replace("px", "")) : 0;
+function S(i, t) {
+  const s = (i.ownerDocument.defaultView || window).getComputedStyle(i).getPropertyValue(t);
+  return s ? parseFloat(s.replace("px", "")) : 0;
 }
-function yt(e) {
-  const t = S(e, "border-left-width"), i = S(e, "border-right-width");
-  return e.clientWidth + t + i;
+function Ct(i) {
+  const t = S(i, "border-left-width"), e = S(i, "border-right-width");
+  return i.clientWidth + t + e;
 }
-function kt(e) {
-  const t = S(e, "border-top-width"), i = S(e, "border-bottom-width");
-  return e.clientHeight + t + i;
+function Mt(i) {
+  const t = S(i, "border-top-width"), e = S(i, "border-bottom-width");
+  return i.clientHeight + t + e;
 }
-function V(e, t = {}) {
-  const i = t.width || yt(e), r = t.height || kt(e);
-  return { width: i, height: r };
+function Y(i, t = {}) {
+  const e = t.width || Ct(i), s = t.height || Mt(i);
+  return { width: e, height: s };
 }
-function vt() {
-  let e, t;
+function Lt() {
+  let i, t;
   try {
     t = process;
   } catch {
   }
-  const i = t && t.env ? t.env.devicePixelRatio : null;
-  return i && (e = parseInt(i, 10), Number.isNaN(e) && (e = 1)), e || window.devicePixelRatio || 1;
+  const e = t && t.env ? t.env.devicePixelRatio : null;
+  return e && (i = parseInt(e, 10), Number.isNaN(i) && (i = 1)), i || window.devicePixelRatio || 1;
 }
 const d = 16384;
-function St(e) {
-  (e.width > d || e.height > d) && (e.width > d && e.height > d ? e.width > e.height ? (e.height *= d / e.width, e.width = d) : (e.width *= d / e.height, e.height = d) : e.width > d ? (e.height *= d / e.width, e.width = d) : (e.width *= d / e.height, e.height = d));
-}
-function E(e) {
-  return new Promise((t, i) => {
-    const r = new Image();
-    r.onload = () => {
-      r.decode().then(() => {
-        requestAnimationFrame(() => t(r));
+function Tt(i) {
+  (i.width > d || i.height > d) && (i.width > d && i.height > d ? i.width > i.height ? (i.height *= d / i.width, i.width = d) : (i.width *= d / i.height, i.height = d) : i.width > d ? (i.height *= d / i.width, i.width = d) : (i.width *= d / i.height, i.height = d));
+}
+function C(i) {
+  return new Promise((t, e) => {
+    const s = new Image();
+    s.onload = () => {
+      s.decode().then(() => {
+        requestAnimationFrame(() => t(s));
       });
-    }, r.onerror = i, r.crossOrigin = "anonymous", r.decoding = "async", r.src = e;
+    }, s.onerror = e, s.crossOrigin = "anonymous", s.decoding = "async", s.src = i;
   });
 }
-async function Et(e) {
-  return Promise.resolve().then(() => new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then((t) => `data:image/svg+xml;charset=utf-8,${t}`);
+async function At(i) {
+  return Promise.resolve().then(() => new XMLSerializer().serializeToString(i)).then(encodeURIComponent).then((t) => `data:image/svg+xml;charset=utf-8,${t}`);
 }
-async function Ct(e, t, i) {
-  const r = "http://www.w3.org/2000/svg", s = document.createElementNS(r, "svg"), n = document.createElementNS(r, "foreignObject");
-  return s.setAttribute("width", `${t}`), s.setAttribute("height", `${i}`), s.setAttribute("viewBox", `0 0 ${t} ${i}`), n.setAttribute("width", "100%"), n.setAttribute("height", "100%"), n.setAttribute("x", "0"), n.setAttribute("y", "0"), n.setAttribute("externalResourcesRequired", "true"), s.appendChild(n), n.appendChild(e), Et(s);
+async function Dt(i, t, e) {
+  const s = "http://www.w3.org/2000/svg", r = document.createElementNS(s, "svg"), n = document.createElementNS(s, "foreignObject");
+  return r.setAttribute("width", `${t}`), r.setAttribute("height", `${e}`), r.setAttribute("viewBox", `0 0 ${t} ${e}`), n.setAttribute("width", "100%"), n.setAttribute("height", "100%"), n.setAttribute("x", "0"), n.setAttribute("y", "0"), n.setAttribute("externalResourcesRequired", "true"), r.appendChild(n), n.appendChild(i), At(r);
 }
-const h = (e, t) => {
-  if (e instanceof t)
+const h = (i, t) => {
+  if (i instanceof t)
     return !0;
-  const i = Object.getPrototypeOf(e);
-  return i === null ? !1 : i.constructor.name === t.name || h(i, t);
+  const e = Object.getPrototypeOf(i);
+  return e === null ? !1 : e.constructor.name === t.name || h(e, t);
 };
-function Lt(e) {
-  const t = e.getPropertyValue("content");
-  return `${e.cssText} content: '${t.replace(/'|"/g, "")}';`;
-}
-function Mt(e, t) {
-  return W(t).map((i) => {
-    const r = e.getPropertyValue(i), s = e.getPropertyPriority(i);
-    return `${i}: ${r}${s ? " !important" : ""};`;
+function Pt(i) {
+  const t = i.getPropertyValue("content");
+  return `${i.cssText} content: '${t.replace(/'|"/g, "")}';`;
+}
+function Rt(i, t) {
+  return V(t).map((e) => {
+    const s = i.getPropertyValue(e), r = i.getPropertyPriority(e);
+    return `${e}: ${s}${r ? " !important" : ""};`;
   }).join(" ");
 }
-function Rt(e, t, i, r) {
-  const s = `.${e}:${t}`, n = i.cssText ? Lt(i) : Mt(i, r);
-  return document.createTextNode(`${s}{${n}}`);
+function _t(i, t, e, s) {
+  const r = `.${i}:${t}`, n = e.cssText ? Pt(e) : Rt(e, s);
+  return document.createTextNode(`${r}{${n}}`);
 }
-function _(e, t, i, r) {
-  const s = window.getComputedStyle(e, i), n = s.getPropertyValue("content");
+function I(i, t, e, s) {
+  const r = window.getComputedStyle(i, e), n = r.getPropertyValue("content");
   if (n === "" || n === "none")
     return;
-  const o = wt();
+  const o = St();
   try {
     t.className = `${t.className} ${o}`;
   } catch {
     return;
   }
   const a = document.createElement("style");
-  a.appendChild(Rt(o, i, s, r)), t.appendChild(a);
+  a.appendChild(_t(o, e, r, s)), t.appendChild(a);
 }
-function At(e, t, i) {
-  _(e, t, ":before", i), _(e, t, ":after", i);
+function Ht(i, t, e) {
+  I(i, t, ":before", e), I(i, t, ":after", e);
 }
-const I = "application/font-woff", H = "image/jpeg", Tt = {
-  woff: I,
-  woff2: I,
+const O = "application/font-woff", F = "image/jpeg", $t = {
+  woff: O,
+  woff2: O,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: H,
-  jpeg: H,
+  jpg: F,
+  jpeg: F,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function $t(e) {
-  const t = /\.([^./]*?)$/g.exec(e);
+function It(i) {
+  const t = /\.([^./]*?)$/g.exec(i);
   return t ? t[1] : "";
 }
-function T(e) {
-  const t = $t(e).toLowerCase();
-  return Tt[t] || "";
+function R(i) {
+  const t = It(i).toLowerCase();
+  return $t[t] || "";
 }
-function Pt(e) {
-  return e.split(/,/)[1];
+function Ot(i) {
+  return i.split(/,/)[1];
 }
-function R(e) {
-  return e.search(/^(data:)/) !== -1;
+function D(i) {
+  return i.search(/^(data:)/) !== -1;
 }
-function Dt(e, t) {
-  return `data:${t};base64,${e}`;
+function Ft(i, t) {
+  return `data:${t};base64,${i}`;
 }
-async function N(e, t, i) {
-  const r = await fetch(e, t);
-  if (r.status === 404)
-    throw new Error(`Resource "${r.url}" not found`);
-  const s = await r.blob();
+async function X(i, t, e) {
+  const s = await fetch(i, t);
+  if (s.status === 404)
+    throw new Error(`Resource "${s.url}" not found`);
+  const r = await s.blob();
   return new Promise((n, o) => {
     const a = new FileReader();
     a.onerror = o, a.onloadend = () => {
       try {
-        n(i({ res: r, result: a.result }));
+        n(e({ res: s, result: a.result }));
       } catch (l) {
         o(l);
       }
-    }, a.readAsDataURL(s);
+    }, a.readAsDataURL(r);
   });
 }
-const M = {};
-function _t(e, t, i) {
-  let r = e.replace(/\?.*/, "");
-  return i && (r = e), /ttf|otf|eot|woff2?/i.test(r) && (r = r.replace(/.*\//, "")), t ? `[${t}]${r}` : r;
-}
-async function $(e, t, i) {
-  const r = _t(e, t, i.includeQueryParams);
-  if (M[r] != null)
-    return M[r];
-  i.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
-  let s;
+const A = {};
+function jt(i, t, e) {
+  let s = i.replace(/\?.*/, "");
+  return e && (s = i), /ttf|otf|eot|woff2?/i.test(s) && (s = s.replace(/.*\//, "")), t ? `[${t}]${s}` : s;
+}
+async function _(i, t, e) {
+  const s = jt(i, t, e.includeQueryParams);
+  if (A[s] != null)
+    return A[s];
+  e.cacheBust && (i += (/\?/.test(i) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
+  let r;
   try {
-    const n = await N(e, i.fetchRequestInit, ({ res: o, result: a }) => (t || (t = o.headers.get("Content-Type") || ""), Pt(a)));
-    s = Dt(n, t);
+    const n = await X(i, e.fetchRequestInit, ({ res: o, result: a }) => (t || (t = o.headers.get("Content-Type") || ""), Ot(a)));
+    r = Ft(n, t);
   } catch (n) {
-    s = i.imagePlaceholder || "";
-    let o = `Failed to fetch resource: ${e}`;
+    r = e.imagePlaceholder || "";
+    let o = `Failed to fetch resource: ${i}`;
     n && (o = typeof n == "string" ? n : n.message), o && console.warn(o);
   }
-  return M[r] = s, s;
+  return A[s] = r, r;
 }
-async function It(e) {
-  const t = e.toDataURL();
-  return t === "data:," ? e.cloneNode(!1) : E(t);
+async function Ut(i) {
+  const t = i.toDataURL();
+  return t === "data:," ? i.cloneNode(!1) : C(t);
 }
-async function Ht(e, t) {
-  if (e.currentSrc) {
+async function zt(i, t) {
+  if (i.currentSrc) {
     const n = document.createElement("canvas"), o = n.getContext("2d");
-    n.width = e.clientWidth, n.height = e.clientHeight, o?.drawImage(e, 0, 0, n.width, n.height);
+    n.width = i.clientWidth, n.height = i.clientHeight, o?.drawImage(i, 0, 0, n.width, n.height);
     const a = n.toDataURL();
-    return E(a);
+    return C(a);
   }
-  const i = e.poster, r = T(i), s = await $(i, r, t);
-  return E(s);
+  const e = i.poster, s = R(e), r = await _(e, s, t);
+  return C(r);
 }
-async function Ft(e, t) {
-  var i;
+async function Bt(i, t) {
+  var e;
   try {
-    if (!((i = e?.contentDocument) === null || i === void 0) && i.body)
-      return await C(e.contentDocument.body, t, !0);
+    if (!((e = i?.contentDocument) === null || e === void 0) && e.body)
+      return await M(i.contentDocument.body, t, !0);
   } catch {
   }
-  return e.cloneNode(!1);
+  return i.cloneNode(!1);
 }
-async function Ot(e, t) {
-  return h(e, HTMLCanvasElement) ? It(e) : h(e, HTMLVideoElement) ? Ht(e, t) : h(e, HTMLIFrameElement) ? Ft(e, t) : e.cloneNode(Y(e));
+async function qt(i, t) {
+  return h(i, HTMLCanvasElement) ? Ut(i) : h(i, HTMLVideoElement) ? zt(i, t) : h(i, HTMLIFrameElement) ? Bt(i, t) : i.cloneNode(G(i));
 }
-const Ut = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", Y = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
-async function Bt(e, t, i) {
-  var r, s;
-  if (Y(t))
+const Wt = (i) => i.tagName != null && i.tagName.toUpperCase() === "SLOT", G = (i) => i.tagName != null && i.tagName.toUpperCase() === "SVG";
+async function Nt(i, t, e) {
+  var s, r;
+  if (G(t))
     return t;
   let n = [];
-  return Ut(e) && e.assignedNodes ? n = p(e.assignedNodes()) : h(e, HTMLIFrameElement) && (!((r = e.contentDocument) === null || r === void 0) && r.body) ? n = p(e.contentDocument.body.childNodes) : n = p(((s = e.shadowRoot) !== null && s !== void 0 ? s : e).childNodes), n.length === 0 || h(e, HTMLVideoElement) || await n.reduce((o, a) => o.then(() => C(a, i)).then((l) => {
+  return Wt(i) && i.assignedNodes ? n = p(i.assignedNodes()) : h(i, HTMLIFrameElement) && (!((s = i.contentDocument) === null || s === void 0) && s.body) ? n = p(i.contentDocument.body.childNodes) : n = p(((r = i.shadowRoot) !== null && r !== void 0 ? r : i).childNodes), n.length === 0 || h(i, HTMLVideoElement) || await n.reduce((o, a) => o.then(() => M(a, e)).then((l) => {
     l && t.appendChild(l);
   }), Promise.resolve()), t;
 }
-function jt(e, t, i) {
-  const r = t.style;
-  if (!r)
+function Vt(i, t, e) {
+  const s = t.style;
+  if (!s)
     return;
-  const s = window.getComputedStyle(e);
-  s.cssText ? (r.cssText = s.cssText, r.transformOrigin = s.transformOrigin) : W(i).forEach((n) => {
-    let o = s.getPropertyValue(n);
-    n === "font-size" && o.endsWith("px") && (o = `${Math.floor(parseFloat(o.substring(0, o.length - 2))) - 0.1}px`), h(e, HTMLIFrameElement) && n === "display" && o === "inline" && (o = "block"), n === "d" && t.getAttribute("d") && (o = `path(${t.getAttribute("d")})`), r.setProperty(n, o, s.getPropertyPriority(n));
+  const r = window.getComputedStyle(i);
+  r.cssText ? (s.cssText = r.cssText, s.transformOrigin = r.transformOrigin) : V(e).forEach((n) => {
+    let o = r.getPropertyValue(n);
+    n === "font-size" && o.endsWith("px") && (o = `${Math.floor(parseFloat(o.substring(0, o.length - 2))) - 0.1}px`), h(i, HTMLIFrameElement) && n === "display" && o === "inline" && (o = "block"), n === "d" && t.getAttribute("d") && (o = `path(${t.getAttribute("d")})`), s.setProperty(n, o, r.getPropertyPriority(n));
   });
 }
-function zt(e, t) {
-  h(e, HTMLTextAreaElement) && (t.innerHTML = e.value), h(e, HTMLInputElement) && t.setAttribute("value", e.value);
+function Yt(i, t) {
+  h(i, HTMLTextAreaElement) && (t.innerHTML = i.value), h(i, HTMLInputElement) && t.setAttribute("value", i.value);
 }
-function qt(e, t) {
-  if (h(e, HTMLSelectElement)) {
-    const i = t, r = Array.from(i.children).find((s) => e.value === s.getAttribute("value"));
-    r && r.setAttribute("selected", "");
+function Xt(i, t) {
+  if (h(i, HTMLSelectElement)) {
+    const e = t, s = Array.from(e.children).find((r) => i.value === r.getAttribute("value"));
+    s && s.setAttribute("selected", "");
   }
 }
-function Wt(e, t, i) {
-  return h(t, Element) && (jt(e, t, i), At(e, t, i), zt(e, t), qt(e, t)), t;
+function Gt(i, t, e) {
+  return h(t, Element) && (Vt(i, t, e), Ht(i, t, e), Yt(i, t), Xt(i, t)), t;
 }
-async function Vt(e, t) {
-  const i = e.querySelectorAll ? e.querySelectorAll("use") : [];
-  if (i.length === 0)
-    return e;
-  const r = {};
-  for (let n = 0; n < i.length; n++) {
-    const a = i[n].getAttribute("xlink:href");
+async function Kt(i, t) {
+  const e = i.querySelectorAll ? i.querySelectorAll("use") : [];
+  if (e.length === 0)
+    return i;
+  const s = {};
+  for (let n = 0; n < e.length; n++) {
+    const a = e[n].getAttribute("xlink:href");
     if (a) {
-      const l = e.querySelector(a), c = document.querySelector(a);
-      !l && c && !r[a] && (r[a] = await C(c, t, !0));
+      const l = i.querySelector(a), c = document.querySelector(a);
+      !l && c && !s[a] && (s[a] = await M(c, t, !0));
     }
   }
-  const s = Object.values(r);
-  if (s.length) {
+  const r = Object.values(s);
+  if (r.length) {
     const n = "http://www.w3.org/1999/xhtml", o = document.createElementNS(n, "svg");
     o.setAttribute("xmlns", n), o.style.position = "absolute", o.style.width = "0", o.style.height = "0", o.style.overflow = "hidden", o.style.display = "none";
     const a = document.createElementNS(n, "defs");
     o.appendChild(a);
-    for (let l = 0; l < s.length; l++)
-      a.appendChild(s[l]);
-    e.appendChild(o);
+    for (let l = 0; l < r.length; l++)
+      a.appendChild(r[l]);
+    i.appendChild(o);
   }
-  return e;
+  return i;
 }
-async function C(e, t, i) {
-  return !i && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((r) => Ot(r, t)).then((r) => Bt(e, r, t)).then((r) => Wt(e, r, t)).then((r) => Vt(r, t));
+async function M(i, t, e) {
+  return !e && t.filter && !t.filter(i) ? null : Promise.resolve(i).then((s) => qt(s, t)).then((s) => Nt(i, s, t)).then((s) => Gt(i, s, t)).then((s) => Kt(s, t));
 }
-const X = /url\((['"]?)([^'"]+?)\1\)/g, Nt = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Yt = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Xt(e) {
-  const t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
+const K = /url\((['"]?)([^'"]+?)\1\)/g, Jt = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Qt = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function Zt(i) {
+  const t = i.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function Gt(e) {
+function te(i) {
   const t = [];
-  return e.replace(X, (i, r, s) => (t.push(s), i)), t.filter((i) => !R(i));
+  return i.replace(K, (e, s, r) => (t.push(r), e)), t.filter((e) => !D(e));
 }
-async function Kt(e, t, i, r, s) {
+async function ee(i, t, e, s, r) {
   try {
-    const n = i ? xt(t, i) : t, o = T(t);
+    const n = e ? Et(t, e) : t, o = R(t);
     let a;
-    return s || (a = await $(n, o, r)), e.replace(Xt(t), `$1${a}$3`);
+    return r || (a = await _(n, o, s)), i.replace(Zt(t), `$1${a}$3`);
   } catch {
   }
-  return e;
+  return i;
 }
-function Jt(e, { preferredFontFormat: t }) {
-  return t ? e.replace(Yt, (i) => {
+function ie(i, { preferredFontFormat: t }) {
+  return t ? i.replace(Qt, (e) => {
     for (; ; ) {
-      const [r, , s] = Nt.exec(i) || [];
-      if (!s)
+      const [s, , r] = Jt.exec(e) || [];
+      if (!r)
         return "";
-      if (s === t)
-        return `src: ${r};`;
+      if (r === t)
+        return `src: ${s};`;
     }
-  }) : e;
+  }) : i;
 }
-function G(e) {
-  return e.search(X) !== -1;
+function J(i) {
+  return i.search(K) !== -1;
 }
-async function K(e, t, i) {
-  if (!G(e))
-    return e;
-  const r = Jt(e, i);
-  return Gt(r).reduce((n, o) => n.then((a) => Kt(a, o, t, i)), Promise.resolve(r));
+async function Q(i, t, e) {
+  if (!J(i))
+    return i;
+  const s = ie(i, e);
+  return te(s).reduce((n, o) => n.then((a) => ee(a, o, t, e)), Promise.resolve(s));
 }
-async function g(e, t, i) {
-  var r;
-  const s = (r = t.style) === null || r === void 0 ? void 0 : r.getPropertyValue(e);
-  if (s) {
-    const n = await K(s, null, i);
-    return t.style.setProperty(e, n, t.style.getPropertyPriority(e)), !0;
+async function g(i, t, e) {
+  var s;
+  const r = (s = t.style) === null || s === void 0 ? void 0 : s.getPropertyValue(i);
+  if (r) {
+    const n = await Q(r, null, e);
+    return t.style.setProperty(i, n, t.style.getPropertyPriority(i)), !0;
   }
   return !1;
 }
-async function Qt(e, t) {
-  await g("background", e, t) || await g("background-image", e, t), await g("mask", e, t) || await g("-webkit-mask", e, t) || await g("mask-image", e, t) || await g("-webkit-mask-image", e, t);
+async function se(i, t) {
+  await g("background", i, t) || await g("background-image", i, t), await g("mask", i, t) || await g("-webkit-mask", i, t) || await g("mask-image", i, t) || await g("-webkit-mask-image", i, t);
 }
-async function Zt(e, t) {
-  const i = h(e, HTMLImageElement);
-  if (!(i && !R(e.src)) && !(h(e, SVGImageElement) && !R(e.href.baseVal)))
+async function re(i, t) {
+  const e = h(i, HTMLImageElement);
+  if (!(e && !D(i.src)) && !(h(i, SVGImageElement) && !D(i.href.baseVal)))
     return;
-  const r = i ? e.src : e.href.baseVal, s = await $(r, T(r), t);
+  const s = e ? i.src : i.href.baseVal, r = await _(s, R(s), t);
   await new Promise((n, o) => {
-    e.onload = n, e.onerror = t.onImageErrorHandler ? (...l) => {
+    i.onload = n, i.onerror = t.onImageErrorHandler ? (...l) => {
       try {
         n(t.onImageErrorHandler(...l));
       } catch (c) {
         o(c);
       }
     } : o;
-    const a = e;
-    a.decode && (a.decode = n), a.loading === "lazy" && (a.loading = "eager"), i ? (e.srcset = "", e.src = s) : e.href.baseVal = s;
+    const a = i;
+    a.decode && (a.decode = n), a.loading === "lazy" && (a.loading = "eager"), e ? (i.srcset = "", i.src = r) : i.href.baseVal = r;
   });
 }
-async function te(e, t) {
-  const r = p(e.childNodes).map((s) => J(s, t));
-  await Promise.all(r).then(() => e);
+async function ne(i, t) {
+  const s = p(i.childNodes).map((r) => Z(r, t));
+  await Promise.all(s).then(() => i);
 }
-async function J(e, t) {
-  h(e, Element) && (await Qt(e, t), await Zt(e, t), await te(e, t));
+async function Z(i, t) {
+  h(i, Element) && (await se(i, t), await re(i, t), await ne(i, t));
 }
-function ee(e, t) {
-  const { style: i } = e;
-  t.backgroundColor && (i.backgroundColor = t.backgroundColor), t.width && (i.width = `${t.width}px`), t.height && (i.height = `${t.height}px`);
-  const r = t.style;
-  return r != null && Object.keys(r).forEach((s) => {
-    i[s] = r[s];
-  }), e;
+function oe(i, t) {
+  const { style: e } = i;
+  t.backgroundColor && (e.backgroundColor = t.backgroundColor), t.width && (e.width = `${t.width}px`), t.height && (e.height = `${t.height}px`);
+  const s = t.style;
+  return s != null && Object.keys(s).forEach((r) => {
+    e[r] = s[r];
+  }), i;
 }
-const F = {};
-async function O(e) {
-  let t = F[e];
+const j = {};
+async function U(i) {
+  let t = j[i];
   if (t != null)
     return t;
-  const r = await (await fetch(e)).text();
-  return t = { url: e, cssText: r }, F[e] = t, t;
-}
-async function U(e, t) {
-  let i = e.cssText;
-  const r = /url\(["']?([^"')]+)["']?\)/g, n = (i.match(/url\([^)]+\)/g) || []).map(async (o) => {
-    let a = o.replace(r, "$1");
-    return a.startsWith("https://") || (a = new URL(a, e.url).href), N(a, t.fetchRequestInit, ({ result: l }) => (i = i.replace(o, `url(${l})`), [o, l]));
+  const s = await (await fetch(i)).text();
+  return t = { url: i, cssText: s }, j[i] = t, t;
+}
+async function z(i, t) {
+  let e = i.cssText;
+  const s = /url\(["']?([^"')]+)["']?\)/g, n = (e.match(/url\([^)]+\)/g) || []).map(async (o) => {
+    let a = o.replace(s, "$1");
+    return a.startsWith("https://") || (a = new URL(a, i.url).href), X(a, t.fetchRequestInit, ({ result: l }) => (e = e.replace(o, `url(${l})`), [o, l]));
   });
-  return Promise.all(n).then(() => i);
+  return Promise.all(n).then(() => e);
 }
-function B(e) {
-  if (e == null)
+function B(i) {
+  if (i == null)
     return [];
-  const t = [], i = /(\/\*[\s\S]*?\*\/)/gi;
-  let r = e.replace(i, "");
-  const s = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
+  const t = [], e = /(\/\*[\s\S]*?\*\/)/gi;
+  let s = i.replace(e, "");
+  const r = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
   for (; ; ) {
-    const l = s.exec(r);
+    const l = r.exec(s);
     if (l === null)
       break;
     t.push(l[0]);
   }
-  r = r.replace(s, "");
+  s = s.replace(r, "");
   const n = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, o = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", a = new RegExp(o, "gi");
   for (; ; ) {
-    let l = n.exec(r);
+    let l = n.exec(s);
     if (l === null) {
-      if (l = a.exec(r), l === null)
+      if (l = a.exec(s), l === null)
         break;
       n.lastIndex = a.lastIndex;
     } else
@@ -793,126 +905,126 @@ function B(e) {
   }
   return t;
 }
-async function ie(e, t) {
-  const i = [], r = [];
-  return e.forEach((s) => {
-    if ("cssRules" in s)
+async function ae(i, t) {
+  const e = [], s = [];
+  return i.forEach((r) => {
+    if ("cssRules" in r)
       try {
-        p(s.cssRules || []).forEach((n, o) => {
+        p(r.cssRules || []).forEach((n, o) => {
           if (n.type === CSSRule.IMPORT_RULE) {
             let a = o + 1;
-            const l = n.href, c = O(l).then((u) => U(u, t)).then((u) => B(u).forEach((L) => {
+            const l = n.href, c = U(l).then((u) => z(u, t)).then((u) => B(u).forEach((L) => {
               try {
-                s.insertRule(L, L.startsWith("@import") ? a += 1 : s.cssRules.length);
-              } catch (tt) {
+                r.insertRule(L, L.startsWith("@import") ? a += 1 : r.cssRules.length);
+              } catch (it) {
                 console.error("Error inserting rule from remote css", {
                   rule: L,
-                  error: tt
+                  error: it
                 });
               }
             })).catch((u) => {
               console.error("Error loading remote css", u.toString());
             });
-            r.push(c);
+            s.push(c);
           }
         });
       } catch (n) {
-        const o = e.find((a) => a.href == null) || document.styleSheets[0];
-        s.href != null && r.push(O(s.href).then((a) => U(a, t)).then((a) => B(a).forEach((l) => {
+        const o = i.find((a) => a.href == null) || document.styleSheets[0];
+        r.href != null && s.push(U(r.href).then((a) => z(a, t)).then((a) => B(a).forEach((l) => {
           o.insertRule(l, o.cssRules.length);
         })).catch((a) => {
           console.error("Error loading remote stylesheet", a);
         })), console.error("Error inlining remote css file", n);
       }
-  }), Promise.all(r).then(() => (e.forEach((s) => {
-    if ("cssRules" in s)
+  }), Promise.all(s).then(() => (i.forEach((r) => {
+    if ("cssRules" in r)
       try {
-        p(s.cssRules || []).forEach((n) => {
-          i.push(n);
+        p(r.cssRules || []).forEach((n) => {
+          e.push(n);
         });
       } catch (n) {
-        console.error(`Error while reading CSS rules from ${s.href}`, n);
+        console.error(`Error while reading CSS rules from ${r.href}`, n);
       }
-  }), i));
+  }), e));
 }
-function re(e) {
-  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => G(t.style.getPropertyValue("src")));
+function le(i) {
+  return i.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => J(t.style.getPropertyValue("src")));
 }
-async function se(e, t) {
-  if (e.ownerDocument == null)
+async function ce(i, t) {
+  if (i.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const i = p(e.ownerDocument.styleSheets), r = await ie(i, t);
-  return re(r);
+  const e = p(i.ownerDocument.styleSheets), s = await ae(e, t);
+  return le(s);
 }
-function Q(e) {
-  return e.trim().replace(/["']/g, "");
+function tt(i) {
+  return i.trim().replace(/["']/g, "");
 }
-function ne(e) {
+function he(i) {
   const t = /* @__PURE__ */ new Set();
-  function i(r) {
-    (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((n) => {
-      t.add(Q(n));
-    }), Array.from(r.children).forEach((n) => {
-      n instanceof HTMLElement && i(n);
+  function e(s) {
+    (s.style.fontFamily || getComputedStyle(s).fontFamily).split(",").forEach((n) => {
+      t.add(tt(n));
+    }), Array.from(s.children).forEach((n) => {
+      n instanceof HTMLElement && e(n);
     });
   }
-  return i(e), t;
+  return e(i), t;
 }
-async function oe(e, t) {
-  const i = await se(e, t), r = ne(e);
-  return (await Promise.all(i.filter((n) => r.has(Q(n.style.fontFamily))).map((n) => {
+async function de(i, t) {
+  const e = await ce(i, t), s = he(i);
+  return (await Promise.all(e.filter((n) => s.has(tt(n.style.fontFamily))).map((n) => {
     const o = n.parentStyleSheet ? n.parentStyleSheet.href : null;
-    return K(n.cssText, o, t);
+    return Q(n.cssText, o, t);
   }))).join(`
 `);
 }
-async function ae(e, t) {
-  const i = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await oe(e, t);
-  if (i) {
-    const r = document.createElement("style"), s = document.createTextNode(i);
-    r.appendChild(s), e.firstChild ? e.insertBefore(r, e.firstChild) : e.appendChild(r);
+async function ue(i, t) {
+  const e = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await de(i, t);
+  if (e) {
+    const s = document.createElement("style"), r = document.createTextNode(e);
+    s.appendChild(r), i.firstChild ? i.insertBefore(s, i.firstChild) : i.appendChild(s);
   }
 }
-async function le(e, t = {}) {
-  const { width: i, height: r } = V(e, t), s = await C(e, t, !0);
-  return await ae(s, t), await J(s, t), ee(s, t), await Ct(s, i, r);
+async function pe(i, t = {}) {
+  const { width: e, height: s } = Y(i, t), r = await M(i, t, !0);
+  return await ue(r, t), await Z(r, t), oe(r, t), await Dt(r, e, s);
 }
-async function ce(e, t = {}) {
-  const { width: i, height: r } = V(e, t), s = await le(e, t), n = await E(s), o = document.createElement("canvas"), a = o.getContext("2d"), l = t.pixelRatio || vt(), c = t.canvasWidth || i, u = t.canvasHeight || r;
-  return o.width = c * l, o.height = u * l, t.skipAutoScale || St(o), o.style.width = `${c}`, o.style.height = `${u}`, t.backgroundColor && (a.fillStyle = t.backgroundColor, a.fillRect(0, 0, o.width, o.height)), a.drawImage(n, 0, 0, o.width, o.height), o;
+async function fe(i, t = {}) {
+  const { width: e, height: s } = Y(i, t), r = await pe(i, t), n = await C(r), o = document.createElement("canvas"), a = o.getContext("2d"), l = t.pixelRatio || Lt(), c = t.canvasWidth || e, u = t.canvasHeight || s;
+  return o.width = c * l, o.height = u * l, t.skipAutoScale || Tt(o), o.style.width = `${c}`, o.style.height = `${u}`, t.backgroundColor && (a.fillStyle = t.backgroundColor, a.fillRect(0, 0, o.width, o.height)), a.drawImage(n, 0, 0, o.width, o.height), o;
 }
-async function he(e, t = {}) {
-  return (await ce(e, t)).toDataURL();
+async function me(i, t = {}) {
+  return (await fe(i, t)).toDataURL();
 }
-async function de(e = []) {
-  const t = ue(e);
+async function be(i = []) {
+  const t = ge(i);
   try {
-    const i = await he(document.body, {
+    const e = await me(document.body, {
       cacheBust: !0,
       skipAutoScale: !1,
-      filter: (r) => !(r instanceof HTMLElement && r.id === "mtb-widget-host")
+      filter: (s) => !(s instanceof HTMLElement && s.id === "mtb-widget-host")
     });
-    return me(i);
+    return we(e);
   } catch {
     return null;
   } finally {
     t?.remove();
   }
 }
-function ue(e) {
-  if (e.length === 0) return null;
+function ge(i) {
+  if (i.length === 0) return null;
   const t = document.createElement("div");
   t.setAttribute("data-mtb-capture-annotations", "true"), t.setAttribute("aria-hidden", "true"), t.style.cssText = "position:fixed;inset:0;pointer-events:none;z-index:2147483645;";
-  for (const [i, r] of e.entries())
-    r.type === "pin" ? t.appendChild(pe(r, i + 1)) : r.type === "draw" && r.drawPath && t.appendChild(fe(r.drawPath));
+  for (const [e, s] of i.entries())
+    s.type === "pin" ? t.appendChild(ye(s, e + 1)) : s.type === "draw" && s.drawPath && t.appendChild(xe(s.drawPath));
   return document.body.appendChild(t), t;
 }
-function pe(e, t) {
-  const i = document.createElement("div");
-  return i.textContent = String(t), i.style.cssText = [
+function ye(i, t) {
+  const e = document.createElement("div");
+  return e.textContent = String(t), e.style.cssText = [
     "position:fixed",
-    `left:${e.x}px`,
-    `top:${e.y}px`,
+    `left:${i.x}px`,
+    `top:${i.y}px`,
     "width:22px",
     "height:22px",
     "border-radius:50% 50% 50% 2px",
@@ -925,23 +1037,23 @@ function pe(e, t) {
     "color:#fff",
     "box-shadow:0 2px 8px rgba(5,150,105,0.45)",
     "transform:translate(-50%,-50%)"
-  ].join(";"), i;
+  ].join(";"), e;
 }
-function fe(e) {
+function xe(i) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   t.setAttribute("width", "100%"), t.setAttribute("height", "100%"), t.setAttribute("viewBox", `0 0 ${window.innerWidth} ${window.innerHeight}`), t.style.cssText = "position:fixed;inset:0;width:100%;height:100%;overflow:visible;";
-  const i = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  return i.setAttribute("d", e), i.setAttribute("fill", "none"), i.setAttribute("stroke", "#059669"), i.setAttribute("stroke-width", "3.5"), i.setAttribute("stroke-linecap", "round"), i.setAttribute("stroke-linejoin", "round"), i.setAttribute("filter", "drop-shadow(0 1px 2px rgba(5,150,105,0.35))"), t.appendChild(i), t;
+  const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
+  return e.setAttribute("d", i), e.setAttribute("fill", "none"), e.setAttribute("stroke", "#059669"), e.setAttribute("stroke-width", "3.5"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("filter", "drop-shadow(0 1px 2px rgba(5,150,105,0.35))"), t.appendChild(e), t;
 }
-function me(e) {
-  const [t, i] = e.split(","), r = t.match(/:(.*?);/)?.[1] ?? "image/png", s = atob(i), n = new Uint8Array(s.length);
-  for (let o = 0; o < s.length; o++)
-    n[o] = s.charCodeAt(o);
-  return new Blob([n], { type: r });
+function we(i) {
+  const [t, e] = i.split(","), s = t.match(/:(.*?);/)?.[1] ?? "image/png", r = atob(e), n = new Uint8Array(r.length);
+  for (let o = 0; o < r.length; o++)
+    n[o] = r.charCodeAt(o);
+  return new Blob([n], { type: s });
 }
-class be {
+class ke {
   constructor() {
-    this.listeners = /* @__PURE__ */ new Set(), this.originalOnError = null, this.rejectionHandler = null, this.hooked = !1;
+    this.listeners = /* @__PURE__ */ new Set(), this.originalOnError = null, this.installedOnError = null, this.rejectionHandler = null, this.hooked = !1;
   }
   subscribe(t) {
     return this.listeners.add(t), this.hook(), () => {
@@ -949,32 +1061,32 @@ class be {
     };
   }
   hook() {
-    this.hooked || (this.hooked = !0, this.originalOnError = window.onerror, window.onerror = (t, i, r, s, n) => (this.emit({ message: String(t), source: i, line: r, col: s, error: n }), this.originalOnError ? this.originalOnError.call(window, t, i, r, s, n) : !1), this.rejectionHandler = (t) => {
-      const i = t.reason instanceof Error ? t.reason.message : String(t.reason);
-      this.emit({ message: `Unhandled rejection: ${i}` });
+    this.hooked || (this.hooked = !0, this.originalOnError = window.onerror, this.installedOnError = (t, e, s, r, n) => (this.emit({ message: String(t), source: e, line: s, col: r, error: n }), this.originalOnError ? this.originalOnError.call(window, t, e, s, r, n) : !1), window.onerror = this.installedOnError, this.rejectionHandler = (t) => {
+      const e = t.reason instanceof Error ? t.reason.message : String(t.reason);
+      this.emit({ message: `Unhandled rejection: ${e}` });
     }, window.addEventListener("unhandledrejection", this.rejectionHandler));
   }
   unhook() {
-    this.hooked && (this.hooked = !1, window.onerror = this.originalOnError, this.originalOnError = null, this.rejectionHandler && (window.removeEventListener("unhandledrejection", this.rejectionHandler), this.rejectionHandler = null));
+    this.hooked && (this.hooked = !1, window.onerror === this.installedOnError && (window.onerror = this.originalOnError), this.installedOnError = null, this.originalOnError = null, this.rejectionHandler && (window.removeEventListener("unhandledrejection", this.rejectionHandler), this.rejectionHandler = null));
   }
   emit(t) {
-    for (const i of this.listeners) i(t);
+    for (const e of this.listeners) e(t);
   }
 }
-const Z = new be(), ge = 20;
-class xe {
+const et = new ke(), ve = 20;
+class Ee {
   constructor() {
     this.errors = [], this.unsubscribe = null;
   }
   start() {
-    this.unsubscribe || (this.unsubscribe = Z.subscribe((t) => this.record(t)));
+    this.unsubscribe || (this.unsubscribe = et.subscribe((t) => this.record(t)));
   }
   record(t) {
-    const i = t.line != null ? ` (${t.line}:${t.col ?? 0})` : "";
-    this.addError(`${t.message}${i}`);
+    const e = t.line != null ? ` (${t.line}:${t.col ?? 0})` : "";
+    this.addError(`${t.message}${e}`);
   }
   addError(t) {
-    this.errors.length >= ge || this.errors.includes(t) || this.errors.push(t);
+    this.errors.length >= ve || this.errors.includes(t) || this.errors.push(t);
   }
   getErrors() {
     return [...this.errors];
@@ -983,7 +1095,7 @@ class xe {
     this.unsubscribe?.(), this.unsubscribe = null;
   }
 }
-const we = 3, ye = 1e3, ke = /* @__PURE__ */ new Set([
+const Se = 3, Ce = 1e3, Me = 3, Le = 5e3, Te = 500, Ae = 500, De = 300, Pe = /* @__PURE__ */ new Set([
   "A",
   "BUTTON",
   "INPUT",
@@ -992,7 +1104,7 @@ const we = 3, ye = 1e3, ke = /* @__PURE__ */ new Set([
   "LABEL",
   "SUMMARY",
   "DETAILS"
-]), ve = /* @__PURE__ */ new Set([
+]), Re = /* @__PURE__ */ new Set([
   "button",
   "link",
   "checkbox",
@@ -1006,133 +1118,281 @@ const we = 3, ye = 1e3, ke = /* @__PURE__ */ new Set([
   "listbox",
   "slider",
   "spinbutton"
-]), k = class k {
+]), q = [
+  "404",
+  "500",
+  "not found",
+  "page not found",
+  "server error",
+  "internal server error"
+], v = class v {
   constructor(t) {
-    this.clickHistory = [], this.unsubscribeErrors = null, this.active = !1, this.errorCount = 0, this.deadClickCount = 0, this.cooldownUntil = 0, this.onFrustration = t, this.boundClickHandler = (i) => this.handleClick(i);
+    this.clickHistory = [], this.unsubscribeErrors = null, this.active = !1, this.errorCount = 0, this.deadClickCount = 0, this.cooldownUntil = 0, this.navTimestamps = [], this.boundPopstateHandler = null, this.originalPushState = null, this.originalReplaceState = null, this.installedPushState = null, this.installedReplaceState = null, this.boundSubmitHandler = null, this.boundInvalidHandler = null, this.errorPageUrls = /* @__PURE__ */ new Set(), this.domObserver = null, this.pendingDomChecks = 0, this.lastMutationAt = -1, this.onFrustration = t, this.boundClickHandler = (e) => this.handleClick(e);
   }
   start() {
-    this.active || (this.active = !0, document.addEventListener("click", this.boundClickHandler, !0), this.unsubscribeErrors = Z.subscribe((t) => {
+    this.active || (this.active = !0, document.addEventListener("click", this.boundClickHandler, !0), this.unsubscribeErrors = et.subscribe((t) => {
       this.errorCount++;
-    }));
+    }), this.startNavigationTracking(), this.startFormTracking(), this.checkErrorPage());
   }
   stop() {
-    this.active && (this.active = !1, document.removeEventListener("click", this.boundClickHandler, !0), this.unsubscribeErrors?.(), this.unsubscribeErrors = null, this.clickHistory = []);
+    this.active && (this.active = !1, document.removeEventListener("click", this.boundClickHandler, !0), this.unsubscribeErrors?.(), this.unsubscribeErrors = null, this.clickHistory = [], this.stopNavigationTracking(), this.stopFormTracking(), this.errorPageUrls.clear(), this.disconnectDomObserver());
+  }
+  startNavigationTracking() {
+    this.boundPopstateHandler = () => this.handleNavigation(), window.addEventListener("popstate", this.boundPopstateHandler), this.originalPushState = history.pushState.bind(history), this.originalReplaceState = history.replaceState.bind(history);
+    const t = this.originalPushState, e = this.originalReplaceState, s = () => this.handleNavigation();
+    this.installedPushState = function(r, n, o) {
+      t(r, n, o), s();
+    }, this.installedReplaceState = function(r, n, o) {
+      e(r, n, o), s();
+    }, history.pushState = this.installedPushState, history.replaceState = this.installedReplaceState;
+  }
+  stopNavigationTracking() {
+    this.boundPopstateHandler && (window.removeEventListener("popstate", this.boundPopstateHandler), this.boundPopstateHandler = null), this.originalPushState && history.pushState === this.installedPushState && (history.pushState = this.originalPushState), this.originalReplaceState && history.replaceState === this.installedReplaceState && (history.replaceState = this.originalReplaceState), this.originalPushState = null, this.originalReplaceState = null, this.installedPushState = null, this.installedReplaceState = null, this.navTimestamps = [];
+  }
+  startFormTracking() {
+    this.boundSubmitHandler = (t) => this.handleFormSubmit(t), this.boundInvalidHandler = (t) => this.handleFormInvalid(t), document.addEventListener("submit", this.boundSubmitHandler, !0), document.addEventListener("invalid", this.boundInvalidHandler, !0);
+  }
+  stopFormTracking() {
+    this.boundSubmitHandler && (document.removeEventListener("submit", this.boundSubmitHandler, !0), this.boundSubmitHandler = null), this.boundInvalidHandler && (document.removeEventListener("invalid", this.boundInvalidHandler, !0), this.boundInvalidHandler = null);
   }
   handleClick(t) {
-    const i = t.target;
-    if (!i || this.isWidgetElement(i)) return;
-    const r = Date.now();
-    this.clickHistory.push({ target: i, time: r });
-    const s = r - ye;
-    if (this.clickHistory = this.clickHistory.filter((o) => o.time > s), this.clickHistory.filter((o) => o.target === i).length >= we) {
+    const e = t.target;
+    if (!e || this.isWidgetElement(e)) return;
+    const s = Date.now();
+    this.clickHistory.push({ target: e, time: s });
+    const r = s - Ce;
+    if (this.clickHistory = this.clickHistory.filter((o) => o.time > r), this.clickHistory.filter((o) => o.target === e).length >= Se) {
       this.clickHistory = [], this.emitHighPriority({
         signal: "rage_click",
-        target: j(i),
-        timestamp: r
+        target: y(e),
+        timestamp: s
       });
       return;
     }
-    this.isInteractive(i) || (this.deadClickCount++, this.deadClickCount >= 3 && this.errorCount > 0 && (this.deadClickCount = 0, this.errorCount = 0, this.emitIfReady({
+    this.isInteractive(e) || (this.deadClickCount++, this.deadClickCount >= 3 && this.errorCount > 0 && (this.deadClickCount = 0, this.errorCount = 0, this.emitIfReady({
       signal: "dead_click",
-      target: j(i),
-      timestamp: r
-    })));
+      target: y(e),
+      timestamp: s
+    }))), this.checkDeadClickDom(e, s);
+  }
+  handleNavigation() {
+    const t = Date.now();
+    this.navTimestamps.push(t);
+    const e = t - Le;
+    this.navTimestamps = this.navTimestamps.filter((s) => s > e), this.navTimestamps.length >= Me && (this.navTimestamps = [], this.emitIfReady({
+      signal: "rapid_navigation",
+      timestamp: t
+    })), setTimeout(() => {
+      this.active && this.checkErrorPage();
+    }, De);
+  }
+  handleFormSubmit(t) {
+    const e = t.target;
+    e instanceof HTMLFormElement && (this.isWidgetElement(e) || setTimeout(() => {
+      this.active && e.querySelector('[aria-invalid="true"], .is-invalid') && this.emitIfReady({
+        signal: "form_failure",
+        target: y(e),
+        timestamp: Date.now()
+      });
+    }, Te));
+  }
+  handleFormInvalid(t) {
+    const e = t.target;
+    if (!e || this.isWidgetElement(e)) return;
+    const s = e.closest("form");
+    this.emitIfReady({
+      signal: "form_failure",
+      target: y(s || e),
+      timestamp: Date.now()
+    });
+  }
+  checkErrorPage() {
+    const t = location.href;
+    if (this.errorPageUrls.has(t)) return;
+    const e = document.title.toLowerCase();
+    if (q.some((r) => e.includes(r))) {
+      this.errorPageUrls.add(t), this.emitHighPriority({
+        signal: "error_page",
+        detail: document.title,
+        timestamp: Date.now()
+      });
+      return;
+    }
+    const s = document.querySelectorAll(
+      'h1, h2, [class*="error"], [class*="not-found"], [id*="error"], [id*="not-found"]'
+    );
+    for (const r of s) {
+      const n = r.textContent ?? "";
+      if (n.length < 200 && q.some((o) => n.toLowerCase().includes(o))) {
+        this.errorPageUrls.add(t), this.emitHighPriority({
+          signal: "error_page",
+          detail: n.trim().slice(0, 60),
+          timestamp: Date.now()
+        });
+        return;
+      }
+    }
+  }
+  // One shared observer for all in-flight dead-click checks, connected only
+  // while at least one check is pending — a full-page observer per click was
+  // too heavy on mutation-busy pages.
+  checkDeadClickDom(t, e) {
+    this.looksInteractive(t) && (this.pendingDomChecks++, this.ensureDomObserver(), setTimeout(() => {
+      this.pendingDomChecks--;
+      const s = this.lastMutationAt >= e;
+      this.pendingDomChecks === 0 && this.disconnectDomObserver(), !s && this.active && this.emitIfReady({
+        signal: "dead_click_dom",
+        target: y(t),
+        timestamp: e
+      });
+    }, Ae));
+  }
+  ensureDomObserver() {
+    this.domObserver || (this.domObserver = new MutationObserver(() => {
+      this.lastMutationAt = Date.now();
+    }), this.domObserver.observe(document.body, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      characterData: !0
+    }));
+  }
+  disconnectDomObserver() {
+    this.domObserver?.disconnect(), this.domObserver = null;
+  }
+  looksInteractive(t) {
+    if (window.getComputedStyle(t).cursor === "pointer") return !0;
+    if (t.classList)
+      for (const s of t.classList) {
+        const r = s.toLowerCase();
+        if (r.includes("btn") || r.includes("button")) return !0;
+      }
+    return !1;
   }
   isInteractive(t) {
-    if (ke.has(t.tagName)) return !0;
-    const i = t.getAttribute("role");
-    return !!(i && ve.has(i) || t.hasAttribute("onclick") || t.hasAttribute("tabindex") || t.contentEditable === "true" || window.getComputedStyle(t).cursor === "pointer" || t.closest('a, button, [role="button"], [role="link"], label'));
+    if (Pe.has(t.tagName)) return !0;
+    const e = t.getAttribute("role");
+    return !!(e && Re.has(e) || t.hasAttribute("onclick") || t.hasAttribute("tabindex") || t.contentEditable === "true" || window.getComputedStyle(t).cursor === "pointer" || t.closest('a, button, [role="button"], [role="link"], label'));
   }
   isWidgetElement(t) {
-    const i = document.getElementById("mtb-widget-host");
-    return i ? i === t || i.contains(t) : !1;
+    const e = document.getElementById("mtb-widget-host");
+    return e ? e === t || e.contains(t) : !1;
   }
   emitIfReady(t) {
-    const i = Date.now();
-    i < this.cooldownUntil || (this.cooldownUntil = i + k.COOLDOWN_MS, this.onFrustration(t));
+    const e = Date.now();
+    e < this.cooldownUntil || (this.cooldownUntil = e + v.COOLDOWN_MS, this.onFrustration(t));
   }
   emitHighPriority(t) {
-    this.cooldownUntil = Date.now() + k.COOLDOWN_MS, this.onFrustration(t);
+    this.cooldownUntil = Date.now() + v.COOLDOWN_MS, this.onFrustration(t);
   }
 };
-k.COOLDOWN_MS = 6e4;
-let A = k;
-function j(e) {
-  const t = e.tagName.toLowerCase(), i = e.id ? `#${e.id}` : "", r = e.className && typeof e.className == "string" ? "." + e.className.trim().split(/\s+/).slice(0, 2).join(".") : "", s = e.textContent?.trim().slice(0, 30) ?? "";
-  return `<${t}${i}${r}>${s ? ` "${s}"` : ""}`;
+v.COOLDOWN_MS = 6e4;
+let P = v;
+function y(i) {
+  const t = i.tagName.toLowerCase(), e = i.id ? `#${i.id}` : "", s = i.className && typeof i.className == "string" ? "." + i.className.trim().split(/\s+/).slice(0, 2).join(".") : "", r = i.textContent?.trim().slice(0, 30) ?? "";
+  return `<${t}${e}${s}>${r ? ` "${r}"` : ""}`;
 }
-function Se() {
+function _e() {
   return {
     page_url: window.location.href,
     user_agent: navigator.userAgent,
-    browser: Ee(),
-    os: Ce(),
+    browser: He(),
+    os: $e(),
     screen_width: window.screen.width,
     screen_height: window.screen.height
   };
 }
-function Ee() {
-  const e = navigator.userAgent;
-  return /Edg\//.test(e) ? `Edge ${e.match(/Edg\/(\S+)/)?.[1] ?? ""}` : /OPR\//.test(e) ? `Opera ${e.match(/OPR\/(\S+)/)?.[1] ?? ""}` : /Chrome\//.test(e) ? `Chrome ${e.match(/Chrome\/(\S+)/)?.[1] ?? ""}` : /Safari\//.test(e) && /Version\//.test(e) ? `Safari ${e.match(/Version\/(\S+)/)?.[1] ?? ""}` : /Firefox\//.test(e) ? `Firefox ${e.match(/Firefox\/(\S+)/)?.[1] ?? ""}` : "Unknown";
+function He() {
+  const i = navigator.userAgent;
+  return /Edg\//.test(i) ? `Edge ${i.match(/Edg\/(\S+)/)?.[1] ?? ""}` : /OPR\//.test(i) ? `Opera ${i.match(/OPR\/(\S+)/)?.[1] ?? ""}` : /Chrome\//.test(i) ? `Chrome ${i.match(/Chrome\/(\S+)/)?.[1] ?? ""}` : /Safari\//.test(i) && /Version\//.test(i) ? `Safari ${i.match(/Version\/(\S+)/)?.[1] ?? ""}` : /Firefox\//.test(i) ? `Firefox ${i.match(/Firefox\/(\S+)/)?.[1] ?? ""}` : "Unknown";
 }
-function Ce() {
-  const e = navigator.userAgent;
-  return /Windows NT 10/.test(e) ? "Windows 10/11" : /Windows NT/.test(e) ? "Windows" : /Mac OS X 10_15|macOS 1[56789]/.test(e) || /Mac OS X/.test(e) ? "macOS" : /Android/.test(e) ? `Android ${e.match(/Android (\d+)/)?.[1] ?? ""}` : /iPhone|iPad|iPod/.test(e) ? "iOS" : /Linux/.test(e) ? "Linux" : "Unknown";
+function $e() {
+  const i = navigator.userAgent;
+  return /Windows NT 10/.test(i) ? "Windows 10/11" : /Windows NT/.test(i) ? "Windows" : /Mac OS X 10_15|macOS 1[56789]/.test(i) || /Mac OS X/.test(i) ? "macOS" : /Android/.test(i) ? `Android ${i.match(/Android (\d+)/)?.[1] ?? ""}` : /iPhone|iPad|iPod/.test(i) ? "iOS" : /Linux/.test(i) ? "Linux" : "Unknown";
 }
-const Le = "https://makethisbetter.dev/api/v1";
-class Me {
-  constructor(t, i, r = 1e3) {
-    this.projectKey = t, this.apiUrl = (i ?? Le).replace(/\/$/, ""), this.retryDelayMs = r;
+const Ie = "https://makethisbetter.dev/api/v1";
+class Oe {
+  constructor(t, e, s = 1e3, r, n) {
+    this.projectKey = t, this.apiUrl = (e ?? Ie).replace(/\/$/, ""), this.retryDelayMs = s, this.userToken = r, this.userTokenFn = n;
+  }
+  async resolveUserToken() {
+    return this.userTokenFn ? this.userTokenFn() : this.userToken;
   }
-  async submitFeedback(t, i) {
-    const r = new FormData();
-    if (r.append("feedback[description]", t.description), r.append("feedback[page_url]", t.page_url), r.append("feedback[user_agent]", t.user_agent), r.append("feedback[browser]", t.browser), r.append("feedback[os]", t.os), r.append("feedback[screen_width]", String(t.screen_width)), r.append("feedback[screen_height]", String(t.screen_height)), r.append("feedback[console_errors]", JSON.stringify(t.console_errors)), r.append("feedback[annotations]", JSON.stringify(t.annotations)), t.target_element && r.append("feedback[target_element]", JSON.stringify(t.target_element)), t.user_id && r.append("feedback[user_id]", t.user_id), t.user_email && r.append("feedback[user_email]", t.user_email), t.user_name && r.append("feedback[user_name]", t.user_name), t.recording_events && t.recording_events.length > 0) {
-      const s = JSON.stringify(t.recording_events), n = new Blob([s], { type: "application/json" });
-      r.append("feedback[recording]", n, "recording.json"), r.append("feedback[recording_duration]", String(t.recording_duration ?? 0));
+  async authHeaders(t) {
+    const e = { "X-Project-Key": this.projectKey }, s = await this.resolveUserToken();
+    return s && (e["X-User-Token"] = s), t && (e["Content-Type"] = t), e;
+  }
+  async submitFeedback(t, e) {
+    const s = new FormData();
+    if (s.append("feedback[description]", t.description), s.append("feedback[page_url]", t.page_url), s.append("feedback[user_agent]", t.user_agent), s.append("feedback[browser]", t.browser), s.append("feedback[os]", t.os), s.append("feedback[screen_width]", String(t.screen_width)), s.append("feedback[screen_height]", String(t.screen_height)), s.append("feedback[console_errors]", JSON.stringify(t.console_errors)), s.append("feedback[annotations]", JSON.stringify(t.annotations)), t.target_element && s.append("feedback[target_element]", JSON.stringify(t.target_element)), t.user_id && s.append("feedback[user_id]", t.user_id), t.user_email && s.append("feedback[user_email]", t.user_email), t.user_name && s.append("feedback[user_name]", t.user_name), t.recording_events && t.recording_events.length > 0) {
+      const o = JSON.stringify(t.recording_events), a = new Blob([o], { type: "application/json" });
+      s.append("feedback[recording]", a, "recording.json"), s.append("feedback[recording_duration]", String(t.recording_duration ?? 0));
     }
-    i && r.append("feedback[screenshot]", i, "screenshot.png"), await this.fetchWithRetry(`${this.apiUrl}/widget/feedbacks`, {
+    e && s.append("feedback[screenshot]", e, "screenshot.png");
+    const r = await this.authHeaders();
+    return r["X-Idempotency-Key"] = Fe(), (await this.fetchWithRetry(`${this.apiUrl}/widget/feedbacks`, {
       method: "POST",
-      headers: { "X-Project-Key": this.projectKey },
-      body: r
-    });
-  }
-  async fetchWithRetry(t, i, r = 1) {
-    let s;
+      headers: r,
+      body: s
+    })).json();
+  }
+  async startClarification(t, e) {
+    const s = {};
+    e && (s.message = e);
+    const r = await this.authHeaders("application/json");
+    return (await this.fetchWithRetry(`${this.apiUrl}/widget/feedbacks/${t}/clarify`, {
+      method: "POST",
+      headers: r,
+      body: JSON.stringify(s)
+    })).json();
+  }
+  async getClarification(t) {
+    const e = await this.authHeaders();
+    return (await this.fetchWithRetry(`${this.apiUrl}/widget/feedbacks/${t}/clarify`, {
+      method: "GET",
+      headers: e
+    })).json();
+  }
+  async fetchWithRetry(t, e, s = 1) {
+    let r;
     try {
-      s = await fetch(t, i);
+      r = await fetch(t, e);
     } catch (n) {
-      if (r > 0)
-        return await z(this.retryDelayMs), this.fetchWithRetry(t, i, r - 1);
+      if (s > 0)
+        return await W(this.retryDelayMs), this.fetchWithRetry(t, e, s - 1);
       throw n;
     }
-    if (s.ok) return s;
-    if (s.status >= 500 && r > 0)
-      return await z(this.retryDelayMs), this.fetchWithRetry(t, i, r - 1);
-    throw new Error(`HTTP ${s.status}`);
+    if (r.ok) return r;
+    if (r.status >= 500 && s > 0)
+      return await W(this.retryDelayMs), this.fetchWithRetry(t, e, s - 1);
+    throw new Error(`HTTP ${r.status}`);
   }
 }
-function z(e) {
-  return e <= 0 ? Promise.resolve() : new Promise((t) => setTimeout(t, e));
+function W(i) {
+  return i <= 0 ? Promise.resolve() : new Promise((t) => setTimeout(t, i));
+}
+function Fe() {
+  return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 12)}`;
 }
-function Re(e, t, i, r, s, n) {
+function je(i, t, e, s, r, n) {
   return {
-    description: e,
+    description: i,
     ...t,
-    console_errors: i,
-    annotations: r ? [r] : [],
-    target_element: r?.targetSelector ? {
-      selector: r.targetSelector,
-      text: r.targetText ?? "",
-      name: r.targetName ?? ""
+    console_errors: e,
+    annotations: s ? [s] : [],
+    target_element: s?.targetSelector ? {
+      selector: s.targetSelector,
+      text: s.targetText ?? "",
+      name: s.targetName ?? ""
     } : void 0,
-    user_id: s?.id,
-    user_email: s?.email,
-    user_name: s?.name,
+    user_id: r?.id,
+    user_email: r?.email,
+    user_name: r?.name,
     recording_events: n?.events,
     recording_duration: n?.duration
   };
 }
-const Ae = {
+const Ue = {
   tab: "Feedback",
   toolbar: {
     markup: "Mark up",
@@ -1156,6 +1416,7 @@ const Ae = {
   success: {
     title: "Thanks!",
     message: "Your feedback has been received.",
+    view_feedback: "View my feedback",
     close: "Close"
   },
   error: {
@@ -1177,8 +1438,14 @@ const Ae = {
     stop: "Stop",
     timer_label: "Recording",
     max_reached: "Maximum recording time reached"
+  },
+  clarify: {
+    thinking: "Thinking...",
+    placeholder: "Type your response...",
+    send: "Send",
+    skip: "Skip"
   }
-}, Te = {
+}, ze = {
   tab: "反馈",
   toolbar: {
     markup: "标注",
@@ -1202,6 +1469,7 @@ const Ae = {
   success: {
     title: "感谢！",
     message: "您的反馈已收到。",
+    view_feedback: "查看我的反馈",
     close: "关闭"
   },
   error: {
@@ -1223,57 +1491,333 @@ const Ae = {
     stop: "停止",
     timer_label: "录制中",
     max_reached: "已达到最大录制时长"
+  },
+  clarify: {
+    thinking: "思考中...",
+    placeholder: "输入你的回复...",
+    send: "发送",
+    skip: "跳过"
+  }
+}, Be = {
+  tab: "フィードバック",
+  toolbar: {
+    markup: "マークアップ",
+    record: "録画",
+    hint: "要素をクリックして注釈 · ドラッグで描画",
+    hintRecord: "画面を録画中",
+    exit: "終了"
+  },
+  popup: {
+    about: "概要",
+    placeholder: "問題や提案を入力してください...",
+    submit: "送信",
+    cancel: "キャンセル",
+    quickOptions: [
+      { emoji: "🐛", label: "不具合があります" },
+      { emoji: "💡", label: "もっと使いやすくしてほしい" },
+      { emoji: "🤔", label: "ここがわかりにくい" },
+      { emoji: "✨", label: "アイデアがあります" }
+    ]
+  },
+  success: {
+    title: "ありがとうございます！",
+    message: "フィードバックを受け付けました。",
+    view_feedback: "フィードバックを確認",
+    close: "閉じる"
+  },
+  error: {
+    submit: "送信に失敗しました。もう一度お試しください。"
+  },
+  pet: {
+    bubble: "お困りですか？"
+  },
+  frustration: {
+    prompt: "うまくいかないことがありますか？お知らせください。",
+    action: "注釈",
+    dismiss: "閉じる"
+  },
+  annotation: {
+    drawing: "描画",
+    element: "要素"
+  },
+  record: {
+    stop: "停止",
+    timer_label: "録画中",
+    max_reached: "最大録画時間に達しました"
+  },
+  clarify: {
+    thinking: "考え中...",
+    placeholder: "回答を入力...",
+    send: "送信",
+    skip: "スキップ"
+  }
+}, qe = {
+  tab: "피드백",
+  toolbar: {
+    markup: "마크업",
+    record: "녹화",
+    hint: "요소를 클릭하여 주석 · 드래그하여 그리기",
+    hintRecord: "화면을 녹화 중입니다",
+    exit: "나가기"
+  },
+  popup: {
+    about: "정보",
+    placeholder: "문제 또는 제안 사항을 설명해 주세요...",
+    submit: "제출",
+    cancel: "취소",
+    quickOptions: [
+      { emoji: "🐛", label: "오류가 있어요" },
+      { emoji: "💡", label: "이 기능을 개선해 주세요" },
+      { emoji: "🤔", label: "이 부분을 모르겠어요" },
+      { emoji: "✨", label: "아이디어가 있어요" }
+    ]
+  },
+  success: {
+    title: "감사합니다!",
+    message: "피드백이 접수되었습니다.",
+    view_feedback: "내 피드백 보기",
+    close: "닫기"
+  },
+  error: {
+    submit: "제출에 실패했습니다. 다시 시도해 주세요."
+  },
+  pet: {
+    bubble: "도움이 필요하신가요?"
+  },
+  frustration: {
+    prompt: "문제가 있으신가요? 알려 주세요.",
+    action: "주석",
+    dismiss: "닫기"
+  },
+  annotation: {
+    drawing: "그리기",
+    element: "요소"
+  },
+  record: {
+    stop: "중지",
+    timer_label: "녹화 중",
+    max_reached: "최대 녹화 시간에 도달했습니다"
+  },
+  clarify: {
+    thinking: "생각 중...",
+    placeholder: "답변을 입력하세요...",
+    send: "보내기",
+    skip: "건너뛰기"
+  }
+}, We = {
+  tab: "Comentarios",
+  toolbar: {
+    markup: "Anotar",
+    record: "Grabar",
+    hint: "Haz clic en cualquier elemento para anotar · arrastra para dibujar",
+    hintRecord: "Grabando tu pantalla",
+    exit: "Salir"
+  },
+  popup: {
+    about: "Acerca de",
+    placeholder: "Describe el problema o sugerencia...",
+    submit: "Enviar",
+    cancel: "Cancelar",
+    quickOptions: [
+      { emoji: "🐛", label: "Algo no funciona" },
+      { emoji: "💡", label: "Me gustaría que funcionara diferente" },
+      { emoji: "🤔", label: "No entiendo esto" },
+      { emoji: "✨", label: "Tengo una idea" }
+    ]
+  },
+  success: {
+    title: "¡Gracias!",
+    message: "Tu comentario ha sido recibido.",
+    view_feedback: "Ver mis comentarios",
+    close: "Cerrar"
+  },
+  error: {
+    submit: "Error al enviar. Por favor, inténtalo de nuevo."
+  },
+  pet: {
+    bubble: "¿Necesitas ayuda?"
+  },
+  frustration: {
+    prompt: "¿Algo no funciona? Cuéntanos.",
+    action: "Anotar",
+    dismiss: "Cerrar"
+  },
+  annotation: {
+    drawing: "Dibujo",
+    element: "elemento"
+  },
+  record: {
+    stop: "Detener",
+    timer_label: "Grabando",
+    max_reached: "Se alcanzó el tiempo máximo de grabación"
+  },
+  clarify: {
+    thinking: "Pensando...",
+    placeholder: "Escribe tu respuesta...",
+    send: "Enviar",
+    skip: "Omitir"
+  }
+}, Ne = {
+  tab: "Avis",
+  toolbar: {
+    markup: "Annoter",
+    record: "Enregistrer",
+    hint: "Cliquez sur un élément pour l'annoter · glissez pour dessiner",
+    hintRecord: "Enregistrement de l'écran en cours",
+    exit: "Quitter"
+  },
+  popup: {
+    about: "À propos",
+    placeholder: "Décrivez le problème ou votre suggestion...",
+    submit: "Envoyer",
+    cancel: "Annuler",
+    quickOptions: [
+      { emoji: "🐛", label: "Quelque chose ne fonctionne pas" },
+      { emoji: "💡", label: "J'aimerais que cela fonctionne autrement" },
+      { emoji: "🤔", label: "Je ne comprends pas ceci" },
+      { emoji: "✨", label: "J'ai une idée" }
+    ]
+  },
+  success: {
+    title: "Merci !",
+    message: "Votre avis a bien été reçu.",
+    view_feedback: "Voir mes avis",
+    close: "Fermer"
+  },
+  error: {
+    submit: "Échec de l'envoi. Veuillez réessayer."
+  },
+  pet: {
+    bubble: "Besoin d'aide ?"
+  },
+  frustration: {
+    prompt: "Un problème ? Dites-le-nous.",
+    action: "Annoter",
+    dismiss: "Fermer"
+  },
+  annotation: {
+    drawing: "Dessin",
+    element: "élément"
+  },
+  record: {
+    stop: "Arrêter",
+    timer_label: "Enregistrement",
+    max_reached: "Durée maximale d'enregistrement atteinte"
+  },
+  clarify: {
+    thinking: "Réflexion...",
+    placeholder: "Tapez votre réponse...",
+    send: "Envoyer",
+    skip: "Passer"
   }
-}, w = {
-  en: Ae,
-  "zh-CN": Te
+}, Ve = {
+  tab: "Feedback",
+  toolbar: {
+    markup: "Markieren",
+    record: "Aufnehmen",
+    hint: "Klicken Sie auf ein Element zum Kommentieren · ziehen Sie zum Zeichnen",
+    hintRecord: "Bildschirmaufnahme läuft",
+    exit: "Beenden"
+  },
+  popup: {
+    about: "Info",
+    placeholder: "Beschreiben Sie das Problem oder Ihren Vorschlag...",
+    submit: "Absenden",
+    cancel: "Abbrechen",
+    quickOptions: [
+      { emoji: "🐛", label: "Etwas funktioniert nicht" },
+      { emoji: "💡", label: "Ich wünsche mir das anders" },
+      { emoji: "🤔", label: "Das verstehe ich nicht" },
+      { emoji: "✨", label: "Ich habe eine Idee" }
+    ]
+  },
+  success: {
+    title: "Vielen Dank!",
+    message: "Ihr Feedback wurde empfangen.",
+    view_feedback: "Mein Feedback ansehen",
+    close: "Schließen"
+  },
+  error: {
+    submit: "Senden fehlgeschlagen. Bitte versuchen Sie es erneut."
+  },
+  pet: {
+    bubble: "Brauchen Sie Hilfe?"
+  },
+  frustration: {
+    prompt: "Etwas funktioniert nicht? Sagen Sie es uns.",
+    action: "Kommentieren",
+    dismiss: "Schließen"
+  },
+  annotation: {
+    drawing: "Zeichnung",
+    element: "Element"
+  },
+  record: {
+    stop: "Stopp",
+    timer_label: "Aufnahme",
+    max_reached: "Maximale Aufnahmezeit erreicht"
+  },
+  clarify: {
+    thinking: "Einen Moment...",
+    placeholder: "Antwort eingeben...",
+    send: "Senden",
+    skip: "Überspringen"
+  }
+}, k = {
+  en: Ue,
+  "zh-CN": ze,
+  ja: Be,
+  ko: qe,
+  es: We,
+  fr: Ne,
+  de: Ve
 };
-function $e(e) {
-  if (w[e]) return w[e];
-  const t = e.split("-")[0];
-  return w[t] ? w[t] : w.en;
+function Ye(i) {
+  if (k[i]) return k[i];
+  const t = i.split("-")[0];
+  return k[t] ? k[t] : k.en;
 }
-const Pe = 60, De = "https://cdn.jsdelivr.net/npm/rrweb@2/dist/rrweb.min.js";
-let v = null;
-function _e() {
-  return v || (v = Ie().catch(() => He()), v);
+const Xe = 60, Ge = "https://cdn.jsdelivr.net/npm/rrweb@2.1.0/dist/rrweb.min.js", Ke = "sha384-6qZKf9GE/E2uhA8IdLwXsQiLN/jVx8mhA0i04rQ1aHLrs2URo3ivHlSbaccG59zt";
+let E = null;
+function Je() {
+  return E || (E = Qe().catch(() => Ze()), E);
 }
-async function Ie() {
+async function Qe() {
   return (await import("rrweb")).record;
 }
-function He() {
-  return new Promise((e, t) => {
-    const i = globalThis;
-    if (i.rrweb?.record) {
-      e(i.rrweb.record);
+function Ze() {
+  return new Promise((i, t) => {
+    const e = globalThis;
+    if (e.rrweb?.record) {
+      i(e.rrweb.record);
       return;
     }
-    const r = document.createElement("script");
-    r.src = De, r.onload = () => {
-      const s = globalThis;
-      s.rrweb?.record ? e(s.rrweb.record) : t(new Error("rrweb global not found after script load"));
-    }, r.onerror = () => t(new Error("Failed to load rrweb from CDN")), document.head.appendChild(r);
+    const s = document.createElement("script");
+    s.src = Ge, s.integrity = Ke, s.crossOrigin = "anonymous", s.onload = () => {
+      const r = globalThis;
+      r.rrweb?.record ? i(r.rrweb.record) : t(new Error("rrweb global not found after script load"));
+    }, s.onerror = () => t(new Error("Failed to load rrweb from CDN")), document.head.appendChild(s);
   });
 }
-class Fe {
-  constructor(t, i) {
-    this.events = [], this.stopFn = null, this.startedAt = 0, this.timer = null, this.clickHandler = null, this.stopped = !1, this.shadow = t, this.onMaxReached = i;
+class ti {
+  constructor(t, e) {
+    this.events = [], this.stopFn = null, this.startedAt = 0, this.timer = null, this.clickHandler = null, this.stopped = !1, this.shadow = t, this.onMaxReached = e;
   }
   async start() {
-    const t = await _e();
+    const t = await Je();
     this.startedAt = Date.now(), this.stopped = !1, this.stopFn = t({
-      emit: (i) => {
-        this.stopped || this.events.push(i);
+      emit: (e) => {
+        this.stopped || this.events.push(e);
       }
-    }), this.clickHandler = (i) => {
-      this.showClickRipple(i.clientX, i.clientY), t.addCustomEvent?.("mtb-click", {
-        x: i.clientX,
-        y: i.clientY,
-        target: i.target instanceof HTMLElement ? i.target.tagName : ""
+    }), this.clickHandler = (e) => {
+      this.showClickRipple(e.clientX, e.clientY), t.addCustomEvent?.("mtb-click", {
+        x: e.clientX,
+        y: e.clientY,
+        target: e.target instanceof HTMLElement ? e.target.tagName : ""
       });
     }, document.addEventListener("click", this.clickHandler, !0), this.timer = setTimeout(() => {
       this.onMaxReached?.();
-    }, Pe * 1e3);
+    }, Xe * 1e3);
   }
   stop() {
     return this.stopped = !0, this.stopFn?.(), this.stopFn = null, this.cleanupTimer(), this.cleanupClickHandler(), {
@@ -1293,44 +1837,70 @@ class Fe {
   cleanupClickHandler() {
     this.clickHandler && (document.removeEventListener("click", this.clickHandler, !0), this.clickHandler = null);
   }
-  showClickRipple(t, i) {
-    const r = this.shadow.el("div", "mtb-click-ripple");
-    r.style.left = `${t}px`, r.style.top = `${i}px`, this.shadow.append(r), r.addEventListener("animationend", () => r.remove());
+  showClickRipple(t, e) {
+    const s = this.shadow.el("div", "mtb-click-ripple");
+    s.style.left = `${t}px`, s.style.top = `${e}px`, this.shadow.append(s), s.addEventListener("animationend", () => s.remove());
   }
 }
-class Oe {
-  constructor(t, i, r, s) {
-    this.intervalId = null, this.getDuration = r, this.el = t.el("div", "mtb-record-bar"), this.el.innerHTML = `
+class ei {
+  constructor(t, e, s, r) {
+    this.intervalId = null, this.getDuration = s, this.el = t.el("div", "mtb-record-bar"), this.el.innerHTML = `
       <span class="mtb-record-dot"></span>
       <span class="mtb-record-timer">00:00</span>
-      <button class="mtb-record-stop" type="button">${i.record.stop}</button>
-    `, t.append(this.el), this.timerEl = this.el.querySelector(".mtb-record-timer"), this.el.querySelector(".mtb-record-stop").addEventListener("click", s), this.intervalId = setInterval(() => this.updateTimer(), 1e3);
+      <button class="mtb-record-stop" type="button">${e.record.stop}</button>
+    `, t.append(this.el), this.timerEl = this.el.querySelector(".mtb-record-timer"), this.el.querySelector(".mtb-record-stop").addEventListener("click", r), this.intervalId = setInterval(() => this.updateTimer(), 1e3);
   }
   updateTimer() {
-    const t = this.getDuration(), i = String(Math.floor(t / 60)).padStart(2, "0"), r = String(t % 60).padStart(2, "0");
-    this.timerEl.textContent = `${i}:${r}`;
+    const t = this.getDuration(), e = String(Math.floor(t / 60)).padStart(2, "0"), s = String(t % 60).padStart(2, "0");
+    this.timerEl.textContent = `${e}:${s}`;
   }
   destroy() {
     this.intervalId && (clearInterval(this.intervalId), this.intervalId = null), this.el.remove();
   }
 }
-class q {
+class ii {
+  constructor() {
+    this.session = null, this.bar = null, this.result = null;
+  }
+  async start(t, e, s) {
+    this.session = new ti(t, s), this.bar = new ei(
+      t,
+      e,
+      () => this.session?.getDuration() ?? 0,
+      s
+    ), await this.session.start();
+  }
+  stop() {
+    return this.session ? (this.result = this.session.stop(), this.teardownUI(), this.result) : null;
+  }
+  getRecording() {
+    return this.result;
+  }
+  destroy() {
+    this.teardownUI(), this.result = null;
+  }
+  teardownUI() {
+    this.session?.destroy(), this.session = null, this.bar?.destroy(), this.bar = null;
+  }
+}
+class N {
   constructor(t) {
-    this.tab = null, this.pet = null, this.toolbar = null, this.session = null, this.popup = null, this.success = null, this.frustrationPrompt = null, this.frustrationDetector = null, this.mode = "idle", this.currentAnnotation = null, this.recordSession = null, this.recordBar = null, this.currentRecording = null, this.config = t, this.messages = $e(t.locale ?? "en"), this.apiClient = new Me(t.projectKey, t.apiUrl), this.consoleCollector = new xe(), this.consoleCollector.start(), this.buildUI(), t.frustrationDetection !== !1 && (this.frustrationDetector = new A(() => this.handleFrustration()), this.frustrationDetector.start());
+    this.tab = null, this.pet = null, this.toolbar = null, this.session = null, this.popup = null, this.clarify = null, this.success = null, this.frustrationPrompt = null, this.frustrationDetector = null, this.mode = "idle", this.currentAnnotation = null, this.recordingManager = null, this.config = t, this.messages = Ye(t.locale ?? "en"), this.apiClient = new Oe(t.projectKey, t.apiUrl, void 0, t.userToken, t.userTokenFn), this.consoleCollector = new Ee(), this.consoleCollector.start(), this.buildUI(), t.frustrationDetection !== !1 && (this.frustrationDetector = new P(() => this.handleFrustration()), this.frustrationDetector.start());
   }
   buildUI() {
-    this.shadow = new it(this.config.theme ?? "auto"), (this.config.entryMode ?? "button") === "pet" ? this.pet = new st(this.shadow, this.messages, () => this.handleTabClick()) : this.tab = new rt(
+    this.shadow = new rt(this.config.theme ?? "auto"), (this.config.entryMode ?? "button") === "pet" ? this.pet = new ot(this.shadow, this.messages, () => this.handleTabClick()) : this.tab = new nt(
       this.shadow,
       this.messages,
       this.config.position ?? "right",
-      () => this.handleTabClick()
+      () => this.handleTabClick(),
+      this.config.tabText
     );
   }
   handleTabClick() {
     this.mode === "idle" ? (this.dismissFrustrationPrompt(), this.enterAnnotationMode()) : this.exitAll();
   }
   handleFrustration() {
-    this.mode !== "idle" || this.frustrationPrompt || (this.frustrationPrompt = new ot(this.shadow, this.messages, {
+    this.mode !== "idle" || this.frustrationPrompt || (this.frustrationPrompt = new lt(this.shadow, this.messages, {
       onTell: () => {
         this.dismissFrustrationPrompt(), this.enterAnnotationMode();
       },
@@ -1341,93 +1911,95 @@ class q {
     this.frustrationPrompt?.destroy(), this.frustrationPrompt = null;
   }
   enterAnnotationMode() {
-    this.mode = "annotating", this.tab?.setActive(!0), this.pet?.setActive(!0), this.toolbar = new at(
+    this.mode = "annotating", this.tab?.setActive(!0), this.pet?.setActive(!0), this.toolbar = new ct(
       this.shadow,
       this.messages,
       () => this.exitAll(),
       (t) => this.handleToolbarModeChange(t)
-    ), this.session = new P(this.shadow, this.messages, (t, i) => {
-      this.currentAnnotation = t, this.showPopup(t.x, t.y, i);
+    ), this.session = new H(this.shadow, this.messages, (t, e) => {
+      this.currentAnnotation = t, this.showPopup(t.x, t.y, e);
     });
   }
   handleToolbarModeChange(t) {
-    t === "record" ? this.enterRecordingMode() : (this.exitRecordingMode(), this.session || (this.session = new P(this.shadow, this.messages, (i, r) => {
-      this.currentAnnotation = i, this.showPopup(i.x, i.y, r);
+    t === "record" ? (this.mode = "recording", this.session?.destroy(), this.session = null, this.recordingManager = new ii(), this.recordingManager.start(this.shadow, this.messages, () => {
+      this.recordingManager && (this.recordingManager.stop(), this.showPopup(window.innerWidth / 2, window.innerHeight / 2, this.messages.record.timer_label));
+    }).catch(() => {
+      this.mode === "recording" && (this.toolbar?.setMode("markup"), this.handleToolbarModeChange("markup"));
+    })) : (this.recordingManager?.destroy(), this.recordingManager = null, this.session || (this.session = new H(this.shadow, this.messages, (e, s) => {
+      this.currentAnnotation = e, this.showPopup(e.x, e.y, s);
     })), this.mode = "annotating");
   }
-  async enterRecordingMode() {
-    this.mode = "recording", this.session?.destroy(), this.session = null, this.recordSession = new Fe(this.shadow, () => this.stopRecording()), this.recordBar = new Oe(
-      this.shadow,
-      this.messages,
-      () => this.recordSession?.getDuration() ?? 0,
-      () => this.stopRecording()
-    ), await this.recordSession.start();
-  }
-  stopRecording() {
-    this.recordSession && (this.currentRecording = this.recordSession.stop(), this.exitRecordingMode(), this.showPopup(
-      window.innerWidth / 2,
-      window.innerHeight / 2,
-      this.messages.record.timer_label
-    ));
-  }
-  exitRecordingMode() {
-    this.recordSession?.destroy(), this.recordSession = null, this.recordBar?.destroy(), this.recordBar = null;
-  }
-  showPopup(t, i, r) {
-    this.mode = "popup", this.session?.dismissInteraction(), this.popup = new mt(this.shadow, {
-      targetName: r,
+  showPopup(t, e, s) {
+    this.mode = "popup", this.session?.dismissInteraction(), this.popup = new gt(this.shadow, {
+      targetName: s,
       x: t,
-      y: i,
+      y: e,
       messages: this.messages,
-      onSubmit: (s) => this.handleSubmit(s),
+      onSubmit: (r) => this.handleSubmit(r),
       onClose: () => this.exitAll()
     });
   }
   async handleSubmit(t) {
     if (!this.popup) return;
     this.popup.setLoading(!0);
-    const i = this.currentAnnotation, r = this.currentRecording ?? void 0, [s, n] = await Promise.all([
-      de(i ? [i] : []),
-      Promise.resolve(Se())
-    ]), o = Re(
+    const e = this.currentAnnotation, s = this.recordingManager?.getRecording() ?? void 0, [r, n] = await Promise.all([
+      be(e ? [e] : []),
+      Promise.resolve(_e())
+    ]), o = je(
       t,
       n,
       this.consoleCollector.getErrors(),
-      i,
+      e,
       this.config.user,
-      r
+      s
     );
     try {
-      await this.apiClient.submitFeedback(o, s), this.popup?.destroy(), this.popup = null, this.session?.destroy(), this.session = null, this.currentRecording = null, this.showSuccess();
+      const a = await this.apiClient.submitFeedback(o, r);
+      this.popup?.destroy(), this.popup = null, this.session?.destroy(), this.session = null, this.recordingManager?.destroy(), this.recordingManager = null, this.showClarify(a.id, a.project_id);
     } catch {
       this.popup?.setLoading(!1), this.popup?.setError(this.messages.error.submit);
     }
   }
-  showSuccess() {
-    this.mode = "idle", this.tab?.setActive(!1), this.pet?.setActive(!1), this.success = new gt(this.shadow, this.messages, () => {
-      this.success?.destroy(), this.success = null;
+  showClarify(t, e) {
+    this.mode = "idle", this.tab?.setActive(!1), this.pet?.setActive(!1), this.clarify = new wt(this.shadow, {
+      feedbackId: t,
+      apiClient: this.apiClient,
+      messages: this.messages,
+      onDone: () => {
+        this.clarify?.destroy(), this.clarify = null, this.showSuccess(e);
+      }
     });
   }
+  showSuccess(t) {
+    this.mode = "idle", this.tab?.setActive(!1), this.pet?.setActive(!1);
+    const s = `${this.config.apiUrl ? this.config.apiUrl.replace(/\/api\/v1\/?$/, "") : "https://makethisbetter.dev"}/board/projects/${t}/feedbacks`, r = !!(this.config.userToken || this.config.userTokenFn);
+    this.success = new vt(this.shadow, this.messages, () => {
+      this.success?.destroy(), this.success = null;
+    }, r ? async () => {
+      const n = await this.apiClient.resolveUserToken();
+      n && window.open(`${s}?identity=${encodeURIComponent(n)}`, "_blank");
+    } : void 0);
+  }
   exitAll() {
-    this.mode = "idle", this.tab?.setActive(!1), this.pet?.setActive(!1), this.toolbar?.destroy(), this.toolbar = null, this.session?.destroy(), this.session = null, this.popup?.destroy(), this.popup = null, this.currentAnnotation = null, this.currentRecording = null, this.exitRecordingMode();
+    this.mode = "idle", this.tab?.setActive(!1), this.pet?.setActive(!1), this.toolbar?.destroy(), this.toolbar = null, this.session?.destroy(), this.session = null, this.popup?.destroy(), this.popup = null, this.clarify?.destroy(), this.clarify = null, this.currentAnnotation = null, this.recordingManager?.destroy(), this.recordingManager = null;
   }
   destroy() {
-    this.exitAll(), this.consoleCollector.stop(), this.frustrationDetector?.stop(), this.dismissFrustrationPrompt(), this.success?.destroy(), this.tab?.destroy(), this.pet?.destroy(), this.exitRecordingMode(), this.shadow.destroy();
+    this.exitAll(), this.consoleCollector.stop(), this.frustrationDetector?.stop(), this.dismissFrustrationPrompt(), this.clarify?.destroy(), this.success?.destroy(), this.tab?.destroy(), this.pet?.destroy(), this.recordingManager?.destroy(), this.shadow.destroy();
   }
 }
 let f = null;
-const Ue = {
-  init(e) {
+const si = {
+  init(i) {
     f && (f.destroy(), f = null), document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
-      f = new q(e);
-    }) : f = new q(e);
+      f = new N(i);
+    }) : f = new N(i);
   },
   destroy() {
     f?.destroy(), f = null;
   }
 };
-typeof window < "u" && (window.MakeThisBetter = Ue);
+typeof window < "u" && (window.MakeThisBetter = si);
 export {
-  Ue as MakeThisBetter
+  si as MakeThisBetter
 };
 //# sourceMappingURL=makethisbetter.esm.js.map