makethisbetter 1.9.0 → 1.9.2

package/dist/makethisbetter.esm.js

@@ -1,9 +1,9 @@
-const yt = '*,*: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:320px;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:346px;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-header{padding:11px 13px 11px 14px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(0,0,0,.06)}.mtb-clarify-icon{width:24px;height:24px;border-radius:7px;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:12.5px;font-weight:650;line-height:1.2;color:#191a1c}.mtb-clarify-subtitle{font-size:10px;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;max-height:250px;overflow-y:auto;padding:13px 13px 5px;display:flex;flex-direction:column;gap:9px}.mtb-clarify-bubble{max-width:82%;padding:9px 12px;font-size:12.5px;line-height:1.5;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:13px 13px 13px 4px}.mtb-clarify-user{align-self:flex-end;background:#059669;color:#fff;border:1px solid #059669;border-radius:13px 13px 4px}.mtb-clarify-thinking{display:flex;align-items:center;gap:4px;padding:11px 14px}.mtb-clarify-thinking .mtb-dot{width:6px;height:6px;background:#059669b3}.mtb-clarify-footer{padding:3px 13px 13px;display:flex;flex-direction:column}.mtb-clarify-input{width:100%;height:52px;padding:9px 11px;border:1px solid rgba(0,0,0,.12);border-radius:10px;font-family:inherit;font-size:13px;line-height:1.5;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:8px;margin-top:9px}.mtb-clarify-skip{flex:0 0 auto;height:34px;padding:0 14px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:550;color:#0000008c;white-space:nowrap;transition:background .12s}.mtb-clarify-skip:hover{background:#0000000a}.mtb-clarify-send{flex:1;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:10px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12.5px;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-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 wt {
+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 {
   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 = yt, this.root.appendChild(e);
+    e.textContent = vt, this.root.appendChild(e);
   }
   el(t, e) {
     const r = document.createElement(t);
@@ -20,7 +20,7 @@ class wt {
     this.host.remove();
   }
 }
-class xt {
+class St {
   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);
   }
@@ -34,8 +34,8 @@ class xt {
     this.el.removeEventListener("click", this.onClick), this.el.remove();
   }
 }
-const vt = 8e3;
-class kt {
+const Et = 8e3;
+class Ct {
   constructor(t, e, r) {
     this.el = t.el("div", "mtb-frustration-prompt"), this.el.innerHTML = `
       <div class="mtb-frustration-icon">&#9888;&#65039;</div>
@@ -44,13 +44,13 @@ class kt {
         <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, vt);
+    `, 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);
   }
   destroy() {
     this.el.remove();
   }
 }
-class St {
+class _t {
   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,7 +58,7 @@ class St {
     this.el.removeEventListener("click", this.onClick), this.el.remove();
   }
 }
-class Et {
+class Tt {
   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.setMode("markup"), s?.("markup");
@@ -95,7 +95,7 @@ class Et {
     this.el.remove();
   }
 }
-class Ct {
+class Lt {
   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 +103,7 @@ class Ct {
     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 _t {
+class Mt {
   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 +112,7 @@ class _t {
     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 = I(t);
+    this.tooltipEl.textContent = F(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 +126,7 @@ class _t {
     this.highlightEl.remove(), this.tooltipEl.remove();
   }
 }
-function I(i) {
+function F(i) {
   if (i instanceof HTMLElement) {
     const t = i.getAttribute("aria-label");
     if (t) return t;
@@ -143,7 +143,7 @@ function I(i) {
   }
   return i.tagName.toLowerCase();
 }
-function st(i) {
+function at(i) {
   const t = [];
   let e = i;
   for (; e && e !== document.body && t.length < 5; ) {
@@ -168,7 +168,7 @@ function st(i) {
   }
   return t.join(" > ");
 }
-class Tt {
+class Pt {
   constructor(t) {
     this.pins = [], this.shadow = t;
   }
@@ -184,14 +184,14 @@ class Tt {
     this.clearAll();
   }
 }
-const M = "#059669", Lt = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', x = {
-  color: M,
+const D = "#059669", Rt = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', S = {
+  color: D,
   width: "3.5",
   linecap: "round",
   linejoin: "round",
   filter: "drop-shadow(0 1px 2px rgba(5,150,105,0.35))"
 };
-class Mt {
+class Dt {
   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 +199,12 @@ class Mt {
     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", U(this.currentPoints)));
+    !this.isDrawing || !this.currentPath || (this.currentPoints.push([t, e]), this.currentPath.setAttribute("d", j(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: U(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: j(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 +230,7 @@ class Mt {
   }
   getAnnotation() {
     if (this.committed.length === 0) return null;
-    const t = this.committed.flatMap((s) => s.points), [e, r] = Pt(t);
+    const t = this.committed.flatMap((s) => s.points), [e, r] = At(t);
     return {
       type: "draw",
       x: e,
@@ -253,10 +253,10 @@ class Mt {
   }
   createPath() {
     const t = document.createElementNS("http://www.w3.org/2000/svg", "path");
-    return t.setAttribute("fill", "none"), t.setAttribute("stroke", x.color), t.setAttribute("stroke-width", x.width), t.setAttribute("stroke-linecap", x.linecap), t.setAttribute("stroke-linejoin", x.linejoin), t.setAttribute("style", `filter:${x.filter}`), t;
+    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;
   }
 }
-function U(i) {
+function j(i) {
   if (i.length === 0) return "";
   const [t, e] = i[0];
   let r = `M ${t} ${e}`;
@@ -266,14 +266,14 @@ function U(i) {
   }
   return r;
 }
-function Pt(i) {
+function At(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 Rt = 5;
-class Dt {
+const Ht = 5;
+class It {
   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 _t(t), this.pinMarker = new Tt(t), this.drawLayer = new Mt(t), this.overlay = new Ct(t, {
+    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, {
       onMouseDown: (s) => this.handleMouseDown(s),
       onMouseMove: (s) => this.handleMouseMove(s),
       onMouseUp: (s) => this.handleMouseUp(s),
@@ -296,7 +296,7 @@ class Dt {
   }
   updateHighlight() {
     if (!this.interactionActive || this.drawLayer.isCurrentlyDrawing() || this.drawSessionActive()) return;
-    const t = O(this.lastMoveX, this.lastMoveY);
+    const t = q(this.lastMoveX, this.lastMoveY);
     t ? this.highlighter.highlight(t) : this.highlighter.hide();
   }
   cancelPendingHighlight() {
@@ -309,16 +309,16 @@ class Dt {
   // 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() >= Rt) {
+    if (this.drawLayer.getCurrentPointCount() >= Ht) {
       this.drawLayer.commitStroke(), this.highlighter.hide(), this.handlers.onDrawStroke();
       return;
     }
     if (this.drawLayer.cancelCurrentDraw(), this.drawLayer.hasStrokes() || !t) return;
-    const e = O(t.clientX, t.clientY), r = e ? I(e) : this.messages.annotation.element, s = e?.getBoundingClientRect(), n = {
+    const e = q(t.clientX, t.clientY), r = e ? F(e) : this.messages.annotation.element, s = e?.getBoundingClientRect(), n = {
       type: "pin",
       x: t.clientX,
       y: t.clientY,
-      targetSelector: e ? st(e) : void 0,
+      targetSelector: e ? at(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 +359,18 @@ class Dt {
     this.dismissInteraction(), this.highlighter.destroy(), this.pinMarker.destroy(), this.drawLayer.destroy();
   }
 }
-function O(i, t) {
+function q(i, t) {
   return document.elementsFromPoint(i, t).find((e) => e.id !== "mtb-widget-host") ?? null;
 }
-const At = "mtb-widget-host";
-function S(i) {
-  const t = document.getElementById(At);
+const $t = "mtb-widget-host";
+function _(i) {
+  const t = document.getElementById($t);
   return t ? t === i || t.contains(i) : !1;
 }
 function d(i) {
   return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-class Ht {
+class Bt {
   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());
@@ -407,9 +407,9 @@ class Ht {
     this.el.remove();
   }
 }
-class It {
+class Ft {
   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), this.bindEvents(e.messages), e.onMyFeedback && this.el.querySelector(".mtb-my-feedback").addEventListener("click", e.onMyFeedback), this.textarea.focus();
+    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();
   }
   buildHTML(t) {
     const e = t.messages, r = e.popup.quickOptions.map(
@@ -449,10 +449,10 @@ class It {
       </div>
     `;
   }
-  positionPopup(t, e, r) {
-    const n = this.el.offsetHeight || 260, o = window.innerWidth, a = window.innerHeight, l = 12, c = 8;
-    let h, u;
-    r ? (h = r.left, u = r.bottom + c, u + n > a - l && (u = r.top - n - c), u < l && (u = Math.min(r.bottom + c, a - n - l))) : (h = t + 12, u = e + 12), h + 320 > o - l && (h = o - 320 - l), h < l && (h = l), u < l && (u = l), this.el.style.left = `${h}px`, this.el.style.top = `${u}px`, this.el.style.maxHeight = `${a - u - l}px`;
+  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`;
   }
   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) => {
@@ -478,31 +478,37 @@ class It {
   setError(t) {
     this.errorEl.textContent = t, this.errorEl.hidden = !1;
   }
+  releaseElement() {
+    return this.el;
+  }
   destroy() {
     this.el.remove();
   }
 }
-const $t = 2e3, Bt = 45e3, Ft = 346, Ut = 320;
-class Ot {
+const Ut = 2e3, Ot = 45e3, zt = 346, jt = 270;
+class qt {
   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.el = t.el("div", "mtb-clarify"), this.el.innerHTML = this.buildHTML(e.messages), t.append(this.el), this.positionCard(e.x, e.y), 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.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;
+    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();
   }
   // Anchors the card near the annotation point, clamped to the viewport so it
   // never overflows a screen edge (mirrors CommentPopup.positionPopup).
-  positionCard(t, e) {
-    const r = Ft, s = this.el.offsetHeight || Ut, n = window.innerWidth, o = window.innerHeight, a = 12;
+  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);
     if (t === void 0 || e === void 0) {
-      this.el.style.left = `${Math.max(a, (n - r) / 2)}px`, this.el.style.top = `${Math.max(a, (o - s) / 2)}px`, this.el.style.maxHeight = `${o - 2 * a}px`;
+      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`;
       return;
     }
-    let l = t + 12, c = e + 12;
-    l + r > n - a && (l = t - r - 12), l < a && (l = a), c + s > o - a && (c = o - s - a), c < a && (c = a), this.el.style.left = `${l}px`, this.el.style.top = `${c}px`, this.el.style.maxHeight = `${o - c - a}px`;
+    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`;
   }
   buildHTML(t) {
     return `
       <div class="mtb-clarify-header">
         <span class="mtb-clarify-icon">
-          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
+          <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
             <path d="M12 3l1.6 5.4L19 10l-5.4 1.6L12 17l-1.6-5.4L5 10l5.4-1.6L12 3z"/>
           </svg>
         </span>
@@ -511,18 +517,18 @@ class Ot {
           <div class="mtb-clarify-subtitle">${d(t.clarify.subtitle)}</div>
         </div>
         <button class="mtb-clarify-close" type="button" title="${d(t.clarify.skip)}" aria-label="${d(t.clarify.skip)}">
-          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+          <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="2" placeholder="${d(t.clarify.placeholder)}"></textarea>
+        <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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <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>
@@ -626,7 +632,7 @@ class Ot {
     this.streamingBubble = null;
   }
   startPolling() {
-    this.stopPolling(), this.pollDeadline = Date.now() + Bt, this.pollTimer = setInterval(() => this.poll(), $t);
+    this.stopPolling(), this.pollDeadline = Date.now() + Ot, this.pollTimer = setInterval(() => this.poll(), Ut);
   }
   stopPolling() {
     this.pollTimer !== null && (clearInterval(this.pollTimer), this.pollTimer = null);
@@ -649,10 +655,21 @@ class Ot {
     }
   }
   handleDone() {
-    this.done || (this.done = !0, this.stopPolling(), this.removeThinking(), this.disableConversationInput(), this.finalize());
+    this.done || (this.done = !0, this.stopPolling(), this.removeThinking(), this.showFinalizeButton());
   }
-  disableConversationInput() {
-    this.inputEl.disabled = !0, this.sendBtn.disabled = !0;
+  showFinalizeButton() {
+    const t = this.el.querySelector(".mtb-clarify-footer");
+    t.innerHTML = `
+      <button class="mtb-clarify-send-feedback" type="button">
+        <svg width="13" height="13" 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(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)) {
@@ -700,8 +717,8 @@ class Ot {
     this.destroyed = !0, this.stopPolling(), this.el.remove();
   }
 }
-const zt = 5e3, jt = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-class qt {
+const Nt = 5e3, Wt = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+class Vt {
   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 ? `
@@ -715,7 +732,7 @@ class qt {
       </div>` : "";
     this.el.innerHTML = `
       <div class="mtb-success-icon">
-        <svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="${M}" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
+        <svg width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="${D}" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
           <polyline points="20 6 9 17 4 12"/>
         </svg>
       </div>
@@ -724,12 +741,12 @@ class qt {
       ${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(), zt);
+    `, 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);
   }
   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 (!jt.test(o)) {
+      if (!Wt.test(o)) {
         e.classList.add("mtb-email-invalid");
         return;
       }
@@ -743,7 +760,7 @@ class qt {
     this.el.remove();
   }
 }
-function Nt(i, t) {
+function Yt(i, t) {
   if (i.match(/^[a-z]+:\/\//i))
     return i;
   if (i.match(/^\/\//))
@@ -753,7 +770,7 @@ function Nt(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 Wt = /* @__PURE__ */ (() => {
+const Kt = /* @__PURE__ */ (() => {
   let i = 0;
   const t = () => (
     // eslint-disable-next-line no-bitwise
@@ -761,33 +778,33 @@ const Wt = /* @__PURE__ */ (() => {
   );
   return () => (i += 1, `u${t()}${i}`);
 })();
-function b(i) {
+function x(i) {
   const t = [];
   for (let e = 0, r = i.length; e < r; e++)
     t.push(i[e]);
   return t;
 }
-let g = null;
-function nt(i = {}) {
-  return g || (i.includeStyleProperties ? (g = i.includeStyleProperties, g) : (g = b(window.getComputedStyle(document.documentElement)), g));
+let v = null;
+function lt(i = {}) {
+  return v || (i.includeStyleProperties ? (v = i.includeStyleProperties, v) : (v = x(window.getComputedStyle(document.documentElement)), v));
 }
-function _(i, t) {
+function M(i, t) {
   const r = (i.ownerDocument.defaultView || window).getComputedStyle(i).getPropertyValue(t);
   return r ? parseFloat(r.replace("px", "")) : 0;
 }
-function Vt(i) {
-  const t = _(i, "border-left-width"), e = _(i, "border-right-width");
+function Xt(i) {
+  const t = M(i, "border-left-width"), e = M(i, "border-right-width");
   return i.clientWidth + t + e;
 }
-function Yt(i) {
-  const t = _(i, "border-top-width"), e = _(i, "border-bottom-width");
+function Gt(i) {
+  const t = M(i, "border-top-width"), e = M(i, "border-bottom-width");
   return i.clientHeight + t + e;
 }
-function ot(i, t = {}) {
-  const e = t.width || Vt(i), r = t.height || Yt(i);
+function ct(i, t = {}) {
+  const e = t.width || Xt(i), r = t.height || Gt(i);
   return { width: e, height: r };
 }
-function Kt() {
+function Jt() {
   let i, t;
   try {
     t = process;
@@ -796,11 +813,11 @@ function Kt() {
   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 f = 16384;
-function Xt(i) {
-  (i.width > f || i.height > f) && (i.width > f && i.height > f ? i.width > i.height ? (i.height *= f / i.width, i.width = f) : (i.width *= f / i.height, i.height = f) : i.width > f ? (i.height *= f / i.width, i.width = f) : (i.width *= f / i.height, i.height = f));
+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));
 }
-function T(i) {
+function P(i) {
   return new Promise((t, e) => {
     const r = new Image();
     r.onload = () => {
@@ -810,80 +827,80 @@ function T(i) {
     }, r.onerror = e, r.crossOrigin = "anonymous", r.decoding = "async", r.src = i;
   });
 }
-async function Gt(i) {
+async function Zt(i) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(i)).then(encodeURIComponent).then((t) => `data:image/svg+xml;charset=utf-8,${t}`);
 }
-async function Jt(i, t, e) {
+async function te(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), Gt(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), Zt(s);
 }
-const m = (i, t) => {
+const f = (i, t) => {
   if (i instanceof t)
     return !0;
   const e = Object.getPrototypeOf(i);
-  return e === null ? !1 : e.constructor.name === t.name || m(e, t);
+  return e === null ? !1 : e.constructor.name === t.name || f(e, t);
 };
-function Qt(i) {
+function ee(i) {
   const t = i.getPropertyValue("content");
   return `${i.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
-function Zt(i, t) {
-  return nt(t).map((e) => {
+function ie(i, t) {
+  return lt(t).map((e) => {
     const r = i.getPropertyValue(e), s = i.getPropertyPriority(e);
     return `${e}: ${r}${s ? " !important" : ""};`;
   }).join(" ");
 }
-function te(i, t, e, r) {
-  const s = `.${i}:${t}`, n = e.cssText ? Qt(e) : Zt(e, r);
+function re(i, t, e, r) {
+  const s = `.${i}:${t}`, n = e.cssText ? ee(e) : ie(e, r);
   return document.createTextNode(`${s}{${n}}`);
 }
-function z(i, t, e, r) {
+function N(i, t, e, r) {
   const s = window.getComputedStyle(i, e), n = s.getPropertyValue("content");
   if (n === "" || n === "none")
     return;
-  const o = Wt();
+  const o = Kt();
   try {
     t.className = `${t.className} ${o}`;
   } catch {
     return;
   }
   const a = document.createElement("style");
-  a.appendChild(te(o, e, s, r)), t.appendChild(a);
+  a.appendChild(re(o, e, s, r)), t.appendChild(a);
 }
-function ee(i, t, e) {
-  z(i, t, ":before", e), z(i, t, ":after", e);
+function se(i, t, e) {
+  N(i, t, ":before", e), N(i, t, ":after", e);
 }
-const j = "application/font-woff", q = "image/jpeg", ie = {
-  woff: j,
-  woff2: j,
+const W = "application/font-woff", V = "image/jpeg", ne = {
+  woff: W,
+  woff2: W,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: q,
-  jpeg: q,
+  jpg: V,
+  jpeg: V,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function re(i) {
+function oe(i) {
   const t = /\.([^./]*?)$/g.exec(i);
   return t ? t[1] : "";
 }
-function $(i) {
-  const t = re(i).toLowerCase();
-  return ie[t] || "";
+function U(i) {
+  const t = oe(i).toLowerCase();
+  return ne[t] || "";
 }
-function se(i) {
+function ae(i) {
   return i.split(/,/)[1];
 }
-function D(i) {
+function I(i) {
   return i.search(/^(data:)/) !== -1;
 }
-function ne(i, t) {
+function le(i, t) {
   return `data:${t};base64,${i}`;
 }
-async function at(i, t, e) {
+async function dt(i, t, e) {
   const r = await fetch(i, t);
   if (r.status === 404)
     throw new Error(`Resource "${r.url}" not found`);
@@ -899,86 +916,86 @@ async function at(i, t, e) {
     }, a.readAsDataURL(s);
   });
 }
-const R = {};
-function oe(i, t, e) {
+const H = {};
+function ce(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 B(i, t, e) {
-  const r = oe(i, t, e.includeQueryParams);
-  if (R[r] != null)
-    return R[r];
+async function O(i, t, e) {
+  const r = ce(i, t, e.includeQueryParams);
+  if (H[r] != null)
+    return H[r];
   e.cacheBust && (i += (/\?/.test(i) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let s;
   try {
-    const n = await at(i, e.fetchRequestInit, ({ res: o, result: a }) => (t || (t = o.headers.get("Content-Type") || ""), se(a)));
-    s = ne(n, t);
+    const n = await dt(i, e.fetchRequestInit, ({ res: o, result: a }) => (t || (t = o.headers.get("Content-Type") || ""), ae(a)));
+    s = le(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 R[r] = s, s;
+  return H[r] = s, s;
 }
-async function ae(i) {
+async function de(i) {
   const t = i.toDataURL();
-  return t === "data:," ? i.cloneNode(!1) : T(t);
+  return t === "data:," ? i.cloneNode(!1) : P(t);
 }
-async function le(i, t) {
+async function he(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 T(a);
+    return P(a);
   }
-  const e = i.poster, r = $(e), s = await B(e, r, t);
-  return T(s);
+  const e = i.poster, r = U(e), s = await O(e, r, t);
+  return P(s);
 }
-async function ce(i, t) {
+async function ue(i, t) {
   var e;
   try {
     if (!((e = i?.contentDocument) === null || e === void 0) && e.body)
-      return await P(i.contentDocument.body, t, !0);
+      return await A(i.contentDocument.body, t, !0);
   } catch {
   }
   return i.cloneNode(!1);
 }
-async function de(i, t) {
-  return m(i, HTMLCanvasElement) ? ae(i) : m(i, HTMLVideoElement) ? le(i, t) : m(i, HTMLIFrameElement) ? ce(i, t) : i.cloneNode(lt(i));
+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));
 }
-const he = (i) => i.tagName != null && i.tagName.toUpperCase() === "SLOT", lt = (i) => i.tagName != null && i.tagName.toUpperCase() === "SVG";
-async function ue(i, t, e) {
+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) {
   var r, s;
-  if (lt(t))
+  if (ht(t))
     return t;
   let n = [];
-  return he(i) && i.assignedNodes ? n = b(i.assignedNodes()) : m(i, HTMLIFrameElement) && (!((r = i.contentDocument) === null || r === void 0) && r.body) ? n = b(i.contentDocument.body.childNodes) : n = b(((s = i.shadowRoot) !== null && s !== void 0 ? s : i).childNodes), n.length === 0 || m(i, HTMLVideoElement) || await n.reduce((o, a) => o.then(() => P(a, e)).then((l) => {
+  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) => {
     l && t.appendChild(l);
   }), Promise.resolve()), t;
 }
-function me(i, t, e) {
+function be(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) : nt(e).forEach((n) => {
+  s.cssText ? (r.cssText = s.cssText, r.transformOrigin = s.transformOrigin) : lt(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`), m(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));
+    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 fe(i, t) {
-  m(i, HTMLTextAreaElement) && (t.innerHTML = i.value), m(i, HTMLInputElement) && t.setAttribute("value", i.value);
+function ge(i, t) {
+  f(i, HTMLTextAreaElement) && (t.innerHTML = i.value), f(i, HTMLInputElement) && t.setAttribute("value", i.value);
 }
-function pe(i, t) {
-  if (m(i, HTMLSelectElement)) {
+function ye(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 be(i, t, e) {
-  return m(t, Element) && (me(i, t, e), ee(i, t, e), fe(i, t), pe(i, t)), t;
+function we(i, t, e) {
+  return f(t, Element) && (be(i, t, e), se(i, t, e), ge(i, t), ye(i, t)), t;
 }
-async function ge(i, t) {
+async function xe(i, t) {
   const e = i.querySelectorAll ? i.querySelectorAll("use") : [];
   if (e.length === 0)
     return i;
@@ -987,7 +1004,7 @@ async function ge(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 P(c, t, !0));
+      !l && c && !r[a] && (r[a] = await A(c, t, !0));
     }
   }
   const s = Object.values(r);
@@ -1002,31 +1019,31 @@ async function ge(i, t) {
   }
   return i;
 }
-async function P(i, t, e) {
-  return !e && t.filter && !t.filter(i) ? null : Promise.resolve(i).then((r) => de(r, t)).then((r) => ue(i, r, t)).then((r) => be(i, r, t)).then((r) => ge(r, t));
+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));
 }
-const ct = /url\((['"]?)([^'"]+?)\1\)/g, ye = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, we = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function xe(i) {
+const ut = /url\((['"]?)([^'"]+?)\1\)/g, ve = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, ke = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function Se(i) {
   const t = i.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function ve(i) {
+function Ee(i) {
   const t = [];
-  return i.replace(ct, (e, r, s) => (t.push(s), e)), t.filter((e) => !D(e));
+  return i.replace(ut, (e, r, s) => (t.push(s), e)), t.filter((e) => !I(e));
 }
-async function ke(i, t, e, r, s) {
+async function Ce(i, t, e, r, s) {
   try {
-    const n = e ? Nt(t, e) : t, o = $(t);
+    const n = e ? Yt(t, e) : t, o = U(t);
     let a;
-    return s || (a = await B(n, o, r)), i.replace(xe(t), `$1${a}$3`);
+    return s || (a = await O(n, o, r)), i.replace(Se(t), `$1${a}$3`);
   } catch {
   }
   return i;
 }
-function Se(i, { preferredFontFormat: t }) {
-  return t ? i.replace(we, (e) => {
+function _e(i, { preferredFontFormat: t }) {
+  return t ? i.replace(ke, (e) => {
     for (; ; ) {
-      const [r, , s] = ye.exec(e) || [];
+      const [r, , s] = ve.exec(e) || [];
       if (!s)
         return "";
       if (s === t)
@@ -1034,32 +1051,32 @@ function Se(i, { preferredFontFormat: t }) {
     }
   }) : i;
 }
-function dt(i) {
-  return i.search(ct) !== -1;
+function mt(i) {
+  return i.search(ut) !== -1;
 }
-async function ht(i, t, e) {
-  if (!dt(i))
+async function ft(i, t, e) {
+  if (!mt(i))
     return i;
-  const r = Se(i, e);
-  return ve(r).reduce((n, o) => n.then((a) => ke(a, o, t, e)), Promise.resolve(r));
+  const r = _e(i, e);
+  return Ee(r).reduce((n, o) => n.then((a) => Ce(a, o, t, e)), Promise.resolve(r));
 }
-async function y(i, t, e) {
+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 ht(s, null, e);
+    const n = await ft(s, null, e);
     return t.style.setProperty(i, n, t.style.getPropertyPriority(i)), !0;
   }
   return !1;
 }
-async function Ee(i, t) {
-  await y("background", i, t) || await y("background-image", i, t), await y("mask", i, t) || await y("-webkit-mask", i, t) || await y("mask-image", i, t) || await y("-webkit-mask-image", i, t);
+async function Te(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 Ce(i, t) {
-  const e = m(i, HTMLImageElement);
-  if (!(e && !D(i.src)) && !(m(i, SVGImageElement) && !D(i.href.baseVal)))
+async function Le(i, t) {
+  const e = f(i, HTMLImageElement);
+  if (!(e && !I(i.src)) && !(f(i, SVGImageElement) && !I(i.href.baseVal)))
     return;
-  const r = e ? i.src : i.href.baseVal, s = await B(r, $(r), t);
+  const r = e ? i.src : i.href.baseVal, s = await O(r, U(r), t);
   await new Promise((n, o) => {
     i.onload = n, i.onerror = t.onImageErrorHandler ? (...l) => {
       try {
@@ -1072,14 +1089,14 @@ async function Ce(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 _e(i, t) {
-  const r = b(i.childNodes).map((s) => ut(s, t));
+async function Me(i, t) {
+  const r = x(i.childNodes).map((s) => pt(s, t));
   await Promise.all(r).then(() => i);
 }
-async function ut(i, t) {
-  m(i, Element) && (await Ee(i, t), await Ce(i, t), await _e(i, t));
+async function pt(i, t) {
+  f(i, Element) && (await Te(i, t), await Le(i, t), await Me(i, t));
 }
-function Te(i, t) {
+function Pe(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;
@@ -1087,23 +1104,23 @@ function Te(i, t) {
     e[s] = r[s];
   }), i;
 }
-const N = {};
-async function W(i) {
-  let t = N[i];
+const Y = {};
+async function K(i) {
+  let t = Y[i];
   if (t != null)
     return t;
   const r = await (await fetch(i)).text();
-  return t = { url: i, cssText: r }, N[i] = t, t;
+  return t = { url: i, cssText: r }, Y[i] = t, t;
 }
-async function V(i, t) {
+async function X(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), at(a, t.fetchRequestInit, ({ result: l }) => (e = e.replace(o, `url(${l})`), [o, l]));
+    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 Promise.all(n).then(() => e);
 }
-function Y(i) {
+function G(i) {
   if (i == null)
     return [];
   const t = [], e = /(\/\*[\s\S]*?\*\/)/gi;
@@ -1129,21 +1146,21 @@ function Y(i) {
   }
   return t;
 }
-async function Le(i, t) {
+async function Re(i, t) {
   const e = [], r = [];
   return i.forEach((s) => {
     if ("cssRules" in s)
       try {
-        b(s.cssRules || []).forEach((n, o) => {
+        x(s.cssRules || []).forEach((n, o) => {
           if (n.type === CSSRule.IMPORT_RULE) {
             let a = o + 1;
-            const l = n.href, c = W(l).then((h) => V(h, t)).then((h) => Y(h).forEach((u) => {
+            const l = n.href, c = K(l).then((h) => X(h, t)).then((h) => G(h).forEach((u) => {
               try {
                 s.insertRule(u, u.startsWith("@import") ? a += 1 : s.cssRules.length);
-              } catch (w) {
+              } catch (m) {
                 console.error("Error inserting rule from remote css", {
                   rule: u,
-                  error: w
+                  error: m
                 });
               }
             })).catch((h) => {
@@ -1154,7 +1171,7 @@ async function Le(i, t) {
         });
       } catch (n) {
         const o = i.find((a) => a.href == null) || document.styleSheets[0];
-        s.href != null && r.push(W(s.href).then((a) => V(a, t)).then((a) => Y(a).forEach((l) => {
+        s.href != null && r.push(K(s.href).then((a) => X(a, t)).then((a) => G(a).forEach((l) => {
           o.insertRule(l, o.cssRules.length);
         })).catch((a) => {
           console.error("Error loading remote stylesheet", a);
@@ -1163,7 +1180,7 @@ async function Le(i, t) {
   }), Promise.all(r).then(() => (i.forEach((s) => {
     if ("cssRules" in s)
       try {
-        b(s.cssRules || []).forEach((n) => {
+        x(s.cssRules || []).forEach((n) => {
           e.push(n);
         });
       } catch (n) {
@@ -1171,58 +1188,58 @@ async function Le(i, t) {
       }
   }), e));
 }
-function Me(i) {
-  return i.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => dt(t.style.getPropertyValue("src")));
+function De(i) {
+  return i.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => mt(t.style.getPropertyValue("src")));
 }
-async function Pe(i, t) {
+async function Ae(i, t) {
   if (i.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const e = b(i.ownerDocument.styleSheets), r = await Le(e, t);
-  return Me(r);
+  const e = x(i.ownerDocument.styleSheets), r = await Re(e, t);
+  return De(r);
 }
-function mt(i) {
+function bt(i) {
   return i.trim().replace(/["']/g, "");
 }
-function Re(i) {
+function He(i) {
   const t = /* @__PURE__ */ new Set();
   function e(r) {
     (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((n) => {
-      t.add(mt(n));
+      t.add(bt(n));
     }), Array.from(r.children).forEach((n) => {
       n instanceof HTMLElement && e(n);
     });
   }
   return e(i), t;
 }
-async function De(i, t) {
-  const e = await Pe(i, t), r = Re(i);
-  return (await Promise.all(e.filter((n) => r.has(mt(n.style.fontFamily))).map((n) => {
+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) => {
     const o = n.parentStyleSheet ? n.parentStyleSheet.href : null;
-    return ht(n.cssText, o, t);
+    return ft(n.cssText, o, t);
   }))).join(`
 `);
 }
-async function Ae(i, t) {
-  const e = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await De(i, t);
+async function $e(i, t) {
+  const e = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await Ie(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 He(i, t = {}) {
-  const { width: e, height: r } = ot(i, t), s = await P(i, t, !0);
-  return await Ae(s, t), await ut(s, t), Te(s, t), await Jt(s, e, 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 Ie(i, t = {}) {
-  const { width: e, height: r } = ot(i, t), s = await He(i, t), n = await T(s), o = document.createElement("canvas"), a = o.getContext("2d"), l = t.pixelRatio || Kt(), c = t.canvasWidth || e, h = t.canvasHeight || r;
-  return o.width = c * l, o.height = h * l, t.skipAutoScale || Xt(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 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 $e(i, t = {}) {
-  return (await Ie(i, t)).toDataURL("image/jpeg", t.quality || 1);
+async function Ue(i, t = {}) {
+  return (await Fe(i, t)).toDataURL("image/jpeg", t.quality || 1);
 }
-async function Be(i = []) {
+async function Oe(i = []) {
   try {
-    const t = await $e(document.body, {
+    const t = await Ue(document.body, {
       quality: 0.85,
       pixelRatio: 1,
       backgroundColor: "#ffffff",
@@ -1231,29 +1248,29 @@ async function Be(i = []) {
       filter: (e) => !(e instanceof HTMLElement && e.id === "mtb-widget-host")
     });
     if (i.length > 0) {
-      const e = await Fe(t, i);
+      const e = await ze(t, i);
       if (e) return e;
     }
-    return Ne(t);
+    return Ye(t);
   } catch {
     return null;
   }
 }
-async function Fe(i, t) {
+async function ze(i, t) {
   const e = document.createElement("canvas"), r = e.getContext("2d");
   if (!r) return null;
-  const s = await je(i);
+  const s = await We(i);
   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 ? Ue(r, l.drawPath, n, o) : l.type === "pin" && Oe(r, l.x * n, l.y * o, ++a);
-  return qe(e);
+    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 Ue(i, t, e, r) {
-  i.save(), i.strokeStyle = M, 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 ze(t))
+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);
@@ -1261,10 +1278,10 @@ function Ue(i, t, e, r) {
     }
   i.restore();
 }
-function Oe(i, t, e, r) {
-  i.save(), i.shadowColor = "rgba(5,150,105,0.45)", i.shadowOffsetY = 2, i.shadowBlur = 8, i.fillStyle = M, 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 ${Lt}`, i.textAlign = "center", i.textBaseline = "middle", i.fillText(String(r), t, e), 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 ze(i) {
+function Ne(i) {
   const t = [];
   let e = null;
   const r = i.match(/[ML]\s*[-\d.]+\s+[-\d.]+/g) ?? [];
@@ -1274,13 +1291,13 @@ function ze(i) {
   }
   return t;
 }
-function je(i) {
+function We(i) {
   return new Promise((t) => {
     const e = new Image();
     e.onload = () => t(e), e.onerror = () => t(null), e.src = i;
   });
 }
-function qe(i) {
+function Ve(i) {
   return new Promise((t) => {
     try {
       i.toBlob((e) => t(e), "image/jpeg", 0.85);
@@ -1289,13 +1306,13 @@ function qe(i) {
     }
   });
 }
-function Ne(i) {
+function Ye(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 We {
+class Ke {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set(), this.originalOnError = null, this.installedOnError = null, this.rejectionHandler = null, this.hooked = !1;
   }
@@ -1317,20 +1334,20 @@ class We {
     for (const e of this.listeners) e(t);
   }
 }
-const F = new We(), Ve = 20;
-class Ye {
+const z = new Ke(), Xe = 20;
+class Ge {
   constructor() {
     this.errors = [], this.unsubscribe = null;
   }
   start() {
-    this.unsubscribe || (this.unsubscribe = F.subscribe((t) => this.record(t)));
+    this.unsubscribe || (this.unsubscribe = z.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 >= Ve || this.errors.includes(t) || this.errors.push(t);
+    this.errors.length >= Xe || this.errors.includes(t) || this.errors.push(t);
   }
   getErrors() {
     return [...this.errors];
@@ -1339,13 +1356,13 @@ class Ye {
     this.unsubscribe?.(), this.unsubscribe = null;
   }
 }
-const Ke = 20;
-class Xe {
+const Je = 20;
+class Qe {
   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);
   }
   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 = F.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 = z.subscribe((t) => this.recordError(t)), this.startNavigationTracking());
   }
   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());
@@ -1354,25 +1371,25 @@ class Xe {
     return [...this.breadcrumbs];
   }
   add(t) {
-    this.breadcrumbs.push(t), this.breadcrumbs.length > Ke && this.breadcrumbs.shift();
+    this.breadcrumbs.push(t), this.breadcrumbs.length > Je && this.breadcrumbs.shift();
   }
   handleClick(t) {
     const e = t.target;
-    if (e && !S(e))
+    if (e && !_(e))
       try {
         this.add({
           type: "ui",
           category: "ui.click",
           timestamp: Date.now(),
-          message: I(e),
-          data: { selector: st(e) }
+          message: F(e),
+          data: { selector: at(e) }
         });
       } catch {
       }
   }
   handleChange(t) {
     const e = t.target;
-    if (e && !S(e))
+    if (e && !_(e))
       try {
         const r = e, s = r.name || r.placeholder || e.getAttribute("aria-label") || e.tagName;
         this.add({
@@ -1418,7 +1435,7 @@ class Xe {
     }));
   }
 }
-const Ge = 3, Je = 1e3, Qe = 3, Ze = 5e3, K = 500, ti = 500, ei = 300, ii = /* @__PURE__ */ new Set([
+const Ze = 3, ti = 1e3, ei = 3, ii = 5e3, J = 500, ri = 500, si = 300, ni = /* @__PURE__ */ new Set([
   "A",
   "BUTTON",
   "INPUT",
@@ -1427,7 +1444,7 @@ const Ge = 3, Je = 1e3, Qe = 3, Ze = 5e3, K = 500, ti = 500, ei = 300, ii = /* @
   "LABEL",
   "SUMMARY",
   "DETAILS"
-]), ri = /* @__PURE__ */ new Set([
+]), oi = /* @__PURE__ */ new Set([
   "button",
   "link",
   "checkbox",
@@ -1441,19 +1458,19 @@ const Ge = 3, Je = 1e3, Qe = 3, Ze = 5e3, K = 500, ti = 500, ei = 300, ii = /* @
   "listbox",
   "slider",
   "spinbutton"
-]), X = [
+]), Q = [
   "404",
   "500",
   "not found",
   "page not found",
   "server error",
   "internal server error"
-], E = class E {
+], T = class T {
   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);
   }
   start() {
-    this.active || (this.active = !0, document.addEventListener("click", this.boundClickHandler, !0), this.unsubscribeErrors = F.subscribe((t) => {
+    this.active || (this.active = !0, document.addEventListener("click", this.boundClickHandler, !0), this.unsubscribeErrors = z.subscribe((t) => {
       this.errorCount++;
     }), this.startNavigationTracking(), this.startFormTracking(), this.checkErrorPage());
   }
@@ -1480,54 +1497,54 @@ const Ge = 3, Je = 1e3, Qe = 3, Ze = 5e3, K = 500, ti = 500, ei = 300, ii = /* @
   }
   handleClick(t) {
     const e = t.target;
-    if (!e || S(e)) return;
+    if (!e || _(e)) return;
     const r = Date.now();
     this.clickHistory.push({ target: e, time: r });
-    const s = r - Je;
-    if (this.clickHistory = this.clickHistory.filter((o) => o.time > s), this.clickHistory.filter((o) => o.target === e).length >= Ge) {
+    const s = r - ti;
+    if (this.clickHistory = this.clickHistory.filter((o) => o.time > s), this.clickHistory.filter((o) => o.target === e).length >= Ze) {
       this.clickHistory = [], this.emitHighPriority({
         signal: "rage_click",
-        target: v(e),
+        target: E(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: v(e),
+      target: E(e),
       timestamp: r
     }))), this.checkDeadClickDom(e, r);
   }
   handleNavigation() {
     const t = Date.now();
     this.navTimestamps.push(t);
-    const e = t - Ze;
-    this.navTimestamps = this.navTimestamps.filter((r) => r > e), this.navTimestamps.length >= Qe && (this.navTimestamps = [], this.emitIfReady({
+    const e = t - ii;
+    this.navTimestamps = this.navTimestamps.filter((r) => r > e), this.navTimestamps.length >= ei && (this.navTimestamps = [], this.emitIfReady({
       signal: "rapid_navigation",
       timestamp: t
     })), setTimeout(() => {
       this.active && this.checkErrorPage();
-    }, ei);
+    }, si);
   }
   handleFormSubmit(t) {
     const e = t.target;
-    e instanceof HTMLFormElement && (S(e) || (this.recentSubmitForms.add(e), setTimeout(() => {
+    e instanceof HTMLFormElement && (_(e) || (this.recentSubmitForms.add(e), setTimeout(() => {
       this.recentSubmitForms.delete(e);
-    }, K), setTimeout(() => {
+    }, J), setTimeout(() => {
       this.active && e.querySelector('[aria-invalid="true"], .is-invalid') && this.emitIfReady({
         signal: "form_failure",
-        target: v(e),
+        target: E(e),
         timestamp: Date.now()
       });
-    }, K)));
+    }, J)));
   }
   handleFormInvalid(t) {
     const e = t.target;
-    if (!e || S(e)) return;
+    if (!e || _(e)) return;
     const r = e.closest("form");
     !r || !this.recentSubmitForms.has(r) || this.emitIfReady({
       signal: "form_failure",
-      target: v(r),
+      target: E(r),
       timestamp: Date.now()
     });
   }
@@ -1535,7 +1552,7 @@ const Ge = 3, Je = 1e3, Qe = 3, Ze = 5e3, K = 500, ti = 500, ei = 300, ii = /* @
     const t = location.href;
     if (this.errorPageUrls.has(t)) return;
     const e = document.title.toLowerCase();
-    if (X.some((s) => e.includes(s))) {
+    if (Q.some((s) => e.includes(s))) {
       this.errorPageUrls.add(t), this.emitHighPriority({
         signal: "error_page",
         detail: document.title,
@@ -1548,7 +1565,7 @@ const Ge = 3, Je = 1e3, Qe = 3, Ze = 5e3, K = 500, ti = 500, ei = 300, ii = /* @
     );
     for (const s of r) {
       const n = s.textContent ?? "";
-      if (n.length < 200 && X.some((o) => n.toLowerCase().includes(o))) {
+      if (n.length < 200 && Q.some((o) => n.toLowerCase().includes(o))) {
         this.errorPageUrls.add(t), this.emitHighPriority({
           signal: "error_page",
           detail: n.trim().slice(0, 60),
@@ -1567,10 +1584,10 @@ const Ge = 3, Je = 1e3, Qe = 3, Ze = 5e3, K = 500, ti = 500, ei = 300, ii = /* @
       const r = this.lastMutationAt >= e;
       this.pendingDomChecks === 0 && this.disconnectDomObserver(), !r && this.active && this.emitIfReady({
         signal: "dead_click_dom",
-        target: v(t),
+        target: E(t),
         timestamp: e
       });
-    }, ti));
+    }, ri));
   }
   ensureDomObserver() {
     this.domObserver || (this.domObserver = new MutationObserver(() => {
@@ -1595,46 +1612,46 @@ const Ge = 3, Je = 1e3, Qe = 3, Ze = 5e3, K = 500, ti = 500, ei = 300, ii = /* @
     return !1;
   }
   isInteractive(t) {
-    if (ii.has(t.tagName)) return !0;
+    if (ni.has(t.tagName)) return !0;
     const e = t.getAttribute("role");
-    return !!(e && ri.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 && 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'));
   }
   emitIfReady(t) {
     const e = Date.now();
-    e < this.cooldownUntil || (this.cooldownUntil = e + E.COOLDOWN_MS, this.onFrustration(t));
+    e < this.cooldownUntil || (this.cooldownUntil = e + T.COOLDOWN_MS, this.onFrustration(t));
   }
   emitHighPriority(t) {
-    this.cooldownUntil = Date.now() + E.COOLDOWN_MS, this.onFrustration(t);
+    this.cooldownUntil = Date.now() + T.COOLDOWN_MS, this.onFrustration(t);
   }
 };
-E.COOLDOWN_MS = 6e4;
-let A = E;
-function v(i) {
+T.COOLDOWN_MS = 6e4;
+let $ = T;
+function E(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 si() {
+function ai() {
   return {
     page_url: window.location.href,
     user_agent: navigator.userAgent,
-    browser: ni(),
-    os: oi(),
+    browser: li(),
+    os: ci(),
     screen_width: window.screen.width,
     screen_height: window.screen.height
   };
 }
-function ni() {
+function li() {
   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 oi() {
+function ci() {
   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 ai = "https://makethisbetter.dev/api/v1";
-class li {
+const di = "https://makethisbetter.dev/api/v1";
+class hi {
   constructor(t, e, r = 1e3, s, n) {
-    this.projectKey = t, this.apiUrl = (e ?? ai).replace(/\/$/, ""), this.retryDelayMs = r, this.userToken = s, this.userTokenFn = 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;
@@ -1648,7 +1665,7 @@ class li {
     return r["X-Submission-Token"] = t, r;
   }
   async createSubmissionSession(t, e) {
-    const r = hi(), s = new FormData();
+    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));
@@ -1658,7 +1675,7 @@ class li {
       s.append("feedback[screenshot]", e, `screenshot.${l}`);
     }
     const n = await this.authHeaders();
-    return n["X-Submission-Token"] = r, n["X-Idempotency-Key"] = di(), { ...(await (await this.fetchWithRetry(`${this.apiUrl}/widget/feedback_submission_sessions`, {
+    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
@@ -1719,7 +1736,7 @@ class li {
     }), o = n.headers.get("Content-Type") ?? "";
     if (!n.ok || !n.body || !o.includes("text/event-stream"))
       throw new Error("clarify stream unavailable");
-    return ci(n.body, r);
+    return ui(n.body, r);
   }
   async finalizeSubmissionSession(t, e) {
     const r = await this.submissionHeaders(e);
@@ -1741,25 +1758,25 @@ class li {
       s = await fetch(t, e);
     } catch (n) {
       if (r > 0)
-        return await G(this.retryDelayMs), this.fetchWithRetry(t, e, r - 1);
+        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 G(this.retryDelayMs), this.fetchWithRetry(t, e, r - 1);
+      return await Z(this.retryDelayMs), this.fetchWithRetry(t, e, r - 1);
     throw new Error(`HTTP ${s.status}`);
   }
 }
-function G(i) {
+function Z(i) {
   return i <= 0 ? Promise.resolve() : new Promise((t) => setTimeout(t, i));
 }
-async function ci(i, t) {
+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((w) => w.startsWith("event:")), c = a.split(`
-`).find((w) => w.startsWith("data:"));
+`).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 = {
@@ -1785,16 +1802,16 @@ async function ci(i, t) {
   }
   return n;
 }
-function di() {
+function mi() {
   return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 12)}`;
 }
-function hi() {
+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 ui(i, t, e, r, s, n, o, a, l) {
+function pi(i, t, e, r, s, n, o, a, l) {
   return {
     description: i,
     ...t,
@@ -1815,50 +1832,50 @@ function ui(i, t, e, r, s, n, o, a, l) {
     breadcrumbs: l
   };
 }
-const J = "mtb_anon_id", ft = "mtb_reporter_email", pt = "mtb_board_url";
-let Q = null, bt = null, gt = null;
-function Z() {
+const tt = "mtb_anon_id", gt = "mtb_reporter_email", yt = "mtb_board_url";
+let et = null, wt = null, xt = null;
+function it() {
   try {
-    const i = window.localStorage.getItem(J);
+    const i = window.localStorage.getItem(tt);
     if (i?.startsWith("anon_")) return i;
-    const t = it();
-    return window.localStorage.setItem(J, t), t;
+    const t = nt();
+    return window.localStorage.setItem(tt, t), t;
   } catch {
-    return Q ?? (Q = it()), Q;
+    return et ?? (et = nt()), et;
   }
 }
-function tt() {
+function rt() {
   try {
-    return window.localStorage.getItem(ft) ?? void 0;
+    return window.localStorage.getItem(gt) ?? void 0;
   } catch {
-    return bt ?? void 0;
+    return wt ?? void 0;
   }
 }
-function mi(i) {
-  bt = i;
+function bi(i) {
+  wt = i;
   try {
-    window.localStorage.setItem(ft, i);
+    window.localStorage.setItem(gt, i);
   } catch {
   }
 }
-function fi() {
+function gi() {
   try {
-    return window.localStorage.getItem(pt) ?? void 0;
+    return window.localStorage.getItem(yt) ?? void 0;
   } catch {
-    return gt ?? void 0;
+    return xt ?? void 0;
   }
 }
-function et(i) {
-  gt = i;
+function st(i) {
+  xt = i;
   try {
-    window.localStorage.setItem(pt, i);
+    window.localStorage.setItem(yt, i);
   } catch {
   }
 }
-function it() {
+function nt() {
   return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? `anon_${crypto.randomUUID()}` : `anon_${`${Date.now().toString(16)}-${Math.random().toString(16).slice(2, 10)}`}`;
 }
-const pi = {
+const yi = {
   tab: "Feedback",
   toolbar: {
     markup: "Mark up",
@@ -1929,10 +1946,11 @@ const pi = {
     thinking: "Thinking...",
     placeholder: "Type your answer — or skip the question",
     send: "Send",
+    send_feedback: "Send feedback",
     skip: "Skip & send",
     retry: "Retry"
   }
-}, bi = {
+}, wi = {
   tab: "反馈",
   toolbar: {
     markup: "标注",
@@ -2003,10 +2021,11 @@ const pi = {
     thinking: "思考中...",
     placeholder: "输入回答，或跳过问题",
     send: "发送",
+    send_feedback: "发送反馈",
     skip: "跳过并发送",
     retry: "重试"
   }
-}, gi = {
+}, xi = {
   tab: "フィードバック",
   toolbar: {
     markup: "マークアップ",
@@ -2077,10 +2096,11 @@ const pi = {
     thinking: "考え中...",
     placeholder: "回答を入力、または質問をスキップ",
     send: "送信",
+    send_feedback: "フィードバックを送信",
     skip: "スキップして送信",
     retry: "再試行"
   }
-}, yi = {
+}, vi = {
   tab: "피드백",
   toolbar: {
     markup: "마크업",
@@ -2151,10 +2171,11 @@ const pi = {
     thinking: "생각 중...",
     placeholder: "답변을 입력하거나 질문을 건너뛰세요",
     send: "보내기",
+    send_feedback: "피드백 보내기",
     skip: "건너뛰고 보내기",
     retry: "재시도"
   }
-}, wi = {
+}, ki = {
   tab: "Comentarios",
   toolbar: {
     markup: "Anotar",
@@ -2225,10 +2246,11 @@ const pi = {
     thinking: "Pensando...",
     placeholder: "Escribe tu respuesta — u omite la pregunta",
     send: "Enviar",
+    send_feedback: "Enviar comentario",
     skip: "Omitir y enviar",
     retry: "Reintentar"
   }
-}, xi = {
+}, Si = {
   tab: "Avis",
   toolbar: {
     markup: "Annoter",
@@ -2299,10 +2321,11 @@ const pi = {
     thinking: "Réflexion...",
     placeholder: "Saisissez votre réponse — ou ignorez la question",
     send: "Envoyer",
+    send_feedback: "Envoyer le retour",
     skip: "Ignorer et envoyer",
     retry: "Réessayer"
   }
-}, vi = {
+}, Ei = {
   tab: "Feedback",
   toolbar: {
     markup: "Markieren",
@@ -2373,55 +2396,56 @@ const pi = {
     thinking: "Einen Moment...",
     placeholder: "Antwort eingeben — oder Frage überspringen",
     send: "Senden",
+    send_feedback: "Feedback senden",
     skip: "Überspringen & senden",
     retry: "Erneut versuchen"
   }
-}, k = {
-  en: pi,
-  "zh-CN": bi,
-  ja: gi,
-  ko: yi,
-  es: wi,
-  fr: xi,
-  de: vi
+}, C = {
+  en: yi,
+  "zh-CN": wi,
+  ja: xi,
+  ko: vi,
+  es: ki,
+  fr: Si,
+  de: Ei
 };
-function ki(i) {
-  if (k[i]) return k[i];
+function Ci(i) {
+  if (C[i]) return C[i];
   const t = i.split("-")[0];
-  return k[t] ? k[t] : k.en;
+  return C[t] ? C[t] : C.en;
 }
-const Si = 60, Ei = "https://cdn.jsdelivr.net/npm/@rrweb/record@2.1.0/umd/record.min.js", Ci = "sha384-MrD66HBNSykaP2N95+6hQCFlF5oH2tvL3TD/zyvHNkP/sAFWZx98DX9MEDy8MdVT";
-let C = null;
-function _i() {
-  return C || (C = Ti().catch(() => Li()), C);
+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);
 }
-async function Ti() {
+async function Pi() {
   return (await import("@rrweb/record")).record;
 }
-function rt() {
+function ot() {
   const i = globalThis;
   return i.rrwebRecord?.record ?? i.rrweb?.record;
 }
-function Li() {
+function Ri() {
   return new Promise((i, t) => {
-    const e = rt();
+    const e = ot();
     if (e) {
       i(e);
       return;
     }
     const r = document.createElement("script");
-    r.src = Ei, r.integrity = Ci, r.crossOrigin = "anonymous", r.onload = () => {
-      const s = rt();
+    r.src = Ti, r.integrity = Li, r.crossOrigin = "anonymous", r.onload = () => {
+      const s = ot();
       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 Mi {
+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;
   }
   async start() {
-    const t = await _i();
+    const t = await Mi();
     this.startedAt = Date.now(), this.stopped = !1, this.stopFn = t({
       emit: (e) => {
         this.stopped || this.events.push(e);
@@ -2434,7 +2458,7 @@ class Mi {
       });
     }, document.addEventListener("click", this.clickHandler, !0), this.timer = setTimeout(() => {
       this.onMaxReached?.();
-    }, Si * 1e3);
+    }, _i * 1e3);
   }
   stop() {
     return this.stopped = !0, this.stopFn?.(), this.stopFn = null, this.cleanupTimer(), this.cleanupClickHandler(), {
@@ -2459,7 +2483,7 @@ class Mi {
     r.style.left = `${t}px`, r.style.top = `${e}px`, this.shadow.append(r), r.addEventListener("animationend", () => r.remove());
   }
 }
-class Pi {
+class Ai {
   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>
@@ -2475,12 +2499,12 @@ class Pi {
     this.intervalId && (clearInterval(this.intervalId), this.intervalId = null), this.el.remove();
   }
 }
-class Ri {
+class Hi {
   constructor() {
     this.session = null, this.bar = null, this.result = null;
   }
   async start(t, e, r) {
-    this.session = new Mi(t, r), this.bar = new Pi(
+    this.session = new Di(t, r), this.bar = new Ai(
       t,
       e,
       () => this.session?.getDuration() ?? 0,
@@ -2500,8 +2524,8 @@ class Ri {
     this.session?.destroy(), this.session = null, this.bar?.destroy(), this.bar = null;
   }
 }
-const Di = 3e3;
-class H {
+const Ii = 3e3;
+class B {
   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) => {
       if (e.key === "Escape")
@@ -2519,10 +2543,10 @@ class H {
         }
     }, 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 = ki(t.locale ?? "en"), this.apiClient = new li(t.projectKey, t.apiUrl, void 0, t.userToken, t.userTokenFn), this.consoleCollector = new Ye(), this.consoleCollector.start(), this.breadcrumbCollector = new Xe(), this.breadcrumbCollector.start(), this.buildUI(), t.frustrationDetection !== !1 && (this.frustrationDetector = new A(() => this.handleFrustration()), this.frustrationDetector.start()), document.addEventListener("keydown", this.handleKeydown, !0);
+    }, 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);
   }
   buildUI() {
-    this.shadow = new wt(this.config.theme ?? "auto"), this.tab = new xt(
+    this.shadow = new kt(this.config.theme ?? "auto"), this.tab = new St(
       this.shadow,
       this.messages,
       this.config.position ?? "right",
@@ -2534,7 +2558,7 @@ class H {
     this.mode === "idle" ? (this.dismissFrustrationPrompt(), this.enterAnnotationMode()) : this.exitAll();
   }
   handleFrustration() {
-    this.mode !== "idle" || this.frustrationPrompt || this.frustrationDismissedByUser || (this.frustrationPrompt = new kt(this.shadow, this.messages, {
+    this.mode !== "idle" || this.frustrationPrompt || this.frustrationDismissedByUser || (this.frustrationPrompt = new Ct(this.shadow, this.messages, {
       onTell: () => {
         this.dismissFrustrationPrompt(), this.enterAnnotationMode();
       },
@@ -2547,7 +2571,7 @@ class H {
     this.frustrationPrompt?.destroy(), this.frustrationPrompt = null;
   }
   enterAnnotationMode() {
-    this.mode = "annotating", this.tab?.setActive(!0), this.toolbar = new Et(
+    this.mode = "annotating", this.tab?.setActive(!0), this.toolbar = new Tt(
       this.shadow,
       this.messages,
       () => this.exitAll(),
@@ -2555,7 +2579,7 @@ class H {
     ), this.session = this.createSession();
   }
   createSession() {
-    return new Dt(this.shadow, this.messages, {
+    return new It(this.shadow, this.messages, {
       onPin: (t, e) => {
         this.currentAnnotation = t, this.via = "pin", this.showPopup(t.x, t.y, e, t.targetRect);
       },
@@ -2569,14 +2593,14 @@ class H {
     }
     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 Ri(), 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 Hi(), this.recordingManager.start(this.shadow, this.messages, this.handleRecordStop).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 Ht(this.shadow, {
+    this.mode !== "drawing" && (this.mode = "drawing", this.drawBar = new Bt(this.shadow, {
       messages: this.messages,
       onUndo: () => this.handleDrawUndoRedo("undo"),
       onRedo: () => this.handleDrawUndoRedo("redo"),
@@ -2605,7 +2629,7 @@ class H {
     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 St(this.shadow, () => this.exitAll()), this.popup = new It(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 _t(this.shadow, () => this.exitAll()), this.popup = new Ft(this.shadow, {
       targetName: r,
       x: t,
       y: e,
@@ -2613,33 +2637,34 @@ class H {
       messages: this.messages,
       onSubmit: (n) => this.handleSubmit(n),
       onClose: () => this.exitAll(),
-      onMyFeedback: this.buildMyFeedbackHandler()
+      onMyFeedback: this.buildMyFeedbackHandler(),
+      position: this.config.position ?? "right"
     }), this.submittingUi = this.popup;
   }
   buildMyFeedbackHandler() {
-    if (!this.config.user && fi())
+    if (!this.config.user && gi())
       return async () => {
-        const t = await this.apiClient.createIdentityToken(Z());
-        !t?.identity_token || !t.board_url || (et(t.board_url), window.open(`${t.board_url}?identity=${encodeURIComponent(t.identity_token)}`, "_blank"));
+        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"));
       };
   }
   async handleSubmit(t) {
     const e = this.submittingUi;
     if (!e) return;
     const r = ++this.submissionAttempt;
-    e.setLoading(!0), await Ai();
+    e.setLoading(!0), await $i();
     const s = this.currentAnnotation, n = this.recordingManager?.getRecording() ?? void 0, [o, a] = await Promise.all([
-      Be(s ? [s] : []),
-      Promise.resolve(si())
-    ]), l = ui(
+      Oe(s ? [s] : []),
+      Promise.resolve(ai())
+    ]), l = pi(
       t,
       a,
       this.consoleCollector.getErrors(),
       s,
       this.config.user,
       n,
-      this.config.user ? void 0 : Z(),
-      this.config.user ? void 0 : tt(),
+      this.config.user ? void 0 : it(),
+      this.config.user ? void 0 : rt(),
       this.breadcrumbCollector.getBreadcrumbs()
     );
     try {
@@ -2657,7 +2682,11 @@ class H {
   }
   async speculativeClarify(t, e, r) {
     if (!t.ai_clarify_available) {
-      this.teardownSubmittingUi(), this.mode = "clarifying", this.tab?.setActive(!0), await this.finalizeSubmission();
+      const l = this.teardownSubmittingUi(!0);
+      this.showClarify(t, e, {
+        element: l,
+        preloadedResult: { messages: [], done: !0 }
+      });
       return;
     }
     const s = this.apiClient.streamClarification(
@@ -2666,19 +2695,24 @@ class H {
       () => {
       }
     ).catch(() => null), n = new Promise(
-      (a) => setTimeout(() => a(null), Di)
+      (l) => setTimeout(() => l(null), Ii)
     ), o = await Promise.race([s, n]);
-    r === this.submissionAttempt && (this.teardownSubmittingUi(), o ? o.done ? (this.mode = "clarifying", this.tab?.setActive(!0), await this.finalizeSubmission()) : this.showClarify(t, e, { preloadedResult: o }) : this.showClarify(t, e, { pendingClarification: s }));
+    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 });
   }
-  teardownSubmittingUi() {
-    this.teardownDraw(), 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;
+  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 Ot(this.shadow, {
+    this.mode = "clarifying", this.tab?.setActive(!0), this.clarify = new qt(this.shadow, {
       submissionSessionId: t.id,
       submissionToken: t.token,
       apiClient: this.apiClient,
       messages: this.messages,
+      element: r?.element,
+      position: this.config.position ?? "right",
       x: e?.x,
       y: e?.y,
       onFinalize: () => this.finalizeSubmission(),
@@ -2694,21 +2728,21 @@ class H {
       feedbackId: r.id,
       boardUrl: r.board_url,
       identityToken: r.identity_token
-    }, r.board_url && et(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 && st(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 qt(this.shadow, this.messages, () => {
+    this.mode = "idle", this.tab?.setActive(!1), this.success = new Vt(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) && !tt())
+    if (!(!t || !e) && !rt())
       return {
         onSubmit: async (r) => {
           const s = await this.apiClient.updateReporter(t, r, e);
-          return s && mi(r), s;
+          return s && bi(r), s;
         }
       };
   }
@@ -2736,24 +2770,24 @@ class H {
     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 Ai() {
+function $i() {
   return new Promise((i) => requestAnimationFrame(() => setTimeout(i, 0)));
 }
-let p = null, L = null;
-const Hi = {
+let w = null, R = null;
+const Bi = {
   init(i) {
-    p && (p.destroy(), p = null), L = i, document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
-      p = new H(i);
-    }) : p = new H(i);
+    w && (w.destroy(), w = null), R = i, document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
+      w = new B(i);
+    }) : w = new B(i);
   },
   destroy() {
-    p?.destroy(), p = null, L = null;
+    w?.destroy(), w = null, R = null;
   }
 };
-typeof window < "u" && (window.MakeThisBetter = Hi, document.addEventListener("turbo:load", () => {
-  L && !document.getElementById("mtb-widget-host") && (p?.destroy(), p = new H(L));
+typeof window < "u" && (window.MakeThisBetter = Bi, document.addEventListener("turbo:load", () => {
+  R && !document.getElementById("mtb-widget-host") && (w?.destroy(), w = new B(R));
 }));
 export {
-  Hi as MakeThisBetter
+  Bi as MakeThisBetter
 };
 //# sourceMappingURL=makethisbetter.esm.js.map