makethisbetter 1.9.2 → 1.11.0

package/dist/makethisbetter.esm.js

@@ -1,9 +1,9 @@
-const vt = '*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:host{all:initial;font-family:Inter,-apple-system,BlinkMacSystemFont,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 #05966973}.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}@media (max-width: 480px){.mtb-toolbar{max-width:calc(100vw - 16px);gap:6px}.mtb-toolbar-hint,.mtb-toolbar-sep{display:none}.mtb-toolbar-mode-btn,.mtb-exit-btn{padding-right:10px;padding-left:10px}}.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.selected{border-color:#3b82f6;background:#3b82f60a}.mtb-highlight-tooltip{position:fixed;z-index:2147483642;pointer-events:none;transform:translate(-50%,-100%);max-width:240px;overflow:hidden;text-overflow:ellipsis;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;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.mtb-highlight-tooltip.below{transform:translate(-50%)}.mtb-highlight-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#064e3b}.mtb-highlight-tooltip.below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-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;display:flex;flex-direction:column;width:min(320px,calc(100vw - 56px));background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 24px 64px #0000003d;overflow:hidden;animation:mtbSlideUp .28s cubic-bezier(.34,1.56,.64,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@keyframes mtbSlideUp{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mtb-popup-header{flex-shrink:0;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{min-height:0;padding:13px;overflow-y:auto;overscroll-behavior:contain}.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:10px;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 #10b98126}.mtb-textarea::placeholder{color:#00000057}.mtb-popup-error{margin-top:8px;color:#dc2626;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:32px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 12px;font-family:inherit;font-size:12.5px;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:332px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 24px 64px #0000003d;padding:24px 22px;text-align:center;animation:mtbSlideUp .35s cubic-bezier(.34,1.56,.64,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.mtb-success-icon{width:46px;height:46px;border-radius:50%;background:#05966917;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.mtb-success-title{font-size:16px;font-weight:700;margin-bottom:5px;letter-spacing:-.01em;color:#191a1c}.mtb-success-msg{font-size:13px;color:#0000008c;margin-bottom:16px;line-height:1.6}.mtb-view-feedback-link{display:inline-flex;align-items:center;gap:5px;color:#047857;text-decoration:none;font-size:13px;font-weight:500;font-family:JetBrains Mono,monospace;background:none;border:none;cursor:pointer;transition:text-decoration .12s}.mtb-view-feedback-link:hover{text-decoration:underline}.mtb-close-link{margin-top:13px;background:none;border:none;cursor:pointer;font-size:12px;color:#0006;font-family:inherit;transition:color .12s}.mtb-close-link:hover{color:#000000b3}.mtb-email-capture{margin-bottom:14px;text-align:left}.mtb-email-prompt{font-size:12px;color:#0000008c;line-height:1.5;margin-bottom:8px}.mtb-email-row{display:flex;gap:6px}.mtb-email-input{flex:1;min-width:0;font-size:12.5px;font-family:inherit;padding:7px 10px;border:1px solid rgba(0,0,0,.14);border-radius:8px;outline:none}.mtb-email-input:focus{border-color:#059669}.mtb-email-input.mtb-email-invalid{border-color:#dc2626}.mtb-email-submit{font-size:12px;font-weight:600;font-family:inherit;color:#fff;background:#059669;border:none;border-radius:8px;padding:7px 12px;cursor:pointer;white-space:nowrap}.mtb-email-submit:disabled{opacity:.6;cursor:default}.mtb-email-error{font-size:11.5px;color:#dc2626;margin-top:6px}.mtb-email-saved{font-size:12px;color:#059669;line-height:1.5}.mtb-my-feedback{display:block;margin:8px auto 0;background:none;border:none;cursor:pointer;font-size:11.5px;font-family:inherit;color:#0006;text-decoration:underline;text-underline-offset:2px;transition:color .12s}.mtb-my-feedback:hover{color:#059669}.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:Inter,-apple-system,BlinkMacSystemFont,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:48px;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:min(346px,calc(100vw - 56px));background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 24px 64px #0000003d;display:flex;flex-direction:column;animation:mtbSlideUp .28s cubic-bezier(.34,1.56,.64,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.mtb-clarify-continuation{width:min(320px,calc(100vw - 56px));animation:none}.mtb-clarify-header{padding:8px 10px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(0,0,0,.06)}.mtb-clarify-icon{width:20px;height:20px;border-radius:6px;background:linear-gradient(140deg,#10b981,#059669);box-shadow:0 1px 3px #05966966;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtb-clarify-titles{flex:1;min-width:0}.mtb-clarify-title{font-size:12px;font-weight:650;line-height:1.2;color:#191a1c}.mtb-clarify-subtitle{font-size:9.5px;color:#0000006b}.mtb-clarify-close{background:none;border:none;cursor:pointer;padding:3px;color:#00000061;display:flex;transition:color .12s}.mtb-clarify-close:hover{color:#000000b3}.mtb-clarify-messages{flex:1;overflow-y:auto;padding:8px 10px 4px;display:flex;flex-direction:column;gap:6px}.mtb-clarify-bubble{max-width:82%;padding:6px 10px;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.mtb-clarify-ai{align-self:flex-start;background:#fff;color:#191a1c;border:1px solid rgba(0,0,0,.09);border-radius:11px 11px 11px 3px}.mtb-clarify-user{align-self:flex-end;background:#059669;color:#fff;border:1px solid #059669;border-radius:11px 11px 3px}.mtb-clarify-thinking{display:flex;align-items:center;gap:4px;padding:8px 12px}.mtb-clarify-thinking .mtb-dot{width:6px;height:6px;background:#059669b3}.mtb-clarify-footer{padding:3px 10px 10px;display:flex;flex-direction:column}.mtb-clarify-input{width:100%;height:40px;padding:7px 10px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-family:inherit;font-size:12px;line-height:1.4;color:#191a1c;outline:none;background:#fafafa;resize:none;box-sizing:border-box;transition:border-color .12s,box-shadow .12s,background .12s}.mtb-clarify-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126;background:#fff}.mtb-clarify-input::placeholder{color:#00000057}.mtb-clarify-actions{display:flex;gap:6px;margin-top:6px}.mtb-clarify-skip{flex:0 0 auto;height:30px;padding:0 12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:550;color:#0000008c;white-space:nowrap;transition:background .12s}.mtb-clarify-skip:hover{background:#0000000a}.mtb-clarify-send{flex:1;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:none;border-radius:8px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-clarify-send:not(:disabled):hover{background:#047857}.mtb-clarify-send:disabled{background:#00000026;cursor:not-allowed}.mtb-clarify-send-feedback{width:100%;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:9px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .12s}.mtb-clarify-send-feedback:not(:disabled):hover{background:#047857}.mtb-clarify-send-feedback:disabled{background:#00000026;cursor:not-allowed}.mtb-clarify-error{margin-bottom:8px;color:#dc2626;font-size:11.5px;line-height:1.4;text-align:center}: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-title{color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-clarify-subtitle{color:#ffffff73}:host([data-mtb-theme="dark"]) .mtb-clarify-close{color:#ffffff73}:host([data-mtb-theme="dark"]) .mtb-clarify-close:hover{color:#ffffffbf}:host([data-mtb-theme="dark"]) .mtb-clarify-skip{background:#1f2327;border-color:#ffffff24;color:#ffffffb3}:host([data-mtb-theme="dark"]) .mtb-clarify-skip:hover{background:#ffffff0f}:host([data-mtb-theme="dark"]) .mtb-clarify-ai{background:#1f2327;border-color:#ffffff1f;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-title{color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-clarify-subtitle{color:#ffffff73}:host([data-mtb-theme="auto"]) .mtb-clarify-close{color:#ffffff73}:host([data-mtb-theme="auto"]) .mtb-clarify-close:hover{color:#ffffffbf}:host([data-mtb-theme="auto"]) .mtb-clarify-skip{background:#1f2327;border-color:#ffffff24;color:#ffffffb3}:host([data-mtb-theme="auto"]) .mtb-clarify-skip:hover{background:#ffffff0f}:host([data-mtb-theme="auto"]) .mtb-clarify-ai{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-clarify-input{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}}.mtb-dim-clickable{z-index:2147483643;pointer-events:auto;cursor:default;background:#0000001f}.mtb-draw-bar{position:fixed;bottom:48px;left:50%;transform:translate(-50%);z-index:2147483647;display:flex;align-items:center;gap:8px;height:46px;padding:0 8px 0 12px;border-radius:13px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px #0f172a38;animation:mtbBarIn .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.mtb-draw-input{width:220px;height:32px;padding:0 10px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-family:inherit;font-size:13px;color:#191a1c;outline:none;background:#fafafa;transition:border-color .12s,box-shadow .12s,background .12s}.mtb-draw-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126;background:#fff}.mtb-draw-input::placeholder{color:#00000057}.mtb-draw-icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:#374151;cursor:pointer;transition:background .12s,color .12s}.mtb-draw-icon-btn:hover:not(:disabled){background:#0000000f}.mtb-draw-icon-btn:disabled{color:#00000038;cursor:default}.mtb-draw-sep{width:1px;height:22px;background:#0000001a}.mtb-draw-cancel{height:32px;padding:0 12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff;color:#0000008c;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:550;transition:background .12s}.mtb-draw-cancel:hover{background:#0000000a}.mtb-draw-submit{height:32px;padding:0 14px;border:none;border-radius:8px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .12s}.mtb-draw-submit:hover:not(:disabled){background:#047857}.mtb-draw-submit:disabled{opacity:.6;cursor:default}.mtb-draw-error{position:absolute;bottom:100%;left:12px;margin-bottom:6px;color:#dc2626;font-size:11.5px}.mtb-record-preview{margin-bottom:12px}.mtb-record-preview-stage{position:relative;width:100%;height:132px;border-radius:10px;overflow:hidden;background:#0f172a;display:flex;align-items:center;justify-content:center}.mtb-record-preview-stage.playing{align-items:flex-start;justify-content:flex-start}.mtb-record-preview-play{width:44px;height:44px;border-radius:50%;border:none;background:#ffffffeb;color:#059669;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s,background .12s}.mtb-record-preview-play:hover:not(:disabled){transform:scale(1.06);background:#fff}.mtb-record-preview-play:disabled{cursor:default;opacity:.6}.mtb-record-preview-badge{position:absolute;right:8px;bottom:8px;padding:2px 7px;border-radius:6px;background:#0009;color:#fff;font-size:11px;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,SF Mono,monospace}.mtb-record-preview-fallback{color:#ffffffd9;font-size:12px}.mtb-record-preview-name{display:block;margin-top:5px;font-size:11px;color:#0000006b}';
-class kt {
+const Wt = '*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:host{all:initial;font-family:Inter,-apple-system,BlinkMacSystemFont,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 #05966973}.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;transition:opacity .15s ease}@keyframes mtbBarIn{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.mtb-toolbar-faded{opacity:.3;pointer-events:none}.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}@media (max-width: 480px){.mtb-toolbar{max-width:calc(100vw - 16px);gap:6px}.mtb-toolbar-hint,.mtb-toolbar-sep{display:none}.mtb-toolbar-mode-btn,.mtb-exit-btn{padding-right:10px;padding-left:10px}}.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.selected{border-color:#3b82f6;background:#3b82f60a}.mtb-highlight-tooltip{position:fixed;z-index:2147483642;pointer-events:none;transform:translate(-50%,-100%);max-width:240px;overflow:hidden;text-overflow:ellipsis;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;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.mtb-highlight-tooltip.below{transform:translate(-50%)}.mtb-highlight-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#064e3b}.mtb-highlight-tooltip.below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-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;display:flex;flex-direction:column;width:min(320px,calc(100vw - 56px));background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 24px 64px #0000003d;overflow:hidden;animation:mtbSlideUp .28s cubic-bezier(.34,1.56,.64,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@keyframes mtbSlideUp{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mtb-popup-header{flex-shrink:0;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{min-height:0;padding:13px;overflow-y:auto;overscroll-behavior:contain}.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.selected{background:#10b9811a;border-color:#10b98180}.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:10px;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 #10b98126}.mtb-textarea::placeholder{color:#00000057}.mtb-popup-error{margin-top:8px;color:#dc2626;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:32px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 12px;font-family:inherit;font-size:12.5px;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:332px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 24px 64px #0000003d;padding:24px 22px;text-align:center;animation:mtbSlideUp .35s cubic-bezier(.34,1.56,.64,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.mtb-success-icon{width:46px;height:46px;border-radius:50%;background:#05966917;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.mtb-success-title{font-size:16px;font-weight:700;margin-bottom:5px;letter-spacing:-.01em;color:#191a1c}.mtb-success-msg{font-size:13px;color:#0000008c;margin-bottom:16px;line-height:1.6}.mtb-view-feedback-link{display:inline-flex;align-items:center;gap:5px;color:#047857;text-decoration:none;font-size:13px;font-weight:500;font-family:JetBrains Mono,monospace;background:none;border:none;cursor:pointer;transition:text-decoration .12s}.mtb-view-feedback-link:hover{text-decoration:underline}.mtb-close-link{margin-top:13px;background:none;border:none;cursor:pointer;font-size:12px;color:#0006;font-family:inherit;transition:color .12s}.mtb-close-link:hover{color:#000000b3}.mtb-email-capture{margin-bottom:14px;text-align:left}.mtb-email-prompt{font-size:12px;color:#0000008c;line-height:1.5;margin-bottom:8px}.mtb-email-row{display:flex;gap:6px}.mtb-email-input{flex:1;min-width:0;font-size:12.5px;font-family:inherit;padding:7px 10px;border:1px solid rgba(0,0,0,.14);border-radius:8px;outline:none}.mtb-email-input:focus{border-color:#059669}.mtb-email-input.mtb-email-invalid{border-color:#dc2626}.mtb-email-submit{font-size:12px;font-weight:600;font-family:inherit;color:#fff;background:#059669;border:none;border-radius:8px;padding:7px 12px;cursor:pointer;white-space:nowrap}.mtb-email-submit:disabled{opacity:.6;cursor:default}.mtb-email-error{font-size:11.5px;color:#dc2626;margin-top:6px}.mtb-email-saved{font-size:12px;color:#059669;line-height:1.5}.mtb-my-feedback{display:block;margin:8px auto 0;background:none;border:none;cursor:pointer;font-size:11.5px;font-family:inherit;color:#0006;text-decoration:underline;text-underline-offset:2px;transition:color .12s}.mtb-my-feedback:hover{color:#059669}.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:Inter,-apple-system,BlinkMacSystemFont,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:48px;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:min(346px,calc(100vw - 56px));background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 24px 64px #0000003d;display:flex;flex-direction:column;animation:mtbSlideUp .28s cubic-bezier(.34,1.56,.64,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.mtb-clarify-continuation{width:min(320px,calc(100vw - 56px));animation:none}.mtb-clarify-header{padding:8px 10px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(0,0,0,.06)}.mtb-clarify-icon{width:20px;height:20px;border-radius:6px;background:linear-gradient(140deg,#10b981,#059669);box-shadow:0 1px 3px #05966966;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtb-clarify-titles{flex:1;min-width:0}.mtb-clarify-title{font-size:12px;font-weight:650;line-height:1.2;color:#191a1c}.mtb-clarify-subtitle{font-size:9.5px;color:#0000006b}.mtb-clarify-close{background:none;border:none;cursor:pointer;padding:3px;color:#00000061;display:flex;transition:color .12s}.mtb-clarify-close:hover{color:#000000b3}.mtb-clarify-messages{flex:1;overflow-y:auto;padding:8px 10px 4px;display:flex;flex-direction:column;gap:6px}.mtb-clarify-bubble{max-width:82%;padding:6px 10px;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.mtb-clarify-ai{align-self:flex-start;background:#fff;color:#191a1c;border:1px solid rgba(0,0,0,.09);border-radius:11px 11px 11px 3px}.mtb-clarify-user{align-self:flex-end;background:#059669;color:#fff;border:1px solid #059669;border-radius:11px 11px 3px}.mtb-clarify-thinking{display:flex;align-items:center;gap:4px;padding:8px 12px}.mtb-clarify-thinking .mtb-dot{width:6px;height:6px;background:#059669b3}.mtb-clarify-footer{padding:3px 10px 10px;display:flex;flex-direction:column}.mtb-clarify-input{width:100%;height:40px;padding:7px 10px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-family:inherit;font-size:12px;line-height:1.4;color:#191a1c;outline:none;background:#fafafa;resize:none;box-sizing:border-box;transition:border-color .12s,box-shadow .12s,background .12s}.mtb-clarify-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126;background:#fff}.mtb-clarify-input::placeholder{color:#00000057}.mtb-clarify-actions{display:flex;gap:6px;margin-top:6px}.mtb-clarify-skip,.mtb-clarify-fallback{flex:0 0 auto;height:30px;padding:0 12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:550;color:#0000008c;white-space:nowrap;transition:background .12s}.mtb-clarify-skip:hover,.mtb-clarify-fallback:hover{background:#0000000a}.mtb-clarify-send,.mtb-clarify-retry{flex:1;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:none;border-radius:8px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-clarify-send:not(:disabled):hover,.mtb-clarify-retry:not(:disabled):hover{background:#047857}.mtb-clarify-send:disabled,.mtb-clarify-retry:disabled{background:#00000026;cursor:not-allowed}.mtb-clarify-send-feedback{width:100%;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:9px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .12s}.mtb-clarify-send-feedback:not(:disabled):hover{background:#047857}.mtb-clarify-send-feedback:disabled{background:#00000026;cursor:not-allowed}.mtb-clarify-error{margin-bottom:8px;color:#dc2626;font-size:11.5px;line-height:1.4;text-align:center}: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-title{color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-clarify-subtitle{color:#ffffff73}:host([data-mtb-theme="dark"]) .mtb-clarify-close{color:#ffffff73}:host([data-mtb-theme="dark"]) .mtb-clarify-close:hover{color:#ffffffbf}:host([data-mtb-theme="dark"]) .mtb-clarify-skip,:host([data-mtb-theme="dark"]) .mtb-clarify-fallback{background:#1f2327;border-color:#ffffff24;color:#ffffffb3}:host([data-mtb-theme="dark"]) .mtb-clarify-skip:hover,:host([data-mtb-theme="dark"]) .mtb-clarify-fallback:hover{background:#ffffff0f}:host([data-mtb-theme="dark"]) .mtb-clarify-ai{background:#1f2327;border-color:#ffffff1f;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-title{color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-clarify-subtitle{color:#ffffff73}:host([data-mtb-theme="auto"]) .mtb-clarify-close{color:#ffffff73}:host([data-mtb-theme="auto"]) .mtb-clarify-close:hover{color:#ffffffbf}:host([data-mtb-theme="auto"]) .mtb-clarify-skip,:host([data-mtb-theme="auto"]) .mtb-clarify-fallback{background:#1f2327;border-color:#ffffff24;color:#ffffffb3}:host([data-mtb-theme="auto"]) .mtb-clarify-skip:hover,:host([data-mtb-theme="auto"]) .mtb-clarify-fallback:hover{background:#ffffff0f}:host([data-mtb-theme="auto"]) .mtb-clarify-ai{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-clarify-input{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}}.mtb-dim-clickable{z-index:2147483643;pointer-events:auto;cursor:default;background:#0000001f}.mtb-draw-bar{position:fixed;bottom:48px;left:50%;transform:translate(-50%);z-index:2147483647;display:flex;align-items:center;gap:8px;height:46px;padding:0 8px 0 12px;border-radius:13px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px #0f172a38;animation:mtbBarIn .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.mtb-draw-input{width:220px;height:32px;padding:0 10px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-family:inherit;font-size:13px;color:#191a1c;outline:none;background:#fafafa;transition:border-color .12s,box-shadow .12s,background .12s}.mtb-draw-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126;background:#fff}.mtb-draw-input::placeholder{color:#00000057}.mtb-draw-icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:#374151;cursor:pointer;transition:background .12s,color .12s}.mtb-draw-icon-btn:hover:not(:disabled){background:#0000000f}.mtb-draw-icon-btn:disabled{color:#00000038;cursor:default}.mtb-draw-sep{width:1px;height:22px;background:#0000001a}.mtb-draw-cancel{height:32px;padding:0 12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff;color:#0000008c;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:550;transition:background .12s}.mtb-draw-cancel:hover{background:#0000000a}.mtb-draw-submit{height:32px;padding:0 14px;border:none;border-radius:8px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .12s}.mtb-draw-submit:hover:not(:disabled){background:#047857}.mtb-draw-submit:disabled{opacity:.6;cursor:default}.mtb-draw-error{position:absolute;bottom:100%;left:12px;margin-bottom:6px;color:#dc2626;font-size:11.5px}.mtb-record-preview{margin-bottom:12px}.mtb-record-preview-stage{position:relative;width:100%;height:132px;border-radius:10px;overflow:hidden;background:#0f172a;display:flex;align-items:center;justify-content:center}.mtb-record-preview-stage.playing{align-items:flex-start;justify-content:flex-start}.mtb-record-preview-play{width:44px;height:44px;border-radius:50%;border:none;background:#ffffffeb;color:#059669;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s,background .12s}.mtb-record-preview-play:hover:not(:disabled){transform:scale(1.06);background:#fff}.mtb-record-preview-play:disabled{cursor:default;opacity:.6}.mtb-record-preview-badge{position:absolute;right:8px;bottom:8px;padding:2px 7px;border-radius:6px;background:#0009;color:#fff;font-size:11px;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,SF Mono,monospace}.mtb-record-preview-fallback{color:#ffffffd9;font-size:12px}.mtb-record-preview-name{display:block;margin-top:5px;font-size:11px;color:#0000006b}';
+class Vt {
   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 e = document.createElement("style");
-    e.textContent = vt, this.root.appendChild(e);
+    e.textContent = Wt, this.root.appendChild(e);
   }
   el(t, e) {
     const r = document.createElement(t);
@@ -20,37 +20,40 @@ class kt {
     this.host.remove();
   }
 }
-class St {
+class Yt {
   constructor(t, e, r, s, n) {
-    this.onClick = s, this.el = t.el("button", "mtb-tab"), r === "left" && this.el.classList.add("left"), this.idleLabel = n ?? e.tab, this.activeLabel = e.toolbar.exit, this.setLabel(this.idleLabel), this.el.addEventListener("click", s), t.append(this.el);
+    this.active = !1, this.onClick = s, this.customText = n, this.el = t.el("button", "mtb-tab"), r === "left" && this.el.classList.add("left"), this.idleLabel = n ?? e.tab, this.activeLabel = e.toolbar.exit, this.setLabel(this.idleLabel), this.el.addEventListener("click", s), t.append(this.el);
   }
   setLabel(t) {
     this.el.textContent = t, this.el.setAttribute("aria-label", t);
   }
+  setMessages(t) {
+    this.idleLabel = this.customText ?? t.tab, this.activeLabel = t.toolbar.exit, this.setLabel(this.active ? this.activeLabel : this.idleLabel);
+  }
   setActive(t) {
-    this.el.classList.toggle("active", t), this.setLabel(t ? this.activeLabel : this.idleLabel);
+    this.active = t, this.el.classList.toggle("active", t), this.setLabel(t ? this.activeLabel : this.idleLabel);
   }
   destroy() {
     this.el.removeEventListener("click", this.onClick), this.el.remove();
   }
 }
-const Et = 8e3;
-class Ct {
+const Xt = 8e3;
+class Kt {
   constructor(t, e, r) {
-    this.el = t.el("div", "mtb-frustration-prompt"), this.el.innerHTML = `
+    this.autoHideTimer = null, this.el = t.el("div", "mtb-frustration-prompt"), this.el.innerHTML = `
       <div class="mtb-frustration-icon">&#9888;&#65039;</div>
       <span class="mtb-frustration-text">${e.frustration.prompt}</span>
       <div class="mtb-frustration-actions">
         <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, Et);
+    `, this.el.querySelector(".mtb-frustration-tell").addEventListener("click", r.onTell), this.el.querySelector(".mtb-frustration-dismiss").addEventListener("click", r.onDismiss), t.append(this.el), this.autoHideTimer = setTimeout(r.onAutoHide, Xt);
   }
   destroy() {
-    this.el.remove();
+    this.autoHideTimer && (clearTimeout(this.autoHideTimer), this.autoHideTimer = null), this.el.remove();
   }
 }
-class _t {
+class Gt {
   constructor(t, e) {
     this.onClick = e, this.el = t.el("div", "mtb-dim mtb-dim-clickable"), this.el.addEventListener("click", this.onClick), t.append(this.el);
   }
@@ -58,13 +61,28 @@ class _t {
     this.el.removeEventListener("click", this.onClick), this.el.remove();
   }
 }
-class Tt {
+const Jt = 500;
+class Qt {
   constructor(t, e, r, s) {
-    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.currentMode = "markup", this.fadeTimer = null, this.faded = !1, this.pointerInside = !1, this.handleDocMouseMove = (n) => {
+      const o = this.el.getBoundingClientRect(), a = n.clientX >= o.left && n.clientX <= o.right && n.clientY >= o.top && n.clientY <= o.bottom;
+      a && !this.pointerInside ? this.faded ? this.restoreToolbar() : this.startFadeTimer() : !a && this.pointerInside && this.clearFadeTimer(), this.pointerInside = a;
+    }, 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"), s?.("markup");
     }), this.recordBtn.addEventListener("click", () => {
       this.setMode("record"), s?.("record");
-    }), this.el.querySelector(".mtb-exit-btn").addEventListener("click", r);
+    }), this.el.querySelector(".mtb-exit-btn").addEventListener("click", r), this.el.addEventListener("click", () => this.clearFadeTimer()), document.addEventListener("mousemove", this.handleDocMouseMove);
+  }
+  startFadeTimer() {
+    this.clearFadeTimer(), this.fadeTimer = setTimeout(() => {
+      this.fadeTimer = null, this.faded = !0, this.el.classList.add("mtb-toolbar-faded");
+    }, Jt);
+  }
+  clearFadeTimer() {
+    this.fadeTimer !== null && (clearTimeout(this.fadeTimer), this.fadeTimer = null);
+  }
+  restoreToolbar() {
+    this.faded = !1, this.el.classList.remove("mtb-toolbar-faded");
   }
   buildHTML(t) {
     return `
@@ -92,10 +110,10 @@ class Tt {
     return this.currentMode;
   }
   destroy() {
-    this.el.remove();
+    this.clearFadeTimer(), document.removeEventListener("mousemove", this.handleDocMouseMove), this.el.remove();
   }
 }
-class Lt {
+class Zt {
   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);
   }
@@ -103,7 +121,7 @@ class Lt {
     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 Mt {
+class te {
   constructor(t) {
     this.highlightEl = t.el("div", "mtb-highlight"), this.tooltipEl = t.el("div", "mtb-highlight-tooltip"), this.hide(), t.append(this.highlightEl, this.tooltipEl);
   }
@@ -112,7 +130,7 @@ class Mt {
     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", this.showTooltip(t, e);
   }
   showTooltip(t, e) {
-    this.tooltipEl.textContent = F(t);
+    this.tooltipEl.textContent = G(t);
     const r = e.top < 30;
     this.tooltipEl.classList.toggle("below", r), this.tooltipEl.style.left = `${e.left + e.width / 2}px`, this.tooltipEl.style.top = r ? `${e.bottom + 8}px` : `${e.top - 8}px`, this.tooltipEl.style.display = "block";
   }
@@ -126,7 +144,7 @@ class Mt {
     this.highlightEl.remove(), this.tooltipEl.remove();
   }
 }
-function F(i) {
+function G(i) {
   if (i instanceof HTMLElement) {
     const t = i.getAttribute("aria-label");
     if (t) return t;
@@ -143,7 +161,7 @@ function F(i) {
   }
   return i.tagName.toLowerCase();
 }
-function at(i) {
+function _t(i) {
   const t = [];
   let e = i;
   for (; e && e !== document.body && t.length < 5; ) {
@@ -168,7 +186,7 @@ function at(i) {
   }
   return t.join(" > ");
 }
-class Pt {
+class ee {
   constructor(t) {
     this.pins = [], this.shadow = t;
   }
@@ -184,14 +202,18 @@ class Pt {
     this.clearAll();
   }
 }
-const D = "#059669", Rt = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', S = {
-  color: D,
+const O = "#059669", ie = "5,150,105";
+function J(i) {
+  return `rgba(${ie},${i})`;
+}
+const re = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', C = {
+  color: O,
   width: "3.5",
   linecap: "round",
   linejoin: "round",
-  filter: "drop-shadow(0 1px 2px rgba(5,150,105,0.35))"
+  filter: `drop-shadow(0 1px 2px ${J(0.35)})`
 };
-class Dt {
+class se {
   constructor(t) {
     this.currentPath = null, this.currentPoints = [], this.isDrawing = !1, this.committed = [], this.redoStack = [], this.svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"), this.svg.setAttribute("class", "mtb-draw-svg"), t.append(this.svg);
   }
@@ -199,12 +221,12 @@ class Dt {
     this.isDrawing = !0, this.currentPoints = [[t, e]], this.currentPath = this.createPath(), this.svg.appendChild(this.currentPath);
   }
   continueDraw(t, e) {
-    !this.isDrawing || !this.currentPath || (this.currentPoints.push([t, e]), this.currentPath.setAttribute("d", j(this.currentPoints)));
+    !this.isDrawing || !this.currentPath || (this.currentPoints.push([t, e]), this.currentPath.setAttribute("d", et(this.currentPoints)));
   }
   // Commits the in-progress stroke to the undo stack and clears the redo stack.
   // Callers decide whether the stroke has enough points before committing.
   commitStroke() {
-    return !this.isDrawing || !this.currentPath ? !1 : (this.isDrawing = !1, this.committed.push({ path: this.currentPath, d: j(this.currentPoints), points: this.currentPoints }), this.redoStack = [], this.currentPath = null, this.currentPoints = [], !0);
+    return !this.isDrawing || !this.currentPath ? !1 : (this.isDrawing = !1, this.committed.push({ path: this.currentPath, d: et(this.currentPoints), points: this.currentPoints }), this.redoStack = [], this.currentPath = null, this.currentPoints = [], !0);
   }
   cancelCurrentDraw() {
     this.currentPath?.remove(), this.currentPath = null, this.isDrawing = !1, this.currentPoints = [];
@@ -230,7 +252,7 @@ class Dt {
   }
   getAnnotation() {
     if (this.committed.length === 0) return null;
-    const t = this.committed.flatMap((s) => s.points), [e, r] = At(t);
+    const t = this.committed.flatMap((s) => s.points), [e, r] = ne(t);
     return {
       type: "draw",
       x: e,
@@ -253,10 +275,10 @@ class Dt {
   }
   createPath() {
     const t = document.createElementNS("http://www.w3.org/2000/svg", "path");
-    return t.setAttribute("fill", "none"), t.setAttribute("stroke", S.color), t.setAttribute("stroke-width", S.width), t.setAttribute("stroke-linecap", S.linecap), t.setAttribute("stroke-linejoin", S.linejoin), t.setAttribute("style", `filter:${S.filter}`), t;
+    return t.setAttribute("fill", "none"), t.setAttribute("stroke", C.color), t.setAttribute("stroke-width", C.width), t.setAttribute("stroke-linecap", C.linecap), t.setAttribute("stroke-linejoin", C.linejoin), t.setAttribute("style", `filter:${C.filter}`), t;
   }
 }
-function j(i) {
+function et(i) {
   if (i.length === 0) return "";
   const [t, e] = i[0];
   let r = `M ${t} ${e}`;
@@ -266,14 +288,14 @@ function j(i) {
   }
   return r;
 }
-function At(i) {
+function ne(i) {
   const t = i.map((n) => n[0]), e = i.map((n) => n[1]), r = (Math.min(...t) + Math.max(...t)) / 2, s = (Math.min(...e) + Math.max(...e)) / 2;
   return [r, s];
 }
-const Ht = 5;
-class It {
+const oe = 5;
+class ae {
   constructor(t, e, r) {
-    this.messages = e, this.handlers = r, this.interactionActive = !0, this.pendingHighlightFrame = null, this.lastMoveX = 0, this.lastMoveY = 0, this.highlighter = new Mt(t), this.pinMarker = new Pt(t), this.drawLayer = new Dt(t), this.overlay = new Lt(t, {
+    this.messages = e, this.handlers = r, this.interactionActive = !0, this.pendingHighlightFrame = null, this.lastMoveX = 0, this.lastMoveY = 0, this.highlighter = new te(t), this.pinMarker = new ee(t), this.drawLayer = new se(t), this.overlay = new Zt(t, {
       onMouseDown: (s) => this.handleMouseDown(s),
       onMouseMove: (s) => this.handleMouseMove(s),
       onMouseUp: (s) => this.handleMouseUp(s),
@@ -296,7 +318,7 @@ class It {
   }
   updateHighlight() {
     if (!this.interactionActive || this.drawLayer.isCurrentlyDrawing() || this.drawSessionActive()) return;
-    const t = q(this.lastMoveX, this.lastMoveY);
+    const t = it(this.lastMoveX, this.lastMoveY);
     t ? this.highlighter.highlight(t) : this.highlighter.hide();
   }
   cancelPendingHighlight() {
@@ -309,16 +331,16 @@ class It {
   // draw note bar; a tap on an element becomes a pin. Stray taps while a
   // drawing already exists are ignored so they don't hijack the draw flow.
   finishStroke(t) {
-    if (this.drawLayer.getCurrentPointCount() >= Ht) {
+    if (this.drawLayer.getCurrentPointCount() >= oe) {
       this.drawLayer.commitStroke(), this.highlighter.hide(), this.handlers.onDrawStroke();
       return;
     }
     if (this.drawLayer.cancelCurrentDraw(), this.drawLayer.hasStrokes() || !t) return;
-    const e = q(t.clientX, t.clientY), r = e ? F(e) : this.messages.annotation.element, s = e?.getBoundingClientRect(), n = {
+    const e = it(t.clientX, t.clientY), r = e ? G(e) : this.messages.annotation.element, s = e?.getBoundingClientRect(), n = {
       type: "pin",
       x: t.clientX,
       y: t.clientY,
-      targetSelector: e ? at(e) : void 0,
+      targetSelector: e ? _t(e) : void 0,
       targetText: e?.textContent?.trim().slice(0, 200) ?? "",
       targetName: r,
       targetRect: s ? { top: s.top, left: s.left, width: s.width, height: s.height, bottom: s.bottom } : void 0
@@ -359,18 +381,18 @@ class It {
     this.dismissInteraction(), this.highlighter.destroy(), this.pinMarker.destroy(), this.drawLayer.destroy();
   }
 }
-function q(i, t) {
+function it(i, t) {
   return document.elementsFromPoint(i, t).find((e) => e.id !== "mtb-widget-host") ?? null;
 }
-const $t = "mtb-widget-host";
-function _(i) {
-  const t = document.getElementById($t);
+const le = "mtb-widget-host";
+function S(i) {
+  const t = document.getElementById(le);
   return t ? t === i || t.contains(i) : !1;
 }
-function d(i) {
+function h(i) {
   return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-class Bt {
+class ce {
   constructor(t, e) {
     this.loading = !1, this.onSubmit = e.onSubmit, this.submitLabel = e.messages.draw.submit, this.el = t.el("div", "mtb-draw-bar"), this.el.innerHTML = this.buildHTML(e.messages), t.append(this.el), this.input = this.el.querySelector(".mtb-draw-input"), this.undoBtn = this.el.querySelector(".mtb-draw-undo"), this.redoBtn = this.el.querySelector(".mtb-draw-redo"), this.submitBtn = this.el.querySelector(".mtb-draw-submit"), this.errorEl = this.el.querySelector(".mtb-draw-error"), this.undoBtn.addEventListener("click", e.onUndo), this.redoBtn.addEventListener("click", e.onRedo), this.el.querySelector(".mtb-draw-cancel").addEventListener("click", e.onCancel), this.submitBtn.addEventListener("click", () => this.submit()), this.input.addEventListener("keydown", (r) => {
       r.isComposing || r.keyCode === 229 || r.key === "Enter" && !r.shiftKey && (r.preventDefault(), this.submit());
@@ -378,16 +400,16 @@ class Bt {
   }
   buildHTML(t) {
     return `
-      <input class="mtb-draw-input" type="text" placeholder="${d(t.draw.note_placeholder)}" />
-      <button class="mtb-draw-icon-btn mtb-draw-undo" type="button" title="${d(t.draw.undo)}" aria-label="${d(t.draw.undo)}" disabled>
+      <input class="mtb-draw-input" type="text" placeholder="${h(t.draw.note_placeholder)}" />
+      <button class="mtb-draw-icon-btn mtb-draw-undo" type="button" title="${h(t.draw.undo)}" aria-label="${h(t.draw.undo)}" disabled>
         <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 14L4 9l5-5"/><path d="M4 9h11a5 5 0 0 1 0 10h-1"/></svg>
       </button>
-      <button class="mtb-draw-icon-btn mtb-draw-redo" type="button" title="${d(t.draw.redo)}" aria-label="${d(t.draw.redo)}" disabled>
+      <button class="mtb-draw-icon-btn mtb-draw-redo" type="button" title="${h(t.draw.redo)}" aria-label="${h(t.draw.redo)}" disabled>
         <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 14l5-5-5-5"/><path d="M20 9H9a5 5 0 0 0 0 10h1"/></svg>
       </button>
       <span class="mtb-draw-sep"></span>
-      <button class="mtb-draw-cancel" type="button">${d(t.draw.cancel)}</button>
-      <button class="mtb-draw-submit" type="button">${d(t.draw.submit)}</button>
+      <button class="mtb-draw-cancel" type="button">${h(t.draw.cancel)}</button>
+      <button class="mtb-draw-submit" type="button">${h(t.draw.submit)}</button>
       <div class="mtb-draw-error" role="alert" hidden></div>
     `;
   }
@@ -407,16 +429,16 @@ class Bt {
     this.el.remove();
   }
 }
-class Ft {
+class de {
   constructor(t, e) {
-    this.loading = !1, this.onSubmit = e.onSubmit, this.onClose = e.onClose, this.submitLabel = e.messages.popup.submit, this.messages = e.messages, 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, e.targetRect, e.position ?? "right"), this.bindEvents(e.messages), e.onMyFeedback && this.el.querySelector(".mtb-my-feedback").addEventListener("click", e.onMyFeedback), this.textarea.focus();
+    this.loading = !1, this.selectedQuickOption = null, this.onSubmit = e.onSubmit, this.onClose = e.onClose, this.submitLabel = e.messages.popup.submit, this.messages = e.messages, 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, e.targetRect, e.position ?? "right"), this.bindEvents(e.messages), e.onMyFeedback && this.el.querySelector(".mtb-my-feedback").addEventListener("click", e.onMyFeedback), this.textarea.focus();
   }
   buildHTML(t) {
     const e = t.messages, r = e.popup.quickOptions.map(
       (s) => `
-        <button class="mtb-quick-option" data-quick="${d(s.label)}">
+        <button class="mtb-quick-option" data-quick="${h(s.label)}">
           <span class="mtb-quick-option-emoji">${s.emoji}</span>
-          <span>${d(s.label)}</span>
+          <span>${h(s.label)}</span>
         </button>`
     ).join("");
     return `
@@ -426,7 +448,7 @@ class Ft {
             <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">${e.popup.about} "${d(t.targetName)}"</span>
+        <span class="mtb-popup-title">${e.popup.about} "${h(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"/>
@@ -438,27 +460,33 @@ class Ft {
           ${r}
         </div>
         <div class="mtb-textarea-wrap">
-          <textarea class="mtb-textarea" placeholder="${d(e.popup.placeholder)}"></textarea>
+          <textarea class="mtb-textarea" placeholder="${h(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">${d(e.popup.cancel)}</button>
-          <button class="mtb-submit-btn" type="button" disabled>${d(e.popup.submit)}</button>
+          <button class="mtb-cancel-btn" type="button">${h(e.popup.cancel)}</button>
+          <button class="mtb-submit-btn" type="button" disabled>${h(e.popup.submit)}</button>
         </div>
-        ${t.onMyFeedback ? `<button class="mtb-my-feedback" type="button">${d(e.popup.my_feedback)}</button>` : ""}
+        ${t.onMyFeedback ? `<button class="mtb-my-feedback" type="button">${h(e.popup.my_feedback)}</button>` : ""}
       </div>
     `;
   }
   positionPopup(t, e, r, s) {
-    const n = window.innerWidth, o = window.innerHeight, a = 12, l = 8, c = 32, h = Math.min(320, n - 2 * a - c), u = this.el.offsetHeight || 260, m = a + (s === "left" ? c : 0), g = n - a - (s === "right" ? c : 0);
-    let y, b;
-    r ? (y = r.left, b = r.bottom + l, b + u > o - a && (b = r.top - u - l), b < a && (b = Math.min(r.bottom + l, o - u - a))) : (y = t + 12, b = e + 12), y + h > g && (y = g - h), y < m && (y = m), b < a && (b = a), this.el.style.left = `${y}px`, this.el.style.top = `${b}px`, this.el.style.maxHeight = `${o - b - a}px`;
+    const n = window.innerWidth, o = window.innerHeight, a = 12, l = 8, c = 32, d = Math.min(320, n - 2 * a - c), u = this.el.offsetHeight || 260, m = a + (s === "left" ? c : 0), p = n - a - (s === "right" ? c : 0);
+    let g, y;
+    r ? (g = r.left, y = r.bottom + l, y + u > o - a && (y = r.top - u - l), y < a && (y = Math.min(r.bottom + l, o - u - a))) : (g = t + 12, y = e + 12), g + d > p && (g = p - d), g < m && (g = m), y < a && (y = a), this.el.style.left = `${g}px`, this.el.style.top = `${y}px`, this.el.style.maxHeight = `${o - y - a}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((e) => {
       e.addEventListener("click", () => {
         const r = e.dataset.quick ?? "";
-        this.textarea.value = r, this.updateSubmitState(), this.submit();
+        if (this.textarea.value.trim().length === 0) {
+          this.textarea.value = r, this.updateSubmitState(), this.submit();
+          return;
+        }
+        this.selectedQuickOption = r, this.el.querySelectorAll(".mtb-quick-option").forEach((s) => {
+          s.classList.toggle("selected", s === e);
+        });
       });
     }), this.textarea.addEventListener("input", () => this.updateSubmitState()), this.textarea.addEventListener("keydown", (e) => {
       e.isComposing || e.keyCode === 229 || e.key === "Enter" && !e.shiftKey && (e.preventDefault(), this.submit());
@@ -470,7 +498,9 @@ class Ft {
   }
   submit() {
     const t = this.textarea.value.trim();
-    !t || this.loading || this.onSubmit(t);
+    if (!t || this.loading) return;
+    const e = this.selectedQuickOption ? `[${this.selectedQuickOption}] ${t}` : t;
+    this.onSubmit(e);
   }
   setLoading(t) {
     this.loading = t, t ? (this.submitBtn.classList.add("loading"), this.submitBtn.innerHTML = '<span class="mtb-dot"></span><span class="mtb-dot"></span><span class="mtb-dot"></span>', this.textarea.disabled = !0) : (this.submitBtn.classList.remove("loading"), this.submitBtn.textContent = this.submitLabel, this.textarea.disabled = !1), this.updateSubmitState();
@@ -485,24 +515,208 @@ class Ft {
     this.el.remove();
   }
 }
-const Ut = 2e3, Ot = 45e3, zt = 346, jt = 270;
-class qt {
+class Tt extends Error {
+  constructor(t) {
+    super(`HTTP ${t}`), this.name = "ApiError", this.status = t;
+  }
+}
+function he(i) {
+  return i instanceof Tt && i.status === 409;
+}
+const ue = "https://makethisbetter.dev/api/v1";
+class me {
+  constructor(t, e, r = 1e3, s, n) {
+    this.projectKey = t, this.apiUrl = (e ?? ue).replace(/\/$/, ""), this.retryDelayMs = r, this.userToken = s, this.userTokenFn = n;
+  }
+  async resolveUserToken() {
+    return this.userTokenFn ? this.userTokenFn() : this.userToken;
+  }
+  async authHeaders(t) {
+    const e = { "X-Project-Key": this.projectKey }, r = await this.resolveUserToken();
+    return r && (e["X-User-Token"] = r), t && (e["Content-Type"] = t), e;
+  }
+  async submissionHeaders(t, e) {
+    const r = await this.authHeaders(e);
+    return r["X-Submission-Token"] = t, r;
+  }
+  async createSubmissionSession(t, e) {
+    const r = pe(), 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.reporter_external_id && s.append("feedback[reporter_external_id]", t.reporter_external_id), t.reporter_email && s.append("feedback[reporter_email]", t.reporter_email), t.user_email && s.append("feedback[user_email]", t.user_email), t.user_name && s.append("feedback[user_name]", t.user_name), t.breadcrumbs && t.breadcrumbs.length > 0 && s.append("feedback[breadcrumbs]", JSON.stringify(t.breadcrumbs)), t.recording_events && t.recording_events.length > 0) {
+      const l = JSON.stringify(t.recording_events), c = new Blob([l], { type: "application/json" });
+      s.append("feedback[recording]", c, "interaction-replay.json"), s.append("feedback[recording_duration]", String(t.recording_duration ?? 0));
+    }
+    if (e) {
+      const l = e.type === "image/jpeg" ? "jpg" : "png";
+      s.append("feedback[screenshot]", e, `screenshot.${l}`);
+    }
+    const n = await this.authHeaders();
+    return n["X-Submission-Token"] = r, n["X-Idempotency-Key"] = be(), { ...(await (await this.fetchWithRetry(`${this.apiUrl}/widget/feedback_submission_sessions`, {
+      method: "POST",
+      headers: n,
+      body: s
+    })).json()).submission_session, token: r };
+  }
+  async createIdentityToken(t) {
+    const e = await this.authHeaders("application/json");
+    try {
+      return await (await this.fetchWithRetry(`${this.apiUrl}/widget/identity_tokens`, {
+        method: "POST",
+        headers: e,
+        body: JSON.stringify({ reporter_external_id: t })
+      })).json();
+    } catch {
+      return null;
+    }
+  }
+  async updateReporter(t, e, r) {
+    const s = await this.authHeaders("application/json");
+    s["X-Identity-Token"] = r;
+    try {
+      return await this.fetchWithRetry(`${this.apiUrl}/widget/feedbacks/${t}/reporter`, {
+        method: "PATCH",
+        headers: s,
+        body: JSON.stringify({ reporter: { email: e } })
+      }), !0;
+    } catch {
+      return !1;
+    }
+  }
+  async startClarification(t, e, r) {
+    const s = {};
+    return r && (s.message = r), this.requestClarification(t, e, s);
+  }
+  async retryClarification(t, e) {
+    return this.requestClarification(t, e, { retry: !0 });
+  }
+  async requestClarification(t, e, r) {
+    const s = await this.submissionHeaders(e, "application/json");
+    return (await (await this.fetchWithRetry(`${this.apiUrl}/widget/feedback_submission_sessions/${t}/clarification`, {
+      method: "POST",
+      headers: s,
+      body: JSON.stringify(r)
+    })).json()).clarification;
+  }
+  async getClarification(t, e) {
+    const r = await this.submissionHeaders(e);
+    return (await (await this.fetchWithRetry(`${this.apiUrl}/widget/feedback_submission_sessions/${t}/clarification`, {
+      method: "GET",
+      headers: r
+    })).json()).clarification;
+  }
+  // Streams a clarification turn over SSE. Calls onDelta for each token and
+  // resolves with the committed result. Throws if the server doesn't stream
+  // (e.g. old backend returns JSON) so the caller can fall back to polling.
+  async streamClarification(t, e, r, s) {
+    const n = await this.submissionHeaders(e, "application/json");
+    n.Accept = "text/event-stream";
+    const o = await fetch(`${this.apiUrl}/widget/feedback_submission_sessions/${t}/clarification`, {
+      method: "POST",
+      headers: n,
+      body: JSON.stringify({}),
+      signal: s
+    }), a = o.headers.get("Content-Type") ?? "";
+    if (!o.ok || !o.body || !a.includes("text/event-stream"))
+      throw new Error("clarify stream unavailable");
+    return fe(o.body, r);
+  }
+  async finalizeSubmissionSession(t, e) {
+    const r = await this.submissionHeaders(e);
+    return (await (await this.fetchWithRetry(`${this.apiUrl}/widget/feedback_submission_sessions/${t}/feedback`, {
+      method: "POST",
+      headers: r
+    })).json()).feedback;
+  }
+  async abandonSubmissionSession(t, e) {
+    const r = await this.submissionHeaders(e);
+    await this.fetchWithRetry(`${this.apiUrl}/widget/feedback_submission_sessions/${t}`, {
+      method: "DELETE",
+      headers: r
+    });
+  }
+  async fetchWithRetry(t, e, r = 1) {
+    let s;
+    try {
+      s = await fetch(t, e);
+    } catch (n) {
+      if (r > 0)
+        return await rt(this.retryDelayMs), this.fetchWithRetry(t, e, r - 1);
+      throw n;
+    }
+    if (s.ok) return s;
+    if (s.status >= 500 && r > 0)
+      return await rt(this.retryDelayMs), this.fetchWithRetry(t, e, r - 1);
+    throw new Tt(s.status);
+  }
+}
+function rt(i) {
+  return i <= 0 ? Promise.resolve() : new Promise((t) => setTimeout(t, i));
+}
+async function fe(i, t) {
+  const e = i.getReader(), r = new TextDecoder();
+  let s = "", n = null;
+  const o = (a) => {
+    const l = a.split(`
+`).find((m) => m.startsWith("event:")), c = a.split(`
+`).find((m) => m.startsWith("data:"));
+    if (!c) return;
+    const d = l?.slice(6).trim(), u = JSON.parse(c.slice(5).trim());
+    d === "delta" && typeof u.text == "string" ? t(u.text) : d === "done" && (n = {
+      messages: Array.isArray(u.messages) ? u.messages : [],
+      done: u.done !== !1,
+      failed: u.error === !0
+    });
+  };
+  for (; ; ) {
+    const { done: a, value: l } = await e.read();
+    if (a) break;
+    s += r.decode(l, { stream: !0 });
+    let c;
+    for (; (c = s.indexOf(`
+
+`)) !== -1; ) {
+      const d = s.slice(0, c);
+      s = s.slice(c + 2);
+      try {
+        o(d);
+      } catch {
+      }
+    }
+  }
+  if (s += r.decode(), s.trim())
+    try {
+      o(s);
+    } catch {
+    }
+  if (!n) throw new Error("clarify stream ended before done");
+  return n;
+}
+function be() {
+  return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 12)}`;
+}
+function pe() {
+  if (typeof crypto > "u" || typeof crypto.getRandomValues != "function")
+    throw new Error("Secure random generation is unavailable");
+  const i = crypto.getRandomValues(new Uint8Array(32));
+  return Array.from(i, (t) => t.toString(16).padStart(2, "0")).join("");
+}
+const ge = 2e3, ye = 45e3, we = 346, ve = 270;
+class xe {
   constructor(t, e) {
-    this.pollTimer = null, this.pollDeadline = 0, this.streamingBubble = null, this.lastMessages = [], this.done = !1, this.sending = !1, this.finalizing = !1, this.destroyed = !1, this.submissionSessionId = e.submissionSessionId, this.submissionToken = e.submissionToken, this.apiClient = e.apiClient, this.onFinalize = e.onFinalize, this.i18n = e.messages, this.preloadedResult = e.preloadedResult, this.pendingClarification = e.pendingClarification;
+    this.pollTimer = null, this.pollDeadline = 0, this.streamingBubble = null, this.lastMessages = [], this.done = !1, this.sending = !1, this.finalizing = !1, this.destroyed = !1, this.unrecoverable = !1, this.submissionSessionId = e.submissionSessionId, this.submissionToken = e.submissionToken, this.apiClient = e.apiClient, this.onFinalize = e.onFinalize, this.i18n = e.messages, this.preloadedResult = e.preloadedResult, this.pendingClarification = e.pendingClarification;
     const r = e.element;
-    this.el = r ?? t.el("div", "mtb-clarify"), this.el.className = r ? "mtb-clarify mtb-clarify-continuation" : "mtb-clarify", this.el.innerHTML = this.buildHTML(e.messages), r || (t.append(this.el), this.positionCard(e.x, e.y, e.position ?? "right")), 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(), this.startConversation();
+    this.el = r ?? t.el("div", "mtb-clarify"), this.el.className = r ? "mtb-clarify mtb-clarify-continuation" : "mtb-clarify", this.el.innerHTML = this.buildHTML(e.messages), r || (t.append(this.el), this.positionCard(e.x, e.y, e.position ?? "right")), this.messagesEl = this.el.querySelector(".mtb-clarify-messages"), this.bindEvents(), this.startConversation();
   }
   // Anchors the card near the annotation point, clamped to the viewport so it
   // never overflows a screen edge (mirrors CommentPopup.positionPopup).
   positionCard(t, e, r) {
-    const s = window.innerWidth, n = window.innerHeight, o = 12, a = 32, l = Math.min(zt, s - 2 * o - a), c = this.el.offsetHeight || jt, h = o + (r === "left" ? a : 0), u = s - o - (r === "right" ? a : 0);
+    const s = window.innerWidth, n = window.innerHeight, o = 12, a = 32, l = Math.min(we, s - 2 * o - a), c = this.el.offsetHeight || ve, d = o + (r === "left" ? a : 0), u = s - o - (r === "right" ? a : 0);
     if (t === void 0 || e === void 0) {
-      const y = Math.max(h, (s - l) / 2);
-      this.el.style.left = `${Math.min(y, u - l)}px`, this.el.style.top = `${Math.max(o, (n - c) / 2)}px`, this.el.style.maxHeight = `${n - 2 * o}px`;
+      const g = Math.max(d, (s - l) / 2);
+      this.el.style.left = `${Math.min(g, u - l)}px`, this.el.style.top = `${Math.max(o, (n - c) / 2)}px`, this.el.style.maxHeight = `${n - 2 * o}px`;
       return;
     }
-    let m = t + 12, g = e + 12;
-    m + l > u && (m = t - l - 12), m + l > u && (m = u - l), m < h && (m = h), g + c > n - o && (g = n - c - o), g < o && (g = o), this.el.style.left = `${m}px`, this.el.style.top = `${g}px`, this.el.style.maxHeight = `${n - g - o}px`;
+    let m = t + 12, p = e + 12;
+    m + l > u && (m = t - l - 12), m + l > u && (m = u - l), m < d && (m = d), p + c > n - o && (p = n - c - o), p < o && (p = o), this.el.style.left = `${m}px`, this.el.style.top = `${p}px`, this.el.style.maxHeight = `${n - p - o}px`;
   }
   buildHTML(t) {
     return `
@@ -513,44 +727,50 @@ class qt {
           </svg>
         </span>
         <div class="mtb-clarify-titles">
-          <div class="mtb-clarify-title">${d(t.clarify.title)}</div>
-          <div class="mtb-clarify-subtitle">${d(t.clarify.subtitle)}</div>
+          <div class="mtb-clarify-title">${h(t.clarify.title)}</div>
+          <div class="mtb-clarify-subtitle">${h(t.clarify.subtitle)}</div>
         </div>
-        <button class="mtb-clarify-close" type="button" title="${d(t.clarify.skip)}" aria-label="${d(t.clarify.skip)}">
+        <button class="mtb-clarify-close" type="button" title="${h(t.clarify.skip)}" aria-label="${h(t.clarify.skip)}">
           <svg width="12" height="12" 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"/>
           </svg>
         </button>
       </div>
       <div class="mtb-clarify-messages"></div>
-      <div class="mtb-clarify-footer">
-        <textarea class="mtb-clarify-input" rows="1" placeholder="${d(t.clarify.placeholder)}"></textarea>
-        <div class="mtb-clarify-actions">
-          <button class="mtb-clarify-skip" type="button">${d(t.clarify.skip)}</button>
-          <button class="mtb-clarify-send" type="button" disabled>
-            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <line x1="22" y1="2" x2="11" y2="13"/>
-              <polygon points="22 2 15 22 11 13 2 9 22 2"/>
-            </svg>
-            <span>${d(t.clarify.send)}</span>
-          </button>
-        </div>
+      <div class="mtb-clarify-footer">${this.buildConversationControls(t)}</div>
+    `;
+  }
+  buildConversationControls(t) {
+    return `
+      <textarea class="mtb-clarify-input" rows="1" placeholder="${h(t.clarify.placeholder)}"></textarea>
+      <div class="mtb-clarify-actions">
+        <button class="mtb-clarify-skip" type="button">${h(t.clarify.skip)}</button>
+        <button class="mtb-clarify-send" type="button" disabled>
+          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <line x1="22" y1="2" x2="11" y2="13"/>
+            <polygon points="22 2 15 22 11 13 2 9 22 2"/>
+          </svg>
+          <span>${h(t.clarify.send)}</span>
+        </button>
       </div>
     `;
   }
   bindEvents() {
-    const t = () => {
-      this.stopPolling(), this.finalize();
-    };
-    this.el.querySelector(".mtb-clarify-skip").addEventListener("click", t), this.el.querySelector(".mtb-clarify-close").addEventListener("click", t), this.inputEl.addEventListener("input", () => {
+    this.el.querySelector(".mtb-clarify-close").addEventListener("click", () => this.skipAndFinalize()), this.bindConversationControls();
+  }
+  bindConversationControls() {
+    this.inputEl = this.el.querySelector(".mtb-clarify-input"), this.sendBtn = this.el.querySelector(".mtb-clarify-send"), this.el.querySelector(".mtb-clarify-skip").addEventListener("click", () => this.skipAndFinalize()), this.inputEl.addEventListener("input", () => {
       this.sendBtn.disabled = !this.inputEl.value.trim();
-    }), this.inputEl.addEventListener("keydown", (e) => {
-      e.isComposing || e.keyCode === 229 || e.key === "Enter" && !e.shiftKey && (e.preventDefault(), this.sendMessage());
+    }), this.inputEl.addEventListener("keydown", (t) => {
+      t.isComposing || t.keyCode === 229 || t.key === "Enter" && !t.shiftKey && (t.preventDefault(), this.sendMessage());
     }), this.sendBtn.addEventListener("click", () => this.sendMessage());
   }
+  skipAndFinalize() {
+    this.stopPolling(), this.finalize();
+  }
   async startConversation() {
     if (this.preloadedResult) {
-      this.renderConversation(this.preloadedResult.messages, this.preloadedResult.done), this.preloadedResult.done && this.handleDone();
+      this.applyResult(this.preloadedResult);
       return;
     }
     if (this.pendingClarification) {
@@ -558,7 +778,7 @@ class qt {
       try {
         const t = await this.pendingClarification;
         if (this.destroyed) return;
-        t ? (this.renderConversation(t.messages, t.done), t.done ? this.handleDone() : this.startPolling()) : await this.runInitialTurnViaPolling();
+        t ? this.applyResult(t) || this.startPolling() : await this.runInitialTurnViaPolling();
       } catch {
         if (this.destroyed) return;
         await this.runInitialTurnViaPolling();
@@ -591,7 +811,7 @@ class qt {
         (e) => this.appendStreamDelta(e)
       );
       if (this.destroyed) return;
-      this.endStreamingBubble(), this.renderConversation(t.messages, t.done), t.done ? this.handleDone() : this.startPolling();
+      this.endStreamingBubble(), this.applyResult(t) || this.startPolling();
     } catch {
       if (this.destroyed) return;
       this.endStreamingBubble(), await this.runInitialTurnViaPolling();
@@ -604,10 +824,10 @@ class qt {
         this.submissionToken
       );
       if (this.destroyed) return;
-      this.renderConversation(t.messages, t.done), t.done ? this.handleDone() : this.startPolling();
+      this.applyResult(t) || this.startPolling();
     } catch {
       if (this.destroyed) return;
-      this.handleDone();
+      this.handleFailure();
     }
   }
   async runAnswerTurn(t) {
@@ -616,7 +836,7 @@ class qt {
       this.submissionToken,
       t
     );
-    this.destroyed || (this.renderConversation(e.messages, e.done), e.done ? this.handleDone() : this.startPolling());
+    this.destroyed || this.applyResult(e) || this.startPolling();
   }
   showError() {
     const t = this.el.querySelector(".mtb-clarify-footer"), e = document.createElement("div");
@@ -632,14 +852,14 @@ class qt {
     this.streamingBubble = null;
   }
   startPolling() {
-    this.stopPolling(), this.pollDeadline = Date.now() + Ot, this.pollTimer = setInterval(() => this.poll(), Ut);
+    this.stopPolling(), this.pollDeadline = Date.now() + ye, this.pollTimer = setInterval(() => this.poll(), ge);
   }
   stopPolling() {
     this.pollTimer !== null && (clearInterval(this.pollTimer), this.pollTimer = null);
   }
   async poll() {
     if (Date.now() > this.pollDeadline) {
-      this.stopPolling(), this.handleDone();
+      this.stopPolling(), this.handleFailure();
       return;
     }
     try {
@@ -648,15 +868,61 @@ class qt {
         this.submissionToken
       );
       if (this.destroyed) return;
-      this.renderConversation(t.messages, t.done), t.done && (this.stopPolling(), this.handleDone());
+      this.applyResult(t) && this.stopPolling();
     } catch {
       if (this.destroyed) return;
-      this.stopPolling(), this.handleDone();
+      this.stopPolling(), this.handleFailure();
     }
   }
   handleDone() {
     this.done || (this.done = !0, this.stopPolling(), this.removeThinking(), this.showFinalizeButton());
   }
+  handleFailure() {
+    this.done || (this.done = !0, this.stopPolling(), this.removeThinking(), this.showClarificationFailureActions());
+  }
+  showClarificationFailureActions() {
+    const t = this.el.querySelector(".mtb-clarify-footer");
+    t.innerHTML = `
+      <div class="mtb-clarify-error">${h(this.i18n.clarify.error)}</div>
+      <div class="mtb-clarify-actions">
+        <button class="mtb-clarify-fallback" type="button">${h(this.i18n.clarify.send_feedback)}</button>
+        <button class="mtb-clarify-retry" type="button">${h(this.i18n.clarify.retry)}</button>
+      </div>
+    `, t.querySelector(".mtb-clarify-fallback").addEventListener("click", () => this.skipAndFinalize()), t.querySelector(".mtb-clarify-retry").addEventListener("click", () => {
+      this.destroyed || this.retryClarification();
+    });
+  }
+  async retryClarification() {
+    if (!(this.sending || this.destroyed)) {
+      this.sending = !0, this.done = !1, this.showConversationControls(), this.inputEl.disabled = !0, this.sendBtn.disabled = !0, this.renderConversation(this.lastMessages, !1);
+      try {
+        const t = await this.apiClient.getClarification(this.submissionSessionId, this.submissionToken);
+        if (this.destroyed) return;
+        let e = t;
+        if (t.status === "failed" ? e = await this.apiClient.retryClarification(this.submissionSessionId, this.submissionToken) : t.status === "idle" && (e = await this.apiClient.startClarification(this.submissionSessionId, this.submissionToken)), this.destroyed) return;
+        this.applyResult(e) || (this.showConversationControls(), this.startPolling());
+      } catch {
+        if (this.destroyed) return;
+        this.handleFailure();
+      } finally {
+        this.sending = !1;
+      }
+    }
+  }
+  showConversationControls() {
+    const t = this.el.querySelector(".mtb-clarify-footer");
+    t.innerHTML = this.buildConversationControls(this.i18n), this.bindConversationControls();
+  }
+  // Returns true when the exchange has settled — the caller uses that to decide
+  // whether it still needs to poll.
+  applyResult(t) {
+    this.renderConversation(t.messages, t.done);
+    const e = "status" in t ? t.status : void 0;
+    return ("status" in t ? t.status === "failed" : t.failed === !0) ? (this.handleFailure(), !0) : t.done ? (this.handleDone(), !0) : e === "awaiting_response" ? (this.stopPolling(), this.removeThinking(), this.enableInput(), !0) : !1;
+  }
+  enableInput() {
+    this.el.contains(this.inputEl) || this.showConversationControls(), this.inputEl.disabled = !1, this.sendBtn.disabled = !this.inputEl.value.trim();
+  }
   showFinalizeButton() {
     const t = this.el.querySelector(".mtb-clarify-footer");
     t.innerHTML = `
@@ -665,28 +931,43 @@ class qt {
           <line x1="22" y1="2" x2="11" y2="13"/>
           <polygon points="22 2 15 22 11 13 2 9 22 2"/>
         </svg>
-        <span>${d(this.i18n.clarify.send_feedback)}</span>
+        <span>${h(this.i18n.clarify.send_feedback)}</span>
       </button>
     `, t.querySelector(".mtb-clarify-send-feedback").addEventListener("click", () => {
       this.destroyed || this.finalize();
     });
   }
   async finalize() {
-    if (!(this.finalizing || this.destroyed)) {
+    if (!(this.finalizing || this.destroyed || this.unrecoverable)) {
       this.finalizing = !0, this.el.querySelectorAll("button").forEach((t) => {
         t.disabled = !0;
       });
       try {
         await this.onFinalize();
-      } catch {
+      } catch (t) {
         if (this.destroyed) return;
-        this.finalizing = !1, this.clearError(), this.showError(), this.showRetryButton();
+        if (this.finalizing = !1, this.clearError(), he(t)) {
+          this.showUnrecoverable();
+          return;
+        }
+        this.showFinalizeRetry();
       }
     }
   }
-  showRetryButton() {
+  showUnrecoverable() {
+    this.unrecoverable = !0, this.stopPolling();
+    const t = this.el.querySelector(".mtb-clarify-footer");
+    t.innerHTML = `<div class="mtb-clarify-error">${h(this.i18n.clarify.expired)}</div>`;
+  }
+  // Renders the reason and the retry together: replacing the footer wholesale is
+  // what used to discard the error message showError() had just prepended, so the
+  // reporter saw a bare Retry button with no explanation.
+  showFinalizeRetry() {
     const t = this.el.querySelector(".mtb-clarify-footer");
-    t.innerHTML = `<button class="mtb-clarify-retry" type="button">${d(this.i18n.clarify.retry)}</button>`, t.querySelector(".mtb-clarify-retry").addEventListener("click", () => {
+    t.innerHTML = `
+      <div class="mtb-clarify-error">${h(this.i18n.error.submit)}</div>
+      <button class="mtb-clarify-send-feedback mtb-clarify-retry" type="button">${h(this.i18n.clarify.retry)}</button>
+    `, t.querySelector(".mtb-clarify-retry").addEventListener("click", () => {
       this.destroyed || this.finalize();
     });
   }
@@ -717,8 +998,8 @@ class qt {
     this.destroyed = !0, this.stopPolling(), this.el.remove();
   }
 }
-const Nt = 5e3, Wt = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-class Vt {
+const ke = 5e3, Se = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+class Ee {
   constructor(t, e, r, s, n) {
     this.messages = e, this.el = t.el("div", "mtb-success"), this.el.style.right = "20px", this.el.style.bottom = "20px";
     const o = n?.skipFollowup ? e.success.title_no_ai : e.success.title, a = n?.skipFollowup ? e.success.message_no_ai : e.success.message, l = s ? `<button class="mtb-view-feedback-link">${e.success.view_feedback} <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg></button>` : "", c = n?.emailCapture ? `
@@ -732,7 +1013,7 @@ class Vt {
       </div>` : "";
     this.el.innerHTML = `
       <div class="mtb-success-icon">
-        <svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="${D}" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
+        <svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="${O}" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
           <polyline points="20 6 9 17 4 12"/>
         </svg>
       </div>
@@ -741,12 +1022,12 @@ class Vt {
       ${c}
       ${l}
       <button class="mtb-close-link">${e.success.close}</button>
-    `, t.append(this.el), this.el.querySelector(".mtb-close-link").addEventListener("click", r), s && this.el.querySelector(".mtb-view-feedback-link").addEventListener("click", s), n?.emailCapture ? this.bindEmailCapture(n.emailCapture.onSubmit) : setTimeout(() => r(), Nt);
+    `, t.append(this.el), this.el.querySelector(".mtb-close-link").addEventListener("click", r), s && this.el.querySelector(".mtb-view-feedback-link").addEventListener("click", s), n?.emailCapture ? this.bindEmailCapture(n.emailCapture.onSubmit) : setTimeout(() => r(), ke);
   }
   bindEmailCapture(t) {
     const e = this.el.querySelector(".mtb-email-input"), r = this.el.querySelector(".mtb-email-submit"), s = this.el.querySelector(".mtb-email-error"), n = async () => {
       const o = e.value.trim();
-      if (!Wt.test(o)) {
+      if (!Se.test(o)) {
         e.classList.add("mtb-email-invalid");
         return;
       }
@@ -760,7 +1041,7 @@ class Vt {
     this.el.remove();
   }
 }
-function Yt(i, t) {
+function Ce(i, t) {
   if (i.match(/^[a-z]+:\/\//i))
     return i;
   if (i.match(/^\/\//))
@@ -770,7 +1051,7 @@ function Yt(i, t) {
   const e = document.implementation.createHTMLDocument(), r = e.createElement("base"), s = e.createElement("a");
   return e.head.appendChild(r), e.body.appendChild(s), t && (r.href = t), s.href = i, s.href;
 }
-const Kt = /* @__PURE__ */ (() => {
+const _e = /* @__PURE__ */ (() => {
   let i = 0;
   const t = () => (
     // eslint-disable-next-line no-bitwise
@@ -778,33 +1059,33 @@ const Kt = /* @__PURE__ */ (() => {
   );
   return () => (i += 1, `u${t()}${i}`);
 })();
-function x(i) {
+function v(i) {
   const t = [];
   for (let e = 0, r = i.length; e < r; e++)
     t.push(i[e]);
   return t;
 }
-let v = null;
-function lt(i = {}) {
-  return v || (i.includeStyleProperties ? (v = i.includeStyleProperties, v) : (v = x(window.getComputedStyle(document.documentElement)), v));
+let x = null;
+function Mt(i = {}) {
+  return x || (i.includeStyleProperties ? (x = i.includeStyleProperties, x) : (x = v(window.getComputedStyle(document.documentElement)), x));
 }
-function M(i, t) {
+function $(i, t) {
   const r = (i.ownerDocument.defaultView || window).getComputedStyle(i).getPropertyValue(t);
   return r ? parseFloat(r.replace("px", "")) : 0;
 }
-function Xt(i) {
-  const t = M(i, "border-left-width"), e = M(i, "border-right-width");
+function Te(i) {
+  const t = $(i, "border-left-width"), e = $(i, "border-right-width");
   return i.clientWidth + t + e;
 }
-function Gt(i) {
-  const t = M(i, "border-top-width"), e = M(i, "border-bottom-width");
+function Me(i) {
+  const t = $(i, "border-top-width"), e = $(i, "border-bottom-width");
   return i.clientHeight + t + e;
 }
-function ct(i, t = {}) {
-  const e = t.width || Xt(i), r = t.height || Gt(i);
+function Lt(i, t = {}) {
+  const e = t.width || Te(i), r = t.height || Me(i);
   return { width: e, height: r };
 }
-function Jt() {
+function Le() {
   let i, t;
   try {
     t = process;
@@ -813,11 +1094,11 @@ function Jt() {
   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 p = 16384;
-function Qt(i) {
-  (i.width > p || i.height > p) && (i.width > p && i.height > p ? i.width > i.height ? (i.height *= p / i.width, i.width = p) : (i.width *= p / i.height, i.height = p) : i.width > p ? (i.height *= p / i.width, i.width = p) : (i.width *= p / i.height, i.height = p));
+const b = 16384;
+function Ae(i) {
+  (i.width > b || i.height > b) && (i.width > b && i.height > b ? i.width > i.height ? (i.height *= b / i.width, i.width = b) : (i.width *= b / i.height, i.height = b) : i.width > b ? (i.height *= b / i.width, i.width = b) : (i.width *= b / i.height, i.height = b));
 }
-function P(i) {
+function F(i) {
   return new Promise((t, e) => {
     const r = new Image();
     r.onload = () => {
@@ -827,12 +1108,12 @@ function P(i) {
     }, r.onerror = e, r.crossOrigin = "anonymous", r.decoding = "async", r.src = i;
   });
 }
-async function Zt(i) {
+async function Pe(i) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(i)).then(encodeURIComponent).then((t) => `data:image/svg+xml;charset=utf-8,${t}`);
 }
-async function te(i, t, e) {
+async function Re(i, t, e) {
   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", `${e}`), s.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"), s.appendChild(n), n.appendChild(i), Zt(s);
+  return s.setAttribute("width", `${t}`), s.setAttribute("height", `${e}`), s.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"), s.appendChild(n), n.appendChild(i), Pe(s);
 }
 const f = (i, t) => {
   if (i instanceof t)
@@ -840,67 +1121,67 @@ const f = (i, t) => {
   const e = Object.getPrototypeOf(i);
   return e === null ? !1 : e.constructor.name === t.name || f(e, t);
 };
-function ee(i) {
+function De(i) {
   const t = i.getPropertyValue("content");
   return `${i.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
-function ie(i, t) {
-  return lt(t).map((e) => {
+function Ie(i, t) {
+  return Mt(t).map((e) => {
     const r = i.getPropertyValue(e), s = i.getPropertyPriority(e);
     return `${e}: ${r}${s ? " !important" : ""};`;
   }).join(" ");
 }
-function re(i, t, e, r) {
-  const s = `.${i}:${t}`, n = e.cssText ? ee(e) : ie(e, r);
+function He(i, t, e, r) {
+  const s = `.${i}:${t}`, n = e.cssText ? De(e) : Ie(e, r);
   return document.createTextNode(`${s}{${n}}`);
 }
-function N(i, t, e, r) {
+function st(i, t, e, r) {
   const s = window.getComputedStyle(i, e), n = s.getPropertyValue("content");
   if (n === "" || n === "none")
     return;
-  const o = Kt();
+  const o = _e();
   try {
     t.className = `${t.className} ${o}`;
   } catch {
     return;
   }
   const a = document.createElement("style");
-  a.appendChild(re(o, e, s, r)), t.appendChild(a);
+  a.appendChild(He(o, e, s, r)), t.appendChild(a);
 }
-function se(i, t, e) {
-  N(i, t, ":before", e), N(i, t, ":after", e);
+function $e(i, t, e) {
+  st(i, t, ":before", e), st(i, t, ":after", e);
 }
-const W = "application/font-woff", V = "image/jpeg", ne = {
-  woff: W,
-  woff2: W,
+const nt = "application/font-woff", ot = "image/jpeg", Fe = {
+  woff: nt,
+  woff2: nt,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: V,
-  jpeg: V,
+  jpg: ot,
+  jpeg: ot,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function oe(i) {
+function Be(i) {
   const t = /\.([^./]*?)$/g.exec(i);
   return t ? t[1] : "";
 }
-function U(i) {
-  const t = oe(i).toLowerCase();
-  return ne[t] || "";
+function Q(i) {
+  const t = Be(i).toLowerCase();
+  return Fe[t] || "";
 }
-function ae(i) {
+function Ue(i) {
   return i.split(/,/)[1];
 }
-function I(i) {
+function V(i) {
   return i.search(/^(data:)/) !== -1;
 }
-function le(i, t) {
+function Oe(i, t) {
   return `data:${t};base64,${i}`;
 }
-async function dt(i, t, e) {
+async function At(i, t, e) {
   const r = await fetch(i, t);
   if (r.status === 404)
     throw new Error(`Resource "${r.url}" not found`);
@@ -916,86 +1197,86 @@ async function dt(i, t, e) {
     }, a.readAsDataURL(s);
   });
 }
-const H = {};
-function ce(i, t, e) {
+const j = {};
+function ze(i, t, e) {
   let r = i.replace(/\?.*/, "");
   return e && (r = i), /ttf|otf|eot|woff2?/i.test(r) && (r = r.replace(/.*\//, "")), t ? `[${t}]${r}` : r;
 }
-async function O(i, t, e) {
-  const r = ce(i, t, e.includeQueryParams);
-  if (H[r] != null)
-    return H[r];
+async function Z(i, t, e) {
+  const r = ze(i, t, e.includeQueryParams);
+  if (j[r] != null)
+    return j[r];
   e.cacheBust && (i += (/\?/.test(i) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let s;
   try {
-    const n = await dt(i, e.fetchRequestInit, ({ res: o, result: a }) => (t || (t = o.headers.get("Content-Type") || ""), ae(a)));
-    s = le(n, t);
+    const n = await At(i, e.fetchRequestInit, ({ res: o, result: a }) => (t || (t = o.headers.get("Content-Type") || ""), Ue(a)));
+    s = Oe(n, t);
   } catch (n) {
     s = e.imagePlaceholder || "";
     let o = `Failed to fetch resource: ${i}`;
     n && (o = typeof n == "string" ? n : n.message), o && console.warn(o);
   }
-  return H[r] = s, s;
+  return j[r] = s, s;
 }
-async function de(i) {
+async function je(i) {
   const t = i.toDataURL();
-  return t === "data:," ? i.cloneNode(!1) : P(t);
+  return t === "data:," ? i.cloneNode(!1) : F(t);
 }
-async function he(i, t) {
+async function qe(i, t) {
   if (i.currentSrc) {
     const n = document.createElement("canvas"), o = n.getContext("2d");
     n.width = i.clientWidth, n.height = i.clientHeight, o?.drawImage(i, 0, 0, n.width, n.height);
     const a = n.toDataURL();
-    return P(a);
+    return F(a);
   }
-  const e = i.poster, r = U(e), s = await O(e, r, t);
-  return P(s);
+  const e = i.poster, r = Q(e), s = await Z(e, r, t);
+  return F(s);
 }
-async function ue(i, t) {
+async function Ne(i, t) {
   var e;
   try {
     if (!((e = i?.contentDocument) === null || e === void 0) && e.body)
-      return await A(i.contentDocument.body, t, !0);
+      return await z(i.contentDocument.body, t, !0);
   } catch {
   }
   return i.cloneNode(!1);
 }
-async function me(i, t) {
-  return f(i, HTMLCanvasElement) ? de(i) : f(i, HTMLVideoElement) ? he(i, t) : f(i, HTMLIFrameElement) ? ue(i, t) : i.cloneNode(ht(i));
+async function We(i, t) {
+  return f(i, HTMLCanvasElement) ? je(i) : f(i, HTMLVideoElement) ? qe(i, t) : f(i, HTMLIFrameElement) ? Ne(i, t) : i.cloneNode(Pt(i));
 }
-const fe = (i) => i.tagName != null && i.tagName.toUpperCase() === "SLOT", ht = (i) => i.tagName != null && i.tagName.toUpperCase() === "SVG";
-async function pe(i, t, e) {
+const Ve = (i) => i.tagName != null && i.tagName.toUpperCase() === "SLOT", Pt = (i) => i.tagName != null && i.tagName.toUpperCase() === "SVG";
+async function Ye(i, t, e) {
   var r, s;
-  if (ht(t))
+  if (Pt(t))
     return t;
   let n = [];
-  return fe(i) && i.assignedNodes ? n = x(i.assignedNodes()) : f(i, HTMLIFrameElement) && (!((r = i.contentDocument) === null || r === void 0) && r.body) ? n = x(i.contentDocument.body.childNodes) : n = x(((s = i.shadowRoot) !== null && s !== void 0 ? s : i).childNodes), n.length === 0 || f(i, HTMLVideoElement) || await n.reduce((o, a) => o.then(() => A(a, e)).then((l) => {
+  return Ve(i) && i.assignedNodes ? n = v(i.assignedNodes()) : f(i, HTMLIFrameElement) && (!((r = i.contentDocument) === null || r === void 0) && r.body) ? n = v(i.contentDocument.body.childNodes) : n = v(((s = i.shadowRoot) !== null && s !== void 0 ? s : i).childNodes), n.length === 0 || f(i, HTMLVideoElement) || await n.reduce((o, a) => o.then(() => z(a, e)).then((l) => {
     l && t.appendChild(l);
   }), Promise.resolve()), t;
 }
-function be(i, t, e) {
+function Xe(i, t, e) {
   const r = t.style;
   if (!r)
     return;
   const s = window.getComputedStyle(i);
-  s.cssText ? (r.cssText = s.cssText, r.transformOrigin = s.transformOrigin) : lt(e).forEach((n) => {
+  s.cssText ? (r.cssText = s.cssText, r.transformOrigin = s.transformOrigin) : Mt(e).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`), f(i, HTMLIFrameElement) && n === "display" && o === "inline" && (o = "block"), n === "d" && t.getAttribute("d") && (o = `path(${t.getAttribute("d")})`), r.setProperty(n, o, s.getPropertyPriority(n));
   });
 }
-function ge(i, t) {
+function Ke(i, t) {
   f(i, HTMLTextAreaElement) && (t.innerHTML = i.value), f(i, HTMLInputElement) && t.setAttribute("value", i.value);
 }
-function ye(i, t) {
+function Ge(i, t) {
   if (f(i, HTMLSelectElement)) {
     const e = t, r = Array.from(e.children).find((s) => i.value === s.getAttribute("value"));
     r && r.setAttribute("selected", "");
   }
 }
-function we(i, t, e) {
-  return f(t, Element) && (be(i, t, e), se(i, t, e), ge(i, t), ye(i, t)), t;
+function Je(i, t, e) {
+  return f(t, Element) && (Xe(i, t, e), $e(i, t, e), Ke(i, t), Ge(i, t)), t;
 }
-async function xe(i, t) {
+async function Qe(i, t) {
   const e = i.querySelectorAll ? i.querySelectorAll("use") : [];
   if (e.length === 0)
     return i;
@@ -1004,7 +1285,7 @@ async function xe(i, t) {
     const a = e[n].getAttribute("xlink:href");
     if (a) {
       const l = i.querySelector(a), c = document.querySelector(a);
-      !l && c && !r[a] && (r[a] = await A(c, t, !0));
+      !l && c && !r[a] && (r[a] = await z(c, t, !0));
     }
   }
   const s = Object.values(r);
@@ -1019,31 +1300,31 @@ async function xe(i, t) {
   }
   return i;
 }
-async function A(i, t, e) {
-  return !e && t.filter && !t.filter(i) ? null : Promise.resolve(i).then((r) => me(r, t)).then((r) => pe(i, r, t)).then((r) => we(i, r, t)).then((r) => xe(r, t));
+async function z(i, t, e) {
+  return !e && t.filter && !t.filter(i) ? null : Promise.resolve(i).then((r) => We(r, t)).then((r) => Ye(i, r, t)).then((r) => Je(i, r, t)).then((r) => Qe(r, t));
 }
-const ut = /url\((['"]?)([^'"]+?)\1\)/g, ve = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, ke = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Se(i) {
+const Rt = /url\((['"]?)([^'"]+?)\1\)/g, Ze = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, ti = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function ei(i) {
   const t = i.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function Ee(i) {
+function ii(i) {
   const t = [];
-  return i.replace(ut, (e, r, s) => (t.push(s), e)), t.filter((e) => !I(e));
+  return i.replace(Rt, (e, r, s) => (t.push(s), e)), t.filter((e) => !V(e));
 }
-async function Ce(i, t, e, r, s) {
+async function ri(i, t, e, r, s) {
   try {
-    const n = e ? Yt(t, e) : t, o = U(t);
+    const n = e ? Ce(t, e) : t, o = Q(t);
     let a;
-    return s || (a = await O(n, o, r)), i.replace(Se(t), `$1${a}$3`);
+    return s || (a = await Z(n, o, r)), i.replace(ei(t), `$1${a}$3`);
   } catch {
   }
   return i;
 }
-function _e(i, { preferredFontFormat: t }) {
-  return t ? i.replace(ke, (e) => {
+function si(i, { preferredFontFormat: t }) {
+  return t ? i.replace(ti, (e) => {
     for (; ; ) {
-      const [r, , s] = ve.exec(e) || [];
+      const [r, , s] = Ze.exec(e) || [];
       if (!s)
         return "";
       if (s === t)
@@ -1051,32 +1332,32 @@ function _e(i, { preferredFontFormat: t }) {
     }
   }) : i;
 }
-function mt(i) {
-  return i.search(ut) !== -1;
+function Dt(i) {
+  return i.search(Rt) !== -1;
 }
-async function ft(i, t, e) {
-  if (!mt(i))
+async function It(i, t, e) {
+  if (!Dt(i))
     return i;
-  const r = _e(i, e);
-  return Ee(r).reduce((n, o) => n.then((a) => Ce(a, o, t, e)), Promise.resolve(r));
+  const r = si(i, e);
+  return ii(r).reduce((n, o) => n.then((a) => ri(a, o, t, e)), Promise.resolve(r));
 }
 async function k(i, t, e) {
   var r;
   const s = (r = t.style) === null || r === void 0 ? void 0 : r.getPropertyValue(i);
   if (s) {
-    const n = await ft(s, null, e);
+    const n = await It(s, null, e);
     return t.style.setProperty(i, n, t.style.getPropertyPriority(i)), !0;
   }
   return !1;
 }
-async function Te(i, t) {
+async function ni(i, t) {
   await k("background", i, t) || await k("background-image", i, t), await k("mask", i, t) || await k("-webkit-mask", i, t) || await k("mask-image", i, t) || await k("-webkit-mask-image", i, t);
 }
-async function Le(i, t) {
+async function oi(i, t) {
   const e = f(i, HTMLImageElement);
-  if (!(e && !I(i.src)) && !(f(i, SVGImageElement) && !I(i.href.baseVal)))
+  if (!(e && !V(i.src)) && !(f(i, SVGImageElement) && !V(i.href.baseVal)))
     return;
-  const r = e ? i.src : i.href.baseVal, s = await O(r, U(r), t);
+  const r = e ? i.src : i.href.baseVal, s = await Z(r, Q(r), t);
   await new Promise((n, o) => {
     i.onload = n, i.onerror = t.onImageErrorHandler ? (...l) => {
       try {
@@ -1089,14 +1370,14 @@ async function Le(i, t) {
     a.decode && (a.decode = n), a.loading === "lazy" && (a.loading = "eager"), e ? (i.srcset = "", i.src = s) : i.href.baseVal = s;
   });
 }
-async function Me(i, t) {
-  const r = x(i.childNodes).map((s) => pt(s, t));
+async function ai(i, t) {
+  const r = v(i.childNodes).map((s) => Ht(s, t));
   await Promise.all(r).then(() => i);
 }
-async function pt(i, t) {
-  f(i, Element) && (await Te(i, t), await Le(i, t), await Me(i, t));
+async function Ht(i, t) {
+  f(i, Element) && (await ni(i, t), await oi(i, t), await ai(i, t));
 }
-function Pe(i, t) {
+function li(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 r = t.style;
@@ -1104,23 +1385,23 @@ function Pe(i, t) {
     e[s] = r[s];
   }), i;
 }
-const Y = {};
-async function K(i) {
-  let t = Y[i];
+const at = {};
+async function lt(i) {
+  let t = at[i];
   if (t != null)
     return t;
   const r = await (await fetch(i)).text();
-  return t = { url: i, cssText: r }, Y[i] = t, t;
+  return t = { url: i, cssText: r }, at[i] = t, t;
 }
-async function X(i, t) {
+async function ct(i, t) {
   let e = i.cssText;
   const r = /url\(["']?([^"')]+)["']?\)/g, n = (e.match(/url\([^)]+\)/g) || []).map(async (o) => {
     let a = o.replace(r, "$1");
-    return a.startsWith("https://") || (a = new URL(a, i.url).href), dt(a, t.fetchRequestInit, ({ result: l }) => (e = e.replace(o, `url(${l})`), [o, l]));
+    return a.startsWith("https://") || (a = new URL(a, i.url).href), At(a, t.fetchRequestInit, ({ result: l }) => (e = e.replace(o, `url(${l})`), [o, l]));
   });
   return Promise.all(n).then(() => e);
 }
-function G(i) {
+function dt(i) {
   if (i == null)
     return [];
   const t = [], e = /(\/\*[\s\S]*?\*\/)/gi;
@@ -1146,15 +1427,15 @@ function G(i) {
   }
   return t;
 }
-async function Re(i, t) {
+async function ci(i, t) {
   const e = [], r = [];
   return i.forEach((s) => {
     if ("cssRules" in s)
       try {
-        x(s.cssRules || []).forEach((n, o) => {
+        v(s.cssRules || []).forEach((n, o) => {
           if (n.type === CSSRule.IMPORT_RULE) {
             let a = o + 1;
-            const l = n.href, c = K(l).then((h) => X(h, t)).then((h) => G(h).forEach((u) => {
+            const l = n.href, c = lt(l).then((d) => ct(d, t)).then((d) => dt(d).forEach((u) => {
               try {
                 s.insertRule(u, u.startsWith("@import") ? a += 1 : s.cssRules.length);
               } catch (m) {
@@ -1163,15 +1444,15 @@ async function Re(i, t) {
                   error: m
                 });
               }
-            })).catch((h) => {
-              console.error("Error loading remote css", h.toString());
+            })).catch((d) => {
+              console.error("Error loading remote css", d.toString());
             });
             r.push(c);
           }
         });
       } catch (n) {
         const o = i.find((a) => a.href == null) || document.styleSheets[0];
-        s.href != null && r.push(K(s.href).then((a) => X(a, t)).then((a) => G(a).forEach((l) => {
+        s.href != null && r.push(lt(s.href).then((a) => ct(a, t)).then((a) => dt(a).forEach((l) => {
           o.insertRule(l, o.cssRules.length);
         })).catch((a) => {
           console.error("Error loading remote stylesheet", a);
@@ -1180,7 +1461,7 @@ async function Re(i, t) {
   }), Promise.all(r).then(() => (i.forEach((s) => {
     if ("cssRules" in s)
       try {
-        x(s.cssRules || []).forEach((n) => {
+        v(s.cssRules || []).forEach((n) => {
           e.push(n);
         });
       } catch (n) {
@@ -1188,100 +1469,164 @@ async function Re(i, t) {
       }
   }), e));
 }
-function De(i) {
-  return i.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => mt(t.style.getPropertyValue("src")));
+function di(i) {
+  return i.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => Dt(t.style.getPropertyValue("src")));
 }
-async function Ae(i, t) {
+async function hi(i, t) {
   if (i.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const e = x(i.ownerDocument.styleSheets), r = await Re(e, t);
-  return De(r);
+  const e = v(i.ownerDocument.styleSheets), r = await ci(e, t);
+  return di(r);
 }
-function bt(i) {
+function $t(i) {
   return i.trim().replace(/["']/g, "");
 }
-function He(i) {
+function ui(i) {
   const t = /* @__PURE__ */ new Set();
   function e(r) {
     (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((n) => {
-      t.add(bt(n));
+      t.add($t(n));
     }), Array.from(r.children).forEach((n) => {
       n instanceof HTMLElement && e(n);
     });
   }
   return e(i), t;
 }
-async function Ie(i, t) {
-  const e = await Ae(i, t), r = He(i);
-  return (await Promise.all(e.filter((n) => r.has(bt(n.style.fontFamily))).map((n) => {
+async function mi(i, t) {
+  const e = await hi(i, t), r = ui(i);
+  return (await Promise.all(e.filter((n) => r.has($t(n.style.fontFamily))).map((n) => {
     const o = n.parentStyleSheet ? n.parentStyleSheet.href : null;
-    return ft(n.cssText, o, t);
+    return It(n.cssText, o, t);
   }))).join(`
 `);
 }
-async function $e(i, t) {
-  const e = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await Ie(i, t);
+async function fi(i, t) {
+  const e = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await mi(i, t);
   if (e) {
     const r = document.createElement("style"), s = document.createTextNode(e);
     r.appendChild(s), i.firstChild ? i.insertBefore(r, i.firstChild) : i.appendChild(r);
   }
 }
-async function Be(i, t = {}) {
-  const { width: e, height: r } = ct(i, t), s = await A(i, t, !0);
-  return await $e(s, t), await pt(s, t), Pe(s, t), await te(s, e, r);
+async function bi(i, t = {}) {
+  const { width: e, height: r } = Lt(i, t), s = await z(i, t, !0);
+  return await fi(s, t), await Ht(s, t), li(s, t), await Re(s, e, r);
 }
-async function Fe(i, t = {}) {
-  const { width: e, height: r } = ct(i, t), s = await Be(i, t), n = await P(s), o = document.createElement("canvas"), a = o.getContext("2d"), l = t.pixelRatio || Jt(), c = t.canvasWidth || e, h = t.canvasHeight || r;
-  return o.width = c * l, o.height = h * l, t.skipAutoScale || Qt(o), o.style.width = `${c}`, o.style.height = `${h}`, 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 pi(i, t = {}) {
+  const { width: e, height: r } = Lt(i, t), s = await bi(i, t), n = await F(s), o = document.createElement("canvas"), a = o.getContext("2d"), l = t.pixelRatio || Le(), c = t.canvasWidth || e, d = t.canvasHeight || r;
+  return o.width = c * l, o.height = d * l, t.skipAutoScale || Ae(o), o.style.width = `${c}`, o.style.height = `${d}`, 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 Ue(i, t = {}) {
-  return (await Fe(i, t)).toDataURL("image/jpeg", t.quality || 1);
+async function gi(i, t = {}) {
+  return (await pi(i, t)).toDataURL("image/jpeg", t.quality || 1);
 }
-async function Oe(i = []) {
+const q = 400, N = 300, ht = 150, ut = 0.3, mt = 0.85;
+function yi(i) {
+  let t = 1 / 0, e = 1 / 0, r = -1 / 0, s = -1 / 0;
+  for (const n of i)
+    if (n.type === "pin") {
+      if (t = Math.min(t, n.x), e = Math.min(e, n.y), r = Math.max(r, n.x), s = Math.max(s, n.y), n.targetRect) {
+        const o = n.targetRect;
+        t = Math.min(t, o.left), e = Math.min(e, o.top), r = Math.max(r, o.left + o.width), s = Math.max(s, o.bottom);
+      }
+    } else if (n.type === "draw" && n.drawPath)
+      for (const o of Ft(n.drawPath))
+        for (const [a, l] of o)
+          t = Math.min(t, a), e = Math.min(e, l), r = Math.max(r, a), s = Math.max(s, l);
+  return !isFinite(t) || !isFinite(e) ? null : { minX: t, minY: e, maxX: r, maxY: s };
+}
+function wi(i, t, e) {
+  const r = yi(i);
+  if (!r) return null;
+  const s = Math.max(ht, t * ut), n = Math.max(ht, e * ut);
+  let o = r.minX - s, a = r.minY - n, l = r.maxX - r.minX + s * 2, c = r.maxY - r.minY + n * 2;
+  return l < q && (o -= (q - l) / 2, l = q), c < N && (a -= (N - c) / 2, c = N), o = Math.max(0, o), a = Math.max(0, a), l = Math.min(l, t - o), c = Math.min(c, e - a), l >= t * mt && c >= e * mt ? null : {
+    x: Math.round(o),
+    y: Math.round(a),
+    width: Math.round(l),
+    height: Math.round(c)
+  };
+}
+function vi(i, t) {
+  const e = document.createElement("canvas");
+  e.width = t.width, e.height = t.height;
+  const r = e.getContext("2d");
+  return r && r.drawImage(i, t.x, t.y, t.width, t.height, 0, 0, t.width, t.height), e;
+}
+async function xi(i = []) {
   try {
-    const t = await Ue(document.body, {
+    const t = Ei(document.body), e = await gi(document.body, {
       quality: 0.85,
       pixelRatio: 1,
       backgroundColor: "#ffffff",
       skipFonts: !0,
       skipAutoScale: !1,
-      filter: (e) => !(e instanceof HTMLElement && e.id === "mtb-widget-host")
+      filter: (r) => !(r instanceof HTMLElement && r.id === "mtb-widget-host")
     });
     if (i.length > 0) {
-      const e = await ze(t, i);
-      if (e) return e;
+      const r = await ki(e, i, t);
+      if (r) return r;
     }
-    return Ye(t);
+    return Ti(e);
   } catch {
     return null;
   }
 }
-async function ze(i, t) {
-  const e = document.createElement("canvas"), r = e.getContext("2d");
-  if (!r) return null;
-  const s = await We(i);
+async function ki(i, t, e) {
+  const r = document.createElement("canvas"), s = r.getContext("2d");
   if (!s) return null;
-  e.width = s.naturalWidth || window.innerWidth, e.height = s.naturalHeight || window.innerHeight, r.drawImage(s, 0, 0);
-  const n = e.width / window.innerWidth, o = e.height / window.innerHeight;
-  let a = 0;
-  for (const l of t)
-    l.type === "draw" && l.drawPath ? je(r, l.drawPath, n, o) : l.type === "pin" && qe(r, l.x * n, l.y * o, ++a);
-  return Ve(e);
-}
-function je(i, t, e, r) {
-  i.save(), i.strokeStyle = D, i.lineWidth = 3.5, i.lineCap = "round", i.lineJoin = "round", i.shadowColor = "rgba(5,150,105,0.35)", i.shadowOffsetY = 1, i.shadowBlur = 2;
-  for (const s of Ne(t))
-    if (s.length !== 0) {
-      i.beginPath(), i.moveTo(s[0][0] * e, s[0][1] * r);
-      for (let n = 1; n < s.length; n++) i.lineTo(s[n][0] * e, s[n][1] * r);
+  const n = await _i(i);
+  if (!n) return null;
+  r.width = n.naturalWidth || window.innerWidth, r.height = n.naturalHeight || window.innerHeight, s.drawImage(n, 0, 0);
+  const o = r.width / e.width, a = r.height / e.height;
+  let l = 0;
+  for (const d of t)
+    d.type === "draw" && d.drawPath ? Si(s, d.drawPath, e, o, a) : d.type === "pin" && Ci(
+      s,
+      (d.x - e.left) * o,
+      (d.y - e.top) * a,
+      ++l
+    );
+  const c = wi(t, window.innerWidth, window.innerHeight);
+  if (c) {
+    const d = Math.max(0, Math.round((c.x - e.left) * o)), u = Math.max(0, Math.round((c.y - e.top) * a)), m = Math.min(r.width, Math.round((c.x + c.width - e.left) * o)), p = Math.min(r.height, Math.round((c.y + c.height - e.top) * a)), g = {
+      x: d,
+      y: u,
+      width: m - d,
+      height: p - u
+    };
+    return ft(vi(r, g));
+  }
+  return ft(r);
+}
+function Si(i, t, e, r, s) {
+  i.save(), i.strokeStyle = O, i.lineWidth = 3.5, i.lineCap = "round", i.lineJoin = "round", i.shadowColor = J(0.35), i.shadowOffsetY = 1, i.shadowBlur = 2;
+  for (const n of Ft(t))
+    if (n.length !== 0) {
+      i.beginPath(), i.moveTo(
+        (n[0][0] - e.left) * r,
+        (n[0][1] - e.top) * s
+      );
+      for (let o = 1; o < n.length; o++)
+        i.lineTo(
+          (n[o][0] - e.left) * r,
+          (n[o][1] - e.top) * s
+        );
       i.stroke();
     }
   i.restore();
 }
-function qe(i, t, e, r) {
-  i.save(), i.shadowColor = "rgba(5,150,105,0.45)", i.shadowOffsetY = 2, i.shadowBlur = 8, i.fillStyle = D, i.beginPath(), i.arc(t, e, 11, 0, Math.PI * 2), i.fill(), i.shadowColor = "transparent", i.lineWidth = 2, i.strokeStyle = "#ffffff", i.stroke(), i.fillStyle = "#ffffff", i.font = `700 10px ${Rt}`, i.textAlign = "center", i.textBaseline = "middle", i.fillText(String(r), t, e), i.restore();
+function Ei(i) {
+  const t = i.getBoundingClientRect(), e = window.getComputedStyle(i), r = parseFloat(e.borderLeftWidth) + parseFloat(e.borderRightWidth), s = parseFloat(e.borderTopWidth) + parseFloat(e.borderBottomWidth);
+  return {
+    left: t.left,
+    top: t.top,
+    width: i.clientWidth + (Number.isFinite(r) ? r : 0) || window.innerWidth,
+    height: i.clientHeight + (Number.isFinite(s) ? s : 0) || window.innerHeight
+  };
+}
+function Ci(i, t, e, r) {
+  i.save(), i.shadowColor = J(0.45), i.shadowOffsetY = 2, i.shadowBlur = 8, i.fillStyle = O, i.beginPath(), i.arc(t, e, 11, 0, Math.PI * 2), i.fill(), i.shadowColor = "transparent", i.lineWidth = 2, i.strokeStyle = "#ffffff", i.stroke(), i.fillStyle = "#ffffff", i.font = `700 10px ${re}`, i.textAlign = "center", i.textBaseline = "middle", i.fillText(String(r), t, e), i.restore();
 }
-function Ne(i) {
+function Ft(i) {
   const t = [];
   let e = null;
   const r = i.match(/[ML]\s*[-\d.]+\s+[-\d.]+/g) ?? [];
@@ -1291,13 +1636,13 @@ function Ne(i) {
   }
   return t;
 }
-function We(i) {
+function _i(i) {
   return new Promise((t) => {
     const e = new Image();
     e.onload = () => t(e), e.onerror = () => t(null), e.src = i;
   });
 }
-function Ve(i) {
+function ft(i) {
   return new Promise((t) => {
     try {
       i.toBlob((e) => t(e), "image/jpeg", 0.85);
@@ -1306,13 +1651,13 @@ function Ve(i) {
     }
   });
 }
-function Ye(i) {
+function Ti(i) {
   const [t, e] = i.split(","), r = t.match(/:(.*?);/)?.[1] ?? "image/png", s = atob(e), n = new Uint8Array(s.length);
   for (let o = 0; o < s.length; o++)
     n[o] = s.charCodeAt(o);
   return new Blob([n], { type: r });
 }
-class Ke {
+class Mi {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set(), this.originalOnError = null, this.installedOnError = null, this.rejectionHandler = null, this.hooked = !1;
   }
@@ -1334,20 +1679,20 @@ class Ke {
     for (const e of this.listeners) e(t);
   }
 }
-const z = new Ke(), Xe = 20;
-class Ge {
+const tt = new Mi(), Li = 20;
+class Ai {
   constructor() {
     this.errors = [], this.unsubscribe = null;
   }
   start() {
-    this.unsubscribe || (this.unsubscribe = z.subscribe((t) => this.record(t)));
+    this.unsubscribe || (this.unsubscribe = tt.subscribe((t) => this.record(t)));
   }
   record(t) {
     const e = t.line != null ? ` (${t.line}:${t.col ?? 0})` : "";
     this.addError(`${t.message}${e}`);
   }
   addError(t) {
-    this.errors.length >= Xe || this.errors.includes(t) || this.errors.push(t);
+    this.errors.length >= Li || this.errors.includes(t) || this.errors.push(t);
   }
   getErrors() {
     return [...this.errors];
@@ -1356,40 +1701,69 @@ class Ge {
     this.unsubscribe?.(), this.unsubscribe = null;
   }
 }
-const Je = 20;
-class Qe {
+const I = /* @__PURE__ */ new Set();
+let M = null, L = null, A = null, B = null, P = null;
+function Bt(i) {
+  I.add(i), Pi();
+  let t = !1;
+  return () => {
+    t || (t = !0, I.delete(i), I.size === 0 && Ri());
+  };
+}
+function W() {
+  for (const i of [...I])
+    try {
+      i();
+    } catch {
+    }
+}
+function Pi() {
+  if (A) return;
+  P = () => W(), window.addEventListener("popstate", P), M = history.pushState, L = history.replaceState;
+  const i = M, t = L;
+  A = function(e, r, s) {
+    i.call(history, e, r, s), W();
+  }, B = function(e, r, s) {
+    t.call(history, e, r, s), W();
+  }, history.pushState = A, history.replaceState = B;
+}
+function Ri() {
+  P && (window.removeEventListener("popstate", P), P = null), M && history.pushState === A && (history.pushState = M), L && history.replaceState === B && (history.replaceState = L), M = null, L = null, A = null, B = null;
+}
+const Di = 20;
+class Ii {
   constructor() {
-    this.breadcrumbs = [], this.active = !1, this.unsubscribeErrors = null, this.boundPopstateHandler = null, this.originalPushState = null, this.originalReplaceState = null, this.installedPushState = null, this.installedReplaceState = null, this.lastUrl = "", this.boundClickHandler = (t) => this.handleClick(t), this.boundChangeHandler = (t) => this.handleChange(t);
+    this.breadcrumbs = [], this.active = !1, this.unsubscribeErrors = null, this.unsubscribeNavigation = null, this.lastUrl = "", this.boundClickHandler = (t) => this.handleClick(t), this.boundChangeHandler = (t) => this.handleChange(t);
   }
   start() {
-    this.active || (this.active = !0, this.lastUrl = location.href, document.addEventListener("click", this.boundClickHandler, { capture: !0, passive: !0 }), document.addEventListener("change", this.boundChangeHandler, { capture: !0, passive: !0 }), this.unsubscribeErrors = z.subscribe((t) => this.recordError(t)), this.startNavigationTracking());
+    this.active || (this.active = !0, this.lastUrl = location.href, document.addEventListener("click", this.boundClickHandler, { capture: !0, passive: !0 }), document.addEventListener("change", this.boundChangeHandler, { capture: !0, passive: !0 }), this.unsubscribeErrors = tt.subscribe((t) => this.recordError(t)), this.unsubscribeNavigation = Bt(() => this.handleNavigation()));
   }
   stop() {
-    this.active && (this.active = !1, document.removeEventListener("click", this.boundClickHandler, !0), document.removeEventListener("change", this.boundChangeHandler, !0), this.unsubscribeErrors?.(), this.unsubscribeErrors = null, this.stopNavigationTracking());
+    this.active && (this.active = !1, document.removeEventListener("click", this.boundClickHandler, !0), document.removeEventListener("change", this.boundChangeHandler, !0), this.unsubscribeErrors?.(), this.unsubscribeErrors = null, this.unsubscribeNavigation?.(), this.unsubscribeNavigation = null);
   }
   getBreadcrumbs() {
     return [...this.breadcrumbs];
   }
   add(t) {
-    this.breadcrumbs.push(t), this.breadcrumbs.length > Je && this.breadcrumbs.shift();
+    this.breadcrumbs.push(t), this.breadcrumbs.length > Di && this.breadcrumbs.shift();
   }
   handleClick(t) {
     const e = t.target;
-    if (e && !_(e))
+    if (e && !S(e))
       try {
         this.add({
           type: "ui",
           category: "ui.click",
           timestamp: Date.now(),
-          message: F(e),
-          data: { selector: at(e) }
+          message: G(e),
+          data: { selector: _t(e) }
         });
       } catch {
       }
   }
   handleChange(t) {
     const e = t.target;
-    if (e && !_(e))
+    if (e && !S(e))
       try {
         const r = e, s = r.name || r.placeholder || e.getAttribute("aria-label") || e.tagName;
         this.add({
@@ -1411,18 +1785,6 @@ class Qe {
       data: { message: t.message }
     });
   }
-  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, r = () => this.handleNavigation();
-    this.installedPushState = function(s, n, o) {
-      t(s, n, o), r();
-    }, this.installedReplaceState = function(s, n, o) {
-      e(s, n, o), r();
-    }, 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;
-  }
   handleNavigation() {
     if (!this.active) return;
     const t = this.lastUrl, e = location.href;
@@ -1435,7 +1797,40 @@ class Qe {
     }));
   }
 }
-const Ze = 3, ti = 1e3, ei = 3, ii = 5e3, J = 500, ri = 500, si = 300, ni = /* @__PURE__ */ new Set([
+const Ut = "mtb_frustration_state";
+let Y = null;
+function U() {
+  try {
+    const i = window.sessionStorage.getItem(Ut);
+    return H(i ? JSON.parse(i) : Y);
+  } catch {
+    return H(Y);
+  }
+}
+function Ot(i) {
+  const t = H(i);
+  Y = t;
+  try {
+    window.sessionStorage.setItem(Ut, JSON.stringify(t));
+  } catch {
+  }
+}
+function Hi() {
+  return U().dismissedByUser;
+}
+function $i() {
+  Ot({ ...U(), dismissedByUser: !0 });
+}
+function H(i) {
+  const t = i ?? {};
+  return {
+    navTimestamps: Array.isArray(t.navTimestamps) ? t.navTimestamps.filter((e) => typeof e == "number") : [],
+    cooldownUntil: typeof t.cooldownUntil == "number" ? t.cooldownUntil : 0,
+    errorPageUrls: Array.isArray(t.errorPageUrls) ? t.errorPageUrls.filter((e) => typeof e == "string").slice(-20) : [],
+    dismissedByUser: t.dismissedByUser === !0
+  };
+}
+const Fi = 3, Bi = 1e3, Ui = 3, Oi = 5e3, bt = 500, zi = 500, ji = 300, qi = /* @__PURE__ */ new Set([
   "A",
   "BUTTON",
   "INPUT",
@@ -1444,7 +1839,7 @@ const Ze = 3, ti = 1e3, ei = 3, ii = 5e3, J = 500, ri = 500, si = 300, ni = /* @
   "LABEL",
   "SUMMARY",
   "DETAILS"
-]), oi = /* @__PURE__ */ new Set([
+]), Ni = /* @__PURE__ */ new Set([
   "button",
   "link",
   "checkbox",
@@ -1458,19 +1853,19 @@ const Ze = 3, ti = 1e3, ei = 3, ii = 5e3, J = 500, ri = 500, si = 300, ni = /* @
   "listbox",
   "slider",
   "spinbutton"
-]), Q = [
+]), pt = [
   "404",
   "500",
   "not found",
   "page not found",
   "server error",
   "internal server error"
-], T = class T {
+], R = class R {
   constructor(t) {
-    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.recentSubmitForms = /* @__PURE__ */ new WeakSet(), this.errorPageUrls = /* @__PURE__ */ new Set(), this.domObserver = null, this.pendingDomChecks = 0, this.lastMutationAt = -1, this.onFrustration = t, this.boundClickHandler = (e) => this.handleClick(e);
+    this.clickHistory = [], this.unsubscribeErrors = null, this.active = !1, this.errorCount = 0, this.deadClickCount = 0, this.cooldownUntil = 0, this.navTimestamps = [], this.unsubscribeNavigation = null, this.boundSubmitHandler = null, this.boundInvalidHandler = null, this.recentSubmitForms = /* @__PURE__ */ new WeakSet(), 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, this.restoreState(), document.addEventListener("click", this.boundClickHandler, !0), this.unsubscribeErrors = tt.subscribe((t) => {
       this.errorCount++;
     }), this.startNavigationTracking(), this.startFormTracking(), this.checkErrorPage());
   }
@@ -1478,16 +1873,27 @@ const Ze = 3, ti = 1e3, ei = 3, ii = 5e3, J = 500, ri = 500, si = 300, ni = /* @
     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, r = () => this.handleNavigation();
-    this.installedPushState = function(s, n, o) {
-      t(s, n, o), r();
-    }, this.installedReplaceState = function(s, n, o) {
-      e(s, n, o), r();
-    }, history.pushState = this.installedPushState, history.replaceState = this.installedReplaceState;
+    this.unsubscribeNavigation = Bt(() => this.handleNavigation());
   }
   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 = [];
+    this.unsubscribeNavigation?.(), this.unsubscribeNavigation = null, this.navTimestamps = [];
+  }
+  // Rehydrates the state a Turbo Drive visit would otherwise reset. Without this,
+  // a fresh detector on every page starts with an empty nav history (so
+  // `rapid_navigation` can never reach its 3-in-5s threshold), no cooldown, and no
+  // memory of which error pages it already reported.
+  restoreState() {
+    const t = U();
+    this.navTimestamps = t.navTimestamps, this.cooldownUntil = t.cooldownUntil, this.errorPageUrls = new Set(t.errorPageUrls);
+  }
+  persistState() {
+    const t = U();
+    Ot({
+      ...t,
+      navTimestamps: this.navTimestamps,
+      cooldownUntil: this.cooldownUntil,
+      errorPageUrls: [...this.errorPageUrls]
+    });
   }
   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);
@@ -1497,54 +1903,62 @@ const Ze = 3, ti = 1e3, ei = 3, ii = 5e3, J = 500, ri = 500, si = 300, ni = /* @
   }
   handleClick(t) {
     const e = t.target;
-    if (!e || _(e)) return;
+    if (!e || S(e)) return;
+    this.trackFormSubmitIntent(e);
     const r = Date.now();
     this.clickHistory.push({ target: e, time: r });
-    const s = r - ti;
-    if (this.clickHistory = this.clickHistory.filter((o) => o.time > s), this.clickHistory.filter((o) => o.target === e).length >= Ze) {
+    const s = r - Bi;
+    if (this.clickHistory = this.clickHistory.filter((o) => o.time > s), this.clickHistory.filter((o) => o.target === e).length >= Fi) {
       this.clickHistory = [], this.emitHighPriority({
         signal: "rage_click",
-        target: E(e),
+        target: _(e),
         timestamp: r
       });
       return;
     }
     this.isInteractive(e) || (this.deadClickCount++, this.deadClickCount >= 3 && this.errorCount > 0 && (this.deadClickCount = 0, this.errorCount = 0, this.emitIfReady({
       signal: "dead_click",
-      target: E(e),
+      target: _(e),
       timestamp: r
     }))), this.checkDeadClickDom(e, r);
   }
   handleNavigation() {
     const t = Date.now();
     this.navTimestamps.push(t);
-    const e = t - ii;
-    this.navTimestamps = this.navTimestamps.filter((r) => r > e), this.navTimestamps.length >= ei && (this.navTimestamps = [], this.emitIfReady({
+    const e = t - Oi;
+    this.navTimestamps = this.navTimestamps.filter((r) => r > e), this.navTimestamps.length >= Ui && (this.navTimestamps = [], this.emitIfReady({
       signal: "rapid_navigation",
       timestamp: t
-    })), setTimeout(() => {
+    })), this.persistState(), setTimeout(() => {
       this.active && this.checkErrorPage();
-    }, si);
+    }, ji);
   }
   handleFormSubmit(t) {
     const e = t.target;
-    e instanceof HTMLFormElement && (_(e) || (this.recentSubmitForms.add(e), setTimeout(() => {
-      this.recentSubmitForms.delete(e);
-    }, J), setTimeout(() => {
+    e instanceof HTMLFormElement && (S(e) || (this.rememberSubmitAttempt(e), setTimeout(() => {
       this.active && e.querySelector('[aria-invalid="true"], .is-invalid') && this.emitIfReady({
         signal: "form_failure",
-        target: E(e),
+        target: _(e),
         timestamp: Date.now()
       });
-    }, J)));
+    }, bt)));
+  }
+  trackFormSubmitIntent(t) {
+    const e = t.closest("button, input");
+    (e instanceof HTMLButtonElement || e instanceof HTMLInputElement) && (e.type !== "submit" && e.type !== "image" || !e.form || S(e.form) || this.rememberSubmitAttempt(e.form));
+  }
+  rememberSubmitAttempt(t) {
+    this.recentSubmitForms.add(t), setTimeout(() => {
+      this.recentSubmitForms.delete(t);
+    }, bt);
   }
   handleFormInvalid(t) {
     const e = t.target;
-    if (!e || _(e)) return;
+    if (!e || S(e)) return;
     const r = e.closest("form");
     !r || !this.recentSubmitForms.has(r) || this.emitIfReady({
       signal: "form_failure",
-      target: E(r),
+      target: _(r),
       timestamp: Date.now()
     });
   }
@@ -1552,7 +1966,7 @@ const Ze = 3, ti = 1e3, ei = 3, ii = 5e3, J = 500, ri = 500, si = 300, ni = /* @
     const t = location.href;
     if (this.errorPageUrls.has(t)) return;
     const e = document.title.toLowerCase();
-    if (Q.some((s) => e.includes(s))) {
+    if (pt.some((s) => e.includes(s))) {
       this.errorPageUrls.add(t), this.emitHighPriority({
         signal: "error_page",
         detail: document.title,
@@ -1565,7 +1979,7 @@ const Ze = 3, ti = 1e3, ei = 3, ii = 5e3, J = 500, ri = 500, si = 300, ni = /* @
     );
     for (const s of r) {
       const n = s.textContent ?? "";
-      if (n.length < 200 && Q.some((o) => n.toLowerCase().includes(o))) {
+      if (n.length < 200 && pt.some((o) => n.toLowerCase().includes(o))) {
         this.errorPageUrls.add(t), this.emitHighPriority({
           signal: "error_page",
           detail: n.trim().slice(0, 60),
@@ -1584,10 +1998,10 @@ const Ze = 3, ti = 1e3, ei = 3, ii = 5e3, J = 500, ri = 500, si = 300, ni = /* @
       const r = this.lastMutationAt >= e;
       this.pendingDomChecks === 0 && this.disconnectDomObserver(), !r && this.active && this.emitIfReady({
         signal: "dead_click_dom",
-        target: E(t),
+        target: _(t),
         timestamp: e
       });
-    }, ri));
+    }, zi));
   }
   ensureDomObserver() {
     this.domObserver || (this.domObserver = new MutationObserver(() => {
@@ -1612,206 +2026,43 @@ const Ze = 3, ti = 1e3, ei = 3, ii = 5e3, J = 500, ri = 500, si = 300, ni = /* @
     return !1;
   }
   isInteractive(t) {
-    if (ni.has(t.tagName)) return !0;
+    if (qi.has(t.tagName)) return !0;
     const e = t.getAttribute("role");
-    return !!(e && oi.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'));
+    return !!(e && Ni.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'));
   }
   emitIfReady(t) {
     const e = Date.now();
-    e < this.cooldownUntil || (this.cooldownUntil = e + T.COOLDOWN_MS, this.onFrustration(t));
+    e < this.cooldownUntil || (this.cooldownUntil = e + R.COOLDOWN_MS, this.persistState(), this.onFrustration(t));
   }
   emitHighPriority(t) {
-    this.cooldownUntil = Date.now() + T.COOLDOWN_MS, this.onFrustration(t);
+    this.cooldownUntil = Date.now() + R.COOLDOWN_MS, this.persistState(), this.onFrustration(t);
   }
 };
-T.COOLDOWN_MS = 6e4;
-let $ = T;
-function E(i) {
+R.COOLDOWN_MS = 6e4;
+let X = R;
+function _(i) {
   const t = i.tagName.toLowerCase(), e = i.id ? `#${i.id}` : "", r = i.className && typeof i.className == "string" ? "." + i.className.trim().split(/\s+/).slice(0, 2).join(".") : "", s = i.textContent?.trim().slice(0, 30) ?? "";
   return `<${t}${e}${r}>${s ? ` "${s}"` : ""}`;
 }
-function ai() {
+function Wi() {
   return {
     page_url: window.location.href,
     user_agent: navigator.userAgent,
-    browser: li(),
-    os: ci(),
+    browser: Vi(),
+    os: Yi(),
     screen_width: window.screen.width,
     screen_height: window.screen.height
   };
 }
-function li() {
+function Vi() {
   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 ci() {
+function Yi() {
   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 di = "https://makethisbetter.dev/api/v1";
-class hi {
-  constructor(t, e, r = 1e3, s, n) {
-    this.projectKey = t, this.apiUrl = (e ?? di).replace(/\/$/, ""), this.retryDelayMs = r, this.userToken = s, this.userTokenFn = n;
-  }
-  async resolveUserToken() {
-    return this.userTokenFn ? this.userTokenFn() : this.userToken;
-  }
-  async authHeaders(t) {
-    const e = { "X-Project-Key": this.projectKey }, r = await this.resolveUserToken();
-    return r && (e["X-User-Token"] = r), t && (e["Content-Type"] = t), e;
-  }
-  async submissionHeaders(t, e) {
-    const r = await this.authHeaders(e);
-    return r["X-Submission-Token"] = t, r;
-  }
-  async createSubmissionSession(t, e) {
-    const r = fi(), 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.reporter_external_id && s.append("feedback[reporter_external_id]", t.reporter_external_id), t.reporter_email && s.append("feedback[reporter_email]", t.reporter_email), t.user_email && s.append("feedback[user_email]", t.user_email), t.user_name && s.append("feedback[user_name]", t.user_name), t.breadcrumbs && t.breadcrumbs.length > 0 && s.append("feedback[breadcrumbs]", JSON.stringify(t.breadcrumbs)), t.recording_events && t.recording_events.length > 0) {
-      const l = JSON.stringify(t.recording_events), c = new Blob([l], { type: "application/json" });
-      s.append("feedback[recording]", c, "interaction-replay.json"), s.append("feedback[recording_duration]", String(t.recording_duration ?? 0));
-    }
-    if (e) {
-      const l = e.type === "image/jpeg" ? "jpg" : "png";
-      s.append("feedback[screenshot]", e, `screenshot.${l}`);
-    }
-    const n = await this.authHeaders();
-    return n["X-Submission-Token"] = r, n["X-Idempotency-Key"] = mi(), { ...(await (await this.fetchWithRetry(`${this.apiUrl}/widget/feedback_submission_sessions`, {
-      method: "POST",
-      headers: n,
-      body: s
-    })).json()).submission_session, token: r };
-  }
-  async createIdentityToken(t) {
-    const e = await this.authHeaders("application/json");
-    try {
-      return await (await this.fetchWithRetry(`${this.apiUrl}/widget/identity_tokens`, {
-        method: "POST",
-        headers: e,
-        body: JSON.stringify({ reporter_external_id: t })
-      })).json();
-    } catch {
-      return null;
-    }
-  }
-  async updateReporter(t, e, r) {
-    const s = await this.authHeaders("application/json");
-    s["X-Identity-Token"] = r;
-    try {
-      return await this.fetchWithRetry(`${this.apiUrl}/widget/feedbacks/${t}/reporter`, {
-        method: "PATCH",
-        headers: s,
-        body: JSON.stringify({ reporter: { email: e } })
-      }), !0;
-    } catch {
-      return !1;
-    }
-  }
-  async startClarification(t, e, r) {
-    const s = {};
-    r && (s.message = r);
-    const n = await this.submissionHeaders(e, "application/json");
-    return (await (await this.fetchWithRetry(`${this.apiUrl}/widget/feedback_submission_sessions/${t}/clarification`, {
-      method: "POST",
-      headers: n,
-      body: JSON.stringify(s)
-    })).json()).clarification;
-  }
-  async getClarification(t, e) {
-    const r = await this.submissionHeaders(e);
-    return (await (await this.fetchWithRetry(`${this.apiUrl}/widget/feedback_submission_sessions/${t}/clarification`, {
-      method: "GET",
-      headers: r
-    })).json()).clarification;
-  }
-  // Streams a clarification turn over SSE. Calls onDelta for each token and
-  // resolves with the committed result. Throws if the server doesn't stream
-  // (e.g. old backend returns JSON) so the caller can fall back to polling.
-  async streamClarification(t, e, r) {
-    const s = await this.submissionHeaders(e, "application/json");
-    s.Accept = "text/event-stream";
-    const n = await fetch(`${this.apiUrl}/widget/feedback_submission_sessions/${t}/clarification`, {
-      method: "POST",
-      headers: s,
-      body: JSON.stringify({})
-    }), o = n.headers.get("Content-Type") ?? "";
-    if (!n.ok || !n.body || !o.includes("text/event-stream"))
-      throw new Error("clarify stream unavailable");
-    return ui(n.body, r);
-  }
-  async finalizeSubmissionSession(t, e) {
-    const r = await this.submissionHeaders(e);
-    return (await (await this.fetchWithRetry(`${this.apiUrl}/widget/feedback_submission_sessions/${t}/feedback`, {
-      method: "POST",
-      headers: r
-    })).json()).feedback;
-  }
-  async abandonSubmissionSession(t, e) {
-    const r = await this.submissionHeaders(e);
-    await this.fetchWithRetry(`${this.apiUrl}/widget/feedback_submission_sessions/${t}`, {
-      method: "DELETE",
-      headers: r
-    });
-  }
-  async fetchWithRetry(t, e, r = 1) {
-    let s;
-    try {
-      s = await fetch(t, e);
-    } catch (n) {
-      if (r > 0)
-        return await Z(this.retryDelayMs), this.fetchWithRetry(t, e, r - 1);
-      throw n;
-    }
-    if (s.ok) return s;
-    if (s.status >= 500 && r > 0)
-      return await Z(this.retryDelayMs), this.fetchWithRetry(t, e, r - 1);
-    throw new Error(`HTTP ${s.status}`);
-  }
-}
-function Z(i) {
-  return i <= 0 ? Promise.resolve() : new Promise((t) => setTimeout(t, i));
-}
-async function ui(i, t) {
-  const e = i.getReader(), r = new TextDecoder();
-  let s = "", n = { messages: [], done: !0 };
-  const o = (a) => {
-    const l = a.split(`
-`).find((m) => m.startsWith("event:")), c = a.split(`
-`).find((m) => m.startsWith("data:"));
-    if (!c) return;
-    const h = l?.slice(6).trim(), u = JSON.parse(c.slice(5).trim());
-    h === "delta" && typeof u.text == "string" ? t(u.text) : h === "done" && (n = {
-      messages: Array.isArray(u.messages) ? u.messages : [],
-      done: u.done !== !1
-    });
-  };
-  for (; ; ) {
-    const { done: a, value: l } = await e.read();
-    if (a) break;
-    s += r.decode(l, { stream: !0 });
-    let c;
-    for (; (c = s.indexOf(`
-
-`)) !== -1; ) {
-      const h = s.slice(0, c);
-      s = s.slice(c + 2);
-      try {
-        o(h);
-      } catch {
-      }
-    }
-  }
-  return n;
-}
-function mi() {
-  return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 12)}`;
-}
-function fi() {
-  if (typeof crypto > "u" || typeof crypto.getRandomValues != "function")
-    throw new Error("Secure random generation is unavailable");
-  const i = crypto.getRandomValues(new Uint8Array(32));
-  return Array.from(i, (t) => t.toString(16).padStart(2, "0")).join("");
-}
-function pi(i, t, e, r, s, n, o, a, l) {
+function Xi(i, t, e, r, s, n, o, a, l) {
   return {
     description: i,
     ...t,
@@ -1832,50 +2083,50 @@ function pi(i, t, e, r, s, n, o, a, l) {
     breadcrumbs: l
   };
 }
-const tt = "mtb_anon_id", gt = "mtb_reporter_email", yt = "mtb_board_url";
-let et = null, wt = null, xt = null;
-function it() {
+const gt = "mtb_anon_id", zt = "mtb_reporter_email", jt = "mtb_board_url";
+let yt = null, qt = null, Nt = null;
+function wt() {
   try {
-    const i = window.localStorage.getItem(tt);
+    const i = window.localStorage.getItem(gt);
     if (i?.startsWith("anon_")) return i;
-    const t = nt();
-    return window.localStorage.setItem(tt, t), t;
+    const t = kt();
+    return window.localStorage.setItem(gt, t), t;
   } catch {
-    return et ?? (et = nt()), et;
+    return yt ?? (yt = kt()), yt;
   }
 }
-function rt() {
+function vt() {
   try {
-    return window.localStorage.getItem(gt) ?? void 0;
+    return window.localStorage.getItem(zt) ?? void 0;
   } catch {
-    return wt ?? void 0;
+    return qt ?? void 0;
   }
 }
-function bi(i) {
-  wt = i;
+function Ki(i) {
+  qt = i;
   try {
-    window.localStorage.setItem(gt, i);
+    window.localStorage.setItem(zt, i);
   } catch {
   }
 }
-function gi() {
+function Gi() {
   try {
-    return window.localStorage.getItem(yt) ?? void 0;
+    return window.localStorage.getItem(jt) ?? void 0;
   } catch {
-    return xt ?? void 0;
+    return Nt ?? void 0;
   }
 }
-function st(i) {
-  xt = i;
+function xt(i) {
+  Nt = i;
   try {
-    window.localStorage.setItem(yt, i);
+    window.localStorage.setItem(jt, i);
   } catch {
   }
 }
-function nt() {
+function kt() {
   return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? `anon_${crypto.randomUUID()}` : `anon_${`${Date.now().toString(16)}-${Math.random().toString(16).slice(2, 10)}`}`;
 }
-const yi = {
+const Ji = {
   tab: "Feedback",
   toolbar: {
     markup: "Mark up",
@@ -1948,9 +2199,11 @@ const yi = {
     send: "Send",
     send_feedback: "Send feedback",
     skip: "Skip & send",
-    retry: "Retry"
+    retry: "Retry",
+    error: "AI clarification failed. Please try again.",
+    expired: "This feedback session expired before it could be sent. Please close the widget and submit again."
   }
-}, wi = {
+}, Qi = {
   tab: "反馈",
   toolbar: {
     markup: "标注",
@@ -2023,9 +2276,11 @@ const yi = {
     send: "发送",
     send_feedback: "发送反馈",
     skip: "跳过并发送",
-    retry: "重试"
+    retry: "重试",
+    error: "AI 澄清失败，请重试。",
+    expired: "这条反馈在发送前已过期。请关闭组件后重新提交。"
   }
-}, xi = {
+}, Zi = {
   tab: "フィードバック",
   toolbar: {
     markup: "マークアップ",
@@ -2098,9 +2353,11 @@ const yi = {
     send: "送信",
     send_feedback: "フィードバックを送信",
     skip: "スキップして送信",
-    retry: "再試行"
+    retry: "再試行",
+    error: "AIによる確認に失敗しました。もう一度お試しください。",
+    expired: "このフィードバックは送信される前に有効期限が切れました。ウィジェットを閉じて、もう一度送信してください。"
   }
-}, vi = {
+}, tr = {
   tab: "피드백",
   toolbar: {
     markup: "마크업",
@@ -2173,9 +2430,11 @@ const yi = {
     send: "보내기",
     send_feedback: "피드백 보내기",
     skip: "건너뛰고 보내기",
-    retry: "재시도"
+    retry: "재시도",
+    error: "AI 확인에 실패했습니다. 다시 시도해 주세요.",
+    expired: "이 피드백 세션은 전송되기 전에 만료되었습니다. 위젯을 닫고 다시 보내 주세요."
   }
-}, ki = {
+}, er = {
   tab: "Comentarios",
   toolbar: {
     markup: "Anotar",
@@ -2248,9 +2507,11 @@ const yi = {
     send: "Enviar",
     send_feedback: "Enviar comentario",
     skip: "Omitir y enviar",
-    retry: "Reintentar"
+    retry: "Reintentar",
+    error: "No se pudo completar la aclaración con IA. Inténtalo de nuevo.",
+    expired: "Esta sesión de comentarios caducó antes de poder enviarse. Cierra el widget y envíalo de nuevo."
   }
-}, Si = {
+}, ir = {
   tab: "Avis",
   toolbar: {
     markup: "Annoter",
@@ -2323,9 +2584,11 @@ const yi = {
     send: "Envoyer",
     send_feedback: "Envoyer le retour",
     skip: "Ignorer et envoyer",
-    retry: "Réessayer"
+    retry: "Réessayer",
+    error: "La clarification par IA a échoué. Réessayez.",
+    expired: "Cette session de retour a expiré avant d'avoir pu être envoyée. Fermez le widget et renvoyez-la."
   }
-}, Ei = {
+}, rr = {
   tab: "Feedback",
   toolbar: {
     markup: "Markieren",
@@ -2398,58 +2661,67 @@ const yi = {
     send: "Senden",
     send_feedback: "Feedback senden",
     skip: "Überspringen & senden",
-    retry: "Erneut versuchen"
-  }
-}, C = {
-  en: yi,
-  "zh-CN": wi,
-  ja: xi,
-  ko: vi,
-  es: ki,
-  fr: Si,
-  de: Ei
+    retry: "Erneut versuchen",
+    error: "Die KI-Klärung ist fehlgeschlagen. Bitte erneut versuchen.",
+    expired: "Diese Feedback-Sitzung ist abgelaufen, bevor sie gesendet werden konnte. Bitte schließe das Widget und sende erneut."
+  }
+}, T = {
+  en: Ji,
+  "zh-CN": Qi,
+  ja: Zi,
+  ko: tr,
+  es: er,
+  fr: ir,
+  de: rr
 };
-function Ci(i) {
-  if (C[i]) return C[i];
+function St(i) {
+  if (T[i]) return T[i];
   const t = i.split("-")[0];
-  return C[t] ? C[t] : C.en;
+  return T[t] ? T[t] : T.en;
 }
-const _i = 60, Ti = "https://cdn.jsdelivr.net/npm/@rrweb/record@2.1.0/umd/record.min.js", Li = "sha384-MrD66HBNSykaP2N95+6hQCFlF5oH2tvL3TD/zyvHNkP/sAFWZx98DX9MEDy8MdVT";
-let L = null;
-function Mi() {
-  return L || (L = Pi().catch(() => Ri()), L);
+const sr = 60, nr = "rr-block", or = "rr-mask", ar = "https://cdn.jsdelivr.net/npm/@rrweb/record@2.1.0/umd/record.min.js", lr = "sha384-MrD66HBNSykaP2N95+6hQCFlF5oH2tvL3TD/zyvHNkP/sAFWZx98DX9MEDy8MdVT";
+let D = null;
+function cr() {
+  return D || (D = dr().catch(() => hr()), D);
 }
-async function Pi() {
+async function dr() {
   return (await import("@rrweb/record")).record;
 }
-function ot() {
+function Et() {
   const i = globalThis;
   return i.rrwebRecord?.record ?? i.rrweb?.record;
 }
-function Ri() {
+function hr() {
   return new Promise((i, t) => {
-    const e = ot();
+    const e = Et();
     if (e) {
       i(e);
       return;
     }
     const r = document.createElement("script");
-    r.src = Ti, r.integrity = Li, r.crossOrigin = "anonymous", r.onload = () => {
-      const s = ot();
+    r.src = ar, r.integrity = lr, r.crossOrigin = "anonymous", r.onload = () => {
+      const s = Et();
       s ? i(s) : t(new Error("rrweb record global not found after script load"));
     }, r.onerror = () => t(new Error("Failed to load rrweb from CDN")), document.head.appendChild(r);
   });
 }
-class Di {
-  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;
+class ur {
+  constructor(t, e, r = {}) {
+    this.events = [], this.stopFn = null, this.startedAt = 0, this.timer = null, this.clickHandler = null, this.stopped = !1, this.destroyed = !1, this.shadow = t, this.onMaxReached = e, this.options = r;
   }
   async start() {
-    const t = await Mi();
-    this.startedAt = Date.now(), this.stopped = !1, this.stopFn = t({
+    const t = await cr();
+    this.destroyed || (this.startedAt = Date.now(), this.stopped = !1, this.stopFn = t({
       emit: (e) => {
         this.stopped || this.events.push(e);
-      }
+      },
+      // Default to masking every input value, not just password fields (rrweb's
+      // own default). A replay is captured from whatever page the reporter happens
+      // to be on, which may be a checkout or a 2FA prompt, and nothing downstream
+      // scrubs it. Customers who need real values in replays must opt in.
+      maskAllInputs: this.options.maskAllInputs ?? !0,
+      blockClass: nr,
+      maskTextClass: or
     }), this.clickHandler = (e) => {
       this.showClickRipple(e.clientX, e.clientY), t.addCustomEvent?.("mtb-click", {
         x: e.clientX,
@@ -2458,7 +2730,7 @@ class Di {
       });
     }, document.addEventListener("click", this.clickHandler, !0), this.timer = setTimeout(() => {
       this.onMaxReached?.();
-    }, _i * 1e3);
+    }, sr * 1e3));
   }
   stop() {
     return this.stopped = !0, this.stopFn?.(), this.stopFn = null, this.cleanupTimer(), this.cleanupClickHandler(), {
@@ -2470,7 +2742,7 @@ class Di {
     return this.startedAt === 0 ? 0 : Math.max(1, Math.round((Date.now() - this.startedAt) / 1e3));
   }
   destroy() {
-    this.stopped = !0, this.stopFn?.(), this.stopFn = null, this.cleanupTimer(), this.cleanupClickHandler(), this.events = [], this.startedAt = 0;
+    this.destroyed = !0, this.stopped = !0, this.stopFn?.(), this.stopFn = null, this.cleanupTimer(), this.cleanupClickHandler(), this.events = [], this.startedAt = 0;
   }
   cleanupTimer() {
     this.timer && (clearTimeout(this.timer), this.timer = null);
@@ -2483,7 +2755,7 @@ class Di {
     r.style.left = `${t}px`, r.style.top = `${e}px`, this.shadow.append(r), r.addEventListener("animationend", () => r.remove());
   }
 }
-class Ai {
+class mr {
   constructor(t, e, r, s) {
     this.intervalId = null, this.getDuration = r, this.el = t.el("div", "mtb-record-bar"), this.el.innerHTML = `
       <span class="mtb-record-dot"></span>
@@ -2499,12 +2771,12 @@ class Ai {
     this.intervalId && (clearInterval(this.intervalId), this.intervalId = null), this.el.remove();
   }
 }
-class Hi {
+class fr {
   constructor() {
     this.session = null, this.bar = null, this.result = null;
   }
-  async start(t, e, r) {
-    this.session = new Di(t, r), this.bar = new Ai(
+  async start(t, e, r, s = {}) {
+    this.session = new ur(t, r, s), this.bar = new mr(
       t,
       e,
       () => this.session?.getDuration() ?? 0,
@@ -2524,10 +2796,10 @@ class Hi {
     this.session?.destroy(), this.session = null, this.bar?.destroy(), this.bar = null;
   }
 }
-const Ii = 3e3;
-class B {
+const br = 3e3, Ct = 12e3;
+class K {
   constructor(t) {
-    this.tab = null, this.toolbar = null, this.session = null, this.drawBar = null, this.dim = null, this.popup = null, this.clarify = null, this.success = null, this.frustrationPrompt = null, this.frustrationDetector = null, this.mode = "idle", this.via = "pin", this.currentAnnotation = null, this.submittingUi = null, this.lastPopupPos = null, this.recordingManager = null, this.activeSubmission = null, this.submissionAttempt = 0, this.lastHandoff = {}, this.frustrationDismissedByUser = !1, this.handleKeydown = (e) => {
+    this.tab = null, this.toolbar = null, this.session = null, this.drawBar = null, this.dim = null, this.popup = null, this.clarify = null, this.success = null, this.frustrationPrompt = null, this.frustrationDetector = null, this.mode = "idle", this.via = "pin", this.currentAnnotation = null, this.submittingUi = null, this.lastPopupPos = null, this.recordingManager = null, this.activeSubmission = null, this.submissionAttempt = 0, this.lastHandoff = {}, this.handleKeydown = (e) => {
       if (e.key === "Escape")
         switch (this.mode) {
           case "annotating":
@@ -2543,10 +2815,10 @@ class B {
         }
     }, this.handleRecordStop = () => {
       this.recordingManager && (this.recordingManager.stop(), this.via = "record", this.showPopup(window.innerWidth / 2, window.innerHeight / 2, this.messages.record.timer_label));
-    }, this.config = t, this.messages = Ci(t.locale ?? "en"), this.apiClient = new hi(t.projectKey, t.apiUrl, void 0, t.userToken, t.userTokenFn), this.consoleCollector = new Ge(), this.consoleCollector.start(), this.breadcrumbCollector = new Qe(), this.breadcrumbCollector.start(), this.buildUI(), t.frustrationDetection !== !1 && (this.frustrationDetector = new $(() => this.handleFrustration()), this.frustrationDetector.start()), document.addEventListener("keydown", this.handleKeydown, !0);
+    }, this.config = t, this.messages = St(t.locale ?? document.documentElement.lang ?? "en"), this.apiClient = new me(t.projectKey, t.apiUrl, void 0, t.userToken, t.userTokenFn), this.consoleCollector = new Ai(), this.consoleCollector.start(), this.breadcrumbCollector = new Ii(), this.breadcrumbCollector.start(), this.buildUI(), t.frustrationDetection !== !1 && (this.frustrationDetector = new X(() => this.handleFrustration()), this.frustrationDetector.start()), document.addEventListener("keydown", this.handleKeydown, !0);
   }
   buildUI() {
-    this.shadow = new kt(this.config.theme ?? "auto"), this.tab = new St(
+    this.shadow = new Vt(this.config.theme ?? "auto"), this.tab = new Yt(
       this.shadow,
       this.messages,
       this.config.position ?? "right",
@@ -2554,24 +2826,33 @@ class B {
       this.config.tabText
     );
   }
+  // Takes effect for anything opened afterwards. Components already on screen keep
+  // the language they were opened in rather than being re-rendered underneath a
+  // reporter who may be mid-sentence.
+  setLocale(t) {
+    this.config.locale = t, this.messages = St(t), this.tab?.setMessages(this.messages);
+  }
   handleTabClick() {
     this.mode === "idle" ? (this.dismissFrustrationPrompt(), this.enterAnnotationMode()) : this.exitAll();
   }
   handleFrustration() {
-    this.mode !== "idle" || this.frustrationPrompt || this.frustrationDismissedByUser || (this.frustrationPrompt = new Ct(this.shadow, this.messages, {
+    this.mode !== "idle" || this.frustrationPrompt || Hi() || (this.frustrationPrompt = new Kt(this.shadow, this.messages, {
       onTell: () => {
         this.dismissFrustrationPrompt(), this.enterAnnotationMode();
       },
       onDismiss: () => {
-        this.frustrationDismissedByUser = !0, this.dismissFrustrationPrompt();
-      }
+        $i(), this.dismissFrustrationPrompt();
+      },
+      // An unnoticed card is not a refusal, so it must not suppress later
+      // prompts. The detector's own 60s cooldown does the rate limiting.
+      onAutoHide: () => this.dismissFrustrationPrompt()
     }));
   }
   dismissFrustrationPrompt() {
     this.frustrationPrompt?.destroy(), this.frustrationPrompt = null;
   }
   enterAnnotationMode() {
-    this.mode = "annotating", this.tab?.setActive(!0), this.toolbar = new Tt(
+    this.mode = "annotating", this.tab?.setActive(!0), this.toolbar = new Qt(
       this.shadow,
       this.messages,
       () => this.exitAll(),
@@ -2579,7 +2860,7 @@ class B {
     ), this.session = this.createSession();
   }
   createSession() {
-    return new It(this.shadow, this.messages, {
+    return new ae(this.shadow, this.messages, {
       onPin: (t, e) => {
         this.currentAnnotation = t, this.via = "pin", this.showPopup(t.x, t.y, e, t.targetRect);
       },
@@ -2593,14 +2874,19 @@ class B {
     }
     if (t === "record") {
       if (this.mode === "recording") return;
-      this.mode = "recording", this.currentAnnotation = null, this.teardownDraw(), this.session?.destroy(), this.session = null, this.recordingManager = new Hi(), this.recordingManager.start(this.shadow, this.messages, this.handleRecordStop).catch((e) => {
+      this.mode = "recording", this.currentAnnotation = null, this.teardownDraw(), this.session?.destroy(), this.session = null, this.recordingManager = new fr(), this.recordingManager.start(
+        this.shadow,
+        this.messages,
+        this.handleRecordStop,
+        this.config.recording ?? {}
+      ).catch((e) => {
         console.warn("[MakeThisBetter] Interaction replay unavailable, falling back to markup:", e), this.mode === "recording" && (this.toolbar?.setMode("markup"), this.handleToolbarModeChange("markup"));
       });
     } else
       this.recordingManager?.destroy(), this.recordingManager = null, this.teardownDraw(), this.session || (this.session = this.createSession()), this.mode = "annotating";
   }
   handleDrawStroke() {
-    this.mode !== "drawing" && (this.mode = "drawing", this.drawBar = new Bt(this.shadow, {
+    this.mode !== "drawing" && (this.mode = "drawing", this.drawBar = new ce(this.shadow, {
       messages: this.messages,
       onUndo: () => this.handleDrawUndoRedo("undo"),
       onRedo: () => this.handleDrawUndoRedo("redo"),
@@ -2629,7 +2915,7 @@ class B {
     this.currentAnnotation = e, this.via = "draw", this.session?.dismissInteraction(), this.submittingUi = this.drawBar, this.handleSubmit(t || this.messages.annotation.drawing);
   }
   showPopup(t, e, r, s) {
-    this.mode = "popup", this.lastPopupPos = { x: t, y: e }, this.teardownDraw(), this.session?.dismissInteraction(), this.popup?.destroy(), this.popup = null, this.dim?.destroy(), this.dim = null, this.dim = new _t(this.shadow, () => this.exitAll()), this.popup = new Ft(this.shadow, {
+    this.mode = "popup", this.lastPopupPos = { x: t, y: e }, this.teardownDraw(), this.session?.dismissInteraction(), this.popup?.destroy(), this.popup = null, this.dim?.destroy(), this.dim = null, this.dim = new Gt(this.shadow, () => this.exitAll()), this.popup = new de(this.shadow, {
       targetName: r,
       x: t,
       y: e,
@@ -2642,29 +2928,29 @@ class B {
     }), this.submittingUi = this.popup;
   }
   buildMyFeedbackHandler() {
-    if (!this.config.user && gi())
+    if (!this.config.user && Gi())
       return async () => {
-        const t = await this.apiClient.createIdentityToken(it());
-        !t?.identity_token || !t.board_url || (st(t.board_url), window.open(`${t.board_url}?identity=${encodeURIComponent(t.identity_token)}`, "_blank"));
+        const t = await this.apiClient.createIdentityToken(wt());
+        !t?.identity_token || !t.board_url || (xt(t.board_url), window.open(`${t.board_url}?identity=${encodeURIComponent(t.identity_token)}`, "_blank"));
       };
   }
   async handleSubmit(t) {
     const e = this.submittingUi;
     if (!e) return;
     const r = ++this.submissionAttempt;
-    e.setLoading(!0), await $i();
+    e.setLoading(!0), await pr();
     const s = this.currentAnnotation, n = this.recordingManager?.getRecording() ?? void 0, [o, a] = await Promise.all([
-      Oe(s ? [s] : []),
-      Promise.resolve(ai())
-    ]), l = pi(
+      xi(s ? [s] : []),
+      Promise.resolve(Wi())
+    ]), l = Xi(
       t,
       a,
       this.consoleCollector.getErrors(),
       s,
       this.config.user,
       n,
-      this.config.user ? void 0 : it(),
-      this.config.user ? void 0 : rt(),
+      this.config.user ? void 0 : wt(),
+      this.config.user ? void 0 : vt(),
       this.breadcrumbCollector.getBreadcrumbs()
     );
     try {
@@ -2682,31 +2968,35 @@ class B {
   }
   async speculativeClarify(t, e, r) {
     if (!t.ai_clarify_available) {
-      const l = this.teardownSubmittingUi(!0);
+      const u = this.teardownSubmittingUi(!0);
       this.showClarify(t, e, {
-        element: l,
+        element: u,
         preloadedResult: { messages: [], done: !0 }
       });
       return;
     }
-    const s = this.apiClient.streamClarification(
+    const s = new AbortController();
+    let n = setTimeout(() => s.abort(), Ct);
+    const o = () => {
+      clearTimeout(n), n = setTimeout(() => s.abort(), Ct);
+    }, a = this.apiClient.streamClarification(
       t.id,
       t.token,
-      () => {
-      }
-    ).catch(() => null), n = new Promise(
-      (l) => setTimeout(() => l(null), Ii)
-    ), o = await Promise.race([s, n]);
+      o,
+      s.signal
+    ).catch(() => null).finally(() => clearTimeout(n)), l = new Promise(
+      (u) => setTimeout(() => u(null), br)
+    ), c = await Promise.race([a, l]);
     if (r !== this.submissionAttempt) return;
-    const a = this.teardownSubmittingUi(!0);
-    o ? this.showClarify(t, e, { element: a, preloadedResult: o }) : this.showClarify(t, e, { element: a, pendingClarification: s });
+    const d = this.teardownSubmittingUi(!0);
+    c ? this.showClarify(t, e, { element: d, preloadedResult: c }) : this.showClarify(t, e, { element: d, pendingClarification: a });
   }
   teardownSubmittingUi(t = !1) {
     const e = t ? this.popup?.releaseElement() : void 0;
     return this.teardownDraw(), e || this.popup?.destroy(), this.popup = null, this.dim?.destroy(), this.dim = null, this.session?.hideHighlight(), this.session?.destroy(), this.session = null, this.recordingManager?.destroy(), this.recordingManager = null, this.submittingUi = null, e;
   }
   showClarify(t, e, r) {
-    this.mode = "clarifying", this.tab?.setActive(!0), this.clarify = new qt(this.shadow, {
+    this.mode = "clarifying", this.tab?.setActive(!0), this.clarify = new xe(this.shadow, {
       submissionSessionId: t.id,
       submissionToken: t.token,
       apiClient: this.apiClient,
@@ -2728,21 +3018,21 @@ class B {
       feedbackId: r.id,
       boardUrl: r.board_url,
       identityToken: r.identity_token
-    }, r.board_url && st(r.board_url), this.clarify?.destroy(), this.clarify = null, this.toolbar?.destroy(), this.toolbar = null, this.showSuccess({ skipFollowup: t.ai_clarify_available === !1 }));
+    }, r.board_url && xt(r.board_url), this.clarify?.destroy(), this.clarify = null, this.toolbar?.destroy(), this.toolbar = null, this.showSuccess({ skipFollowup: t.ai_clarify_available === !1 }));
   }
   showSuccess(t) {
-    this.mode = "idle", this.tab?.setActive(!1), this.success = new Vt(this.shadow, this.messages, () => {
+    this.mode = "idle", this.tab?.setActive(!1), this.success = new Ee(this.shadow, this.messages, () => {
       this.success?.destroy(), this.success = null;
     }, this.buildViewFeedbackHandler(), { ...t, emailCapture: this.buildEmailCapture() });
   }
   buildEmailCapture() {
     if (this.config.user) return;
     const { feedbackId: t, identityToken: e } = this.lastHandoff;
-    if (!(!t || !e) && !rt())
+    if (!(!t || !e) && !vt())
       return {
         onSubmit: async (r) => {
           const s = await this.apiClient.updateReporter(t, r, e);
-          return s && bi(r), s;
+          return s && Ki(r), s;
         }
       };
   }
@@ -2770,24 +3060,28 @@ class B {
     document.removeEventListener("keydown", this.handleKeydown, !0), this.exitAll(), this.consoleCollector.stop(), this.breadcrumbCollector.stop(), this.frustrationDetector?.stop(), this.dismissFrustrationPrompt(), this.clarify?.destroy(), this.success?.destroy(), this.tab?.destroy(), this.recordingManager?.destroy(), this.shadow.destroy();
   }
 }
-function $i() {
+function pr() {
   return new Promise((i) => requestAnimationFrame(() => setTimeout(i, 0)));
 }
-let w = null, R = null;
-const Bi = {
+let w = null, E = null;
+const gr = {
   init(i) {
-    w && (w.destroy(), w = null), R = i, document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
-      w = new B(i);
-    }) : w = new B(i);
+    w && (w.destroy(), w = null), E = i, document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
+      w = new K(i);
+    }) : w = new K(i);
   },
   destroy() {
-    w?.destroy(), w = null, R = null;
+    w?.destroy(), w = null, E = null;
+  },
+  setLocale(i) {
+    E && (E.locale = i), w?.setLocale(i);
   }
 };
-typeof window < "u" && (window.MakeThisBetter = Bi, document.addEventListener("turbo:load", () => {
-  R && !document.getElementById("mtb-widget-host") && (w?.destroy(), w = new B(R));
+typeof window < "u" && (window.MakeThisBetter = gr, document.addEventListener("turbo:load", () => {
+  const i = document.getElementById("mtb-widget-host");
+  E && (!i || !i.shadowRoot) && (w?.destroy(), i?.remove(), w = new K(E));
 }));
 export {
-  Bi as MakeThisBetter
+  gr as MakeThisBetter
 };
 //# sourceMappingURL=makethisbetter.esm.js.map