makethisbetter 1.5.0 → 1.5.2

package/dist/makethisbetter.esm.js

@@ -1,9 +1,9 @@
-const pt = '*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:host{all:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:#191a1c;-webkit-font-smoothing:antialiased}:host([data-mtb-theme="dark"]) .mtb-popup,:host([data-mtb-theme="dark"]) .mtb-success{background:#151719;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-popup-header{border-bottom-color:#ffffff1a}:host([data-mtb-theme="dark"]) .mtb-popup-title,:host([data-mtb-theme="dark"]) .mtb-success-title{color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-quick-option,:host([data-mtb-theme="dark"]) .mtb-textarea{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-popup-close,:host([data-mtb-theme="dark"]) .mtb-success-msg,:host([data-mtb-theme="dark"]) .mtb-close-link{color:#ffffffad}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-popup,:host([data-mtb-theme="auto"]) .mtb-success{background:#151719;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-popup-header{border-bottom-color:#ffffff1a}:host([data-mtb-theme="auto"]) .mtb-popup-title,:host([data-mtb-theme="auto"]) .mtb-success-title{color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-quick-option,:host([data-mtb-theme="auto"]) .mtb-textarea{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-popup-close,:host([data-mtb-theme="auto"]) .mtb-success-msg,:host([data-mtb-theme="auto"]) .mtb-close-link{color:#ffffffad}}.mtb-tab{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:2147483646;display:flex;align-items:center;justify-content:center;width:32px;padding:14px 0;background:#059669;color:#fff;border-radius:8px 0 0 8px;cursor:pointer;box-shadow:-2px 0 14px #05966959;transition:background .15s,box-shadow .15s,width .15s;writing-mode:vertical-lr;text-orientation:mixed;font-size:12px;font-weight:600;letter-spacing:.04em;user-select:none;border:none;outline:none}.mtb-tab.left{right:auto;left:0;border-radius:0 8px 8px 0;box-shadow:2px 0 14px #05966959}.mtb-tab:hover{background:#047857;box-shadow:-3px 0 20px #05966980}.mtb-tab.active{background:#065f46}.mtb-toolbar{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:2147483647;display:flex;align-items:center;gap:11px;height:46px;padding:0 7px;border-radius:13px;background:linear-gradient(120deg,#10b981,#059669);box-shadow:0 10px 26px #0f172a38;animation:mtbBarIn .2s ease;white-space:nowrap}@keyframes mtbBarIn{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.mtb-toolbar-modes{display:flex;align-items:center;gap:3px;background:#ffffff29;border-radius:9px;padding:3px}.mtb-toolbar-mode-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:7px;border:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:550;white-space:nowrap;background:transparent;color:#fffffff2;transition:all .12s}.mtb-toolbar-mode-btn.active{background:#fff;color:#047857}.mtb-toolbar-hint{font-size:12px;color:#fffffff2;white-space:nowrap}.mtb-toolbar-sep{width:1px;height:20px;background:#ffffff38}.mtb-exit-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:8px;font-size:11.5px;font-weight:500;color:#fff;cursor:pointer;background:#ffffff29;border:none;font-family:inherit;transition:background .12s}.mtb-exit-btn:hover{background:#ffffff47}.mtb-overlay{position:fixed;inset:0;z-index:2147483640;cursor:crosshair}.mtb-dim{position:fixed;inset:0;z-index:2147483639;background:#00000014}.mtb-highlight{position:fixed;z-index:2147483641;pointer-events:none;border:2px solid #10b981;border-radius:6px;background:#10b9810f;transition:all .08s ease}.mtb-highlight-tooltip{position:fixed;z-index:2147483642;pointer-events:none;transform:translate(-50%);background:#064e3b;color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #0000002e}.mtb-highlight-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#064e3b}.mtb-draw-svg{position:fixed;inset:0;z-index:2147483643;pointer-events:none;width:100%;height:100%;overflow:visible}.mtb-pin{position:fixed;z-index:2147483644;pointer-events:none;width:22px;height:22px;border-radius:50% 50% 50% 2px;background:#059669;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700;box-shadow:0 2px 8px #05966973;animation:mtbPinPop .25s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%,-50%)}@keyframes mtbPinPop{0%{transform:translate(-50%,-50%) scale(.4)}to{transform:translate(-50%,-50%) scale(1)}}.mtb-popup{position:fixed;z-index:2147483645;width:320px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;box-shadow:0 12px 40px #00000029;overflow:hidden;animation:mtbSlideUp .28s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes mtbSlideUp{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mtb-popup-header{padding:11px 13px 11px 14px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:8px}.mtb-popup-icon{width:20px;height:20px;border-radius:5px;background:#10b9811a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtb-popup-title{flex:1;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#191a1c}.mtb-popup-close{background:none;border:none;cursor:pointer;padding:3px;color:#00000061;display:flex;align-items:center;border-radius:4px;transition:color .12s}.mtb-popup-close:hover{color:#000000b3}.mtb-popup-body{padding:13px}.mtb-quick-options{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.mtb-quick-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.09);border-radius:10px;background:#fafafa;cursor:pointer;font-family:inherit;font-size:13px;color:#191a1c;text-align:left;transition:all .12s}.mtb-quick-option:hover{background:#10b9810f;border-color:#10b9814d}.mtb-quick-option-emoji{font-size:15px;flex-shrink:0;line-height:1}.mtb-textarea-wrap{position:relative}.mtb-textarea{width:100%;height:64px;padding:9px 11px;border:1px solid rgba(0,0,0,.12);border-radius:9px;font-family:inherit;font-size:12.5px;line-height:1.5;color:#191a1c;outline:none;background:#fff;resize:none;transition:border-color .12s,box-shadow .12s}.mtb-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.mtb-textarea::placeholder{color:#00000057}.mtb-popup-error{margin-top:8px;color:#b91c1c;font-size:11.5px}.mtb-popup-error:empty,.mtb-popup-error[hidden]{display:none}.mtb-popup-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.mtb-cancel-btn,.mtb-submit-btn{min-width:72px;height:30px;border:none;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-cancel-btn{background:#f3f4f6;color:#000000ad}.mtb-cancel-btn:hover{background:#e5e7eb}.mtb-submit-btn{background:#d1d5db;color:#fff}.mtb-submit-btn.ready{background:#059669}.mtb-submit-btn.ready:hover{background:#047857}.mtb-submit-btn.loading{background:#059669;opacity:.7;cursor:wait}.mtb-submit-btn:disabled{cursor:not-allowed}.mtb-success{position:fixed;z-index:2147483645;width:300px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 20px 60px #0000001f;padding:26px 22px;text-align:center;animation:mtbSlideUp .35s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mtb-success-icon{width:44px;height:44px;border-radius:50%;background:#05966914;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.mtb-success-title{font-size:16px;font-weight:700;margin-bottom:6px;color:#191a1c}.mtb-success-msg{font-size:13px;color:#0000008c;margin-bottom:16px;line-height:1.6}.mtb-close-link{background:none;border:none;cursor:pointer;font-size:12px;color:#00000073;font-family:inherit;transition:color .12s}.mtb-close-link:hover{color:#000000b3}.mtb-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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:host([data-mtb-theme="dark"]) .mtb-frustration-prompt{background:#151719;border-color:#ffffff1f;color:#f9fafb}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-frustration-prompt{background:#151719;border-color:#ffffff1f;color:#f9fafb}}.mtb-frustration-icon{width:32px;height:32px;border-radius:50%;background:#eab3081a;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;line-height:1}.mtb-frustration-text{font-size:13px;font-weight:500;color:inherit;line-height:1.4}.mtb-frustration-actions{display:flex;gap:6px;flex-shrink:0}.mtb-frustration-tell{height:28px;padding:0 12px;border:none;border-radius:7px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-frustration-tell:hover{background:#047857}.mtb-frustration-dismiss{height:28px;padding:0 8px;border:none;border-radius:7px;background:transparent;color:#0006;cursor:pointer;font-family:inherit;font-size:12px;transition:color .12s}.mtb-frustration-dismiss:hover{color:#000000b3}:host([data-mtb-theme="dark"]) .mtb-frustration-dismiss{color:#fff6}:host([data-mtb-theme="dark"]) .mtb-frustration-dismiss:hover{color:#ffffffb3}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-frustration-dismiss{color:#fff6}:host([data-mtb-theme="auto"]) .mtb-frustration-dismiss:hover{color:#ffffffb3}}.mtb-record-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:2147483647;display:flex;align-items:center;gap:12px;height:42px;padding:0 8px 0 14px;border-radius:12px;background:#0f172aeb;box-shadow:0 8px 24px #00000040;animation:mtbBarIn .2s ease}.mtb-record-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:mtbRecordPulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes mtbRecordPulse{0%,to{opacity:1}50%{opacity:.3}}.mtb-record-timer{font-family:JetBrains Mono,SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;font-weight:500;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:38px}.mtb-record-stop{height:28px;padding:0 14px;border:none;border-radius:7px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-record-stop:hover{background:#047857}.mtb-click-ripple{position:fixed;z-index:2147483644;width:24px;height:24px;border-radius:50%;border:2px solid #10b981;background:#10b98133;pointer-events:none;transform:translate(-50%,-50%) scale(.5);animation:mtbClickRipple .3s ease-out forwards}@keyframes mtbClickRipple{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.mtb-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#fff;animation:mtbDot 1.2s infinite}.mtb-dot:nth-child(2){animation-delay:.2s}.mtb-dot:nth-child(3){animation-delay:.4s}@keyframes mtbDot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.mtb-clarify{position:fixed;z-index:2147483645;width:320px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 20px 60px #0000001f;display:flex;flex-direction:column;animation:mtbSlideUp .35s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.mtb-clarify-header{padding:10px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06)}.mtb-clarify-icon{width:26px;height:26px;border-radius:50%;background:#05966914;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtb-clarify-skip{background:none;border:none;cursor:pointer;font-size:12px;color:#00000073;font-family:inherit;transition:color .12s}.mtb-clarify-skip:hover{color:#000000b3}.mtb-clarify-messages{flex:1;max-height:240px;overflow-y:auto;padding:12px 13px;display:flex;flex-direction:column;gap:8px}.mtb-clarify-bubble{max-width:85%;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.5;word-wrap:break-word}.mtb-clarify-ai{align-self:flex-start;background:#f3f4f6;color:#191a1c;border-bottom-left-radius:4px}.mtb-clarify-user{align-self:flex-end;background:#059669;color:#fff;border-bottom-right-radius:4px}.mtb-clarify-thinking{display:flex;align-items:center;gap:3px;padding:10px 16px}.mtb-clarify-thinking .mtb-dot{background:#9ca3af}.mtb-clarify-footer{padding:10px 13px;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:8px}.mtb-clarify-input{flex:1;height:32px;padding:0 10px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-family:inherit;font-size:12.5px;color:#191a1c;outline:none;background:#fff;transition:border-color .12s,box-shadow .12s}.mtb-clarify-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.mtb-clarify-input::placeholder{color:#00000057}.mtb-clarify-send{height:32px;padding:0 14px;border:none;border-radius:8px;background:#d1d5db;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s;flex-shrink:0}.mtb-clarify-send:not(:disabled){background:#059669}.mtb-clarify-send:not(:disabled):hover{background:#047857}.mtb-clarify-send:disabled{cursor:not-allowed}:host([data-mtb-theme="dark"]) .mtb-clarify{background:#151719;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-clarify-header{border-bottom-color:#ffffff1a}:host([data-mtb-theme="dark"]) .mtb-clarify-footer{border-top-color:#ffffff1a}:host([data-mtb-theme="dark"]) .mtb-clarify-skip{color:#ffffff73}:host([data-mtb-theme="dark"]) .mtb-clarify-skip:hover{color:#ffffffb3}:host([data-mtb-theme="dark"]) .mtb-clarify-ai{background:#1f2327;color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-clarify-input{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-clarify{background:#151719;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-clarify-header{border-bottom-color:#ffffff1a}:host([data-mtb-theme="auto"]) .mtb-clarify-footer{border-top-color:#ffffff1a}:host([data-mtb-theme="auto"]) .mtb-clarify-skip{color:#ffffff73}:host([data-mtb-theme="auto"]) .mtb-clarify-skip:hover{color:#ffffffb3}:host([data-mtb-theme="auto"]) .mtb-clarify-ai{background:#1f2327;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-clarify-input{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}}';
-class ft {
+const bt = '*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:host{all:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:#191a1c;-webkit-font-smoothing:antialiased}:host([data-mtb-theme="dark"]) .mtb-popup,:host([data-mtb-theme="dark"]) .mtb-success{background:#151719;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-popup-header{border-bottom-color:#ffffff1a}:host([data-mtb-theme="dark"]) .mtb-popup-title,:host([data-mtb-theme="dark"]) .mtb-success-title{color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-quick-option,:host([data-mtb-theme="dark"]) .mtb-textarea{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="dark"]) .mtb-popup-close,:host([data-mtb-theme="dark"]) .mtb-success-msg,:host([data-mtb-theme="dark"]) .mtb-close-link{color:#ffffffad}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-popup,:host([data-mtb-theme="auto"]) .mtb-success{background:#151719;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-popup-header{border-bottom-color:#ffffff1a}:host([data-mtb-theme="auto"]) .mtb-popup-title,:host([data-mtb-theme="auto"]) .mtb-success-title{color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-quick-option,:host([data-mtb-theme="auto"]) .mtb-textarea{background:#1f2327;border-color:#ffffff1f;color:#f9fafb}:host([data-mtb-theme="auto"]) .mtb-popup-close,:host([data-mtb-theme="auto"]) .mtb-success-msg,:host([data-mtb-theme="auto"]) .mtb-close-link{color:#ffffffad}}.mtb-tab{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:2147483646;display:flex;align-items:center;justify-content:center;width:32px;padding:14px 0;background:#059669;color:#fff;border-radius:8px 0 0 8px;cursor:pointer;box-shadow:-2px 0 14px #05966959;transition:background .15s,box-shadow .15s,width .15s;writing-mode:vertical-lr;text-orientation:mixed;font-size:12px;font-weight:600;letter-spacing:.04em;user-select:none;border:none;outline:none}.mtb-tab.left{right:auto;left:0;border-radius:0 8px 8px 0;box-shadow:2px 0 14px #05966959}.mtb-tab:hover{background:#047857;box-shadow:-3px 0 20px #05966980}.mtb-tab.active{background:#065f46}.mtb-toolbar{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:2147483647;display:flex;align-items:center;gap:11px;height:46px;padding:0 7px;border-radius:13px;background:linear-gradient(120deg,#10b981,#059669);box-shadow:0 10px 26px #0f172a38;animation:mtbBarIn .2s ease;white-space:nowrap}@keyframes mtbBarIn{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.mtb-toolbar-modes{display:flex;align-items:center;gap:3px;background:#ffffff29;border-radius:9px;padding:3px}.mtb-toolbar-mode-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:7px;border:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:550;white-space:nowrap;background:transparent;color:#fffffff2;transition:all .12s}.mtb-toolbar-mode-btn.active{background:#fff;color:#047857}.mtb-toolbar-hint{font-size:12px;color:#fffffff2;white-space:nowrap}.mtb-toolbar-sep{width:1px;height:20px;background:#ffffff38}.mtb-exit-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:8px;font-size:11.5px;font-weight:500;color:#fff;cursor:pointer;background:#ffffff29;border:none;font-family:inherit;transition:background .12s}.mtb-exit-btn:hover{background:#ffffff47}.mtb-overlay{position:fixed;inset:0;z-index:2147483640;cursor:crosshair}.mtb-dim{position:fixed;inset:0;z-index:2147483639;background:#00000014}.mtb-highlight{position:fixed;z-index:2147483641;pointer-events:none;border:2px solid #10b981;border-radius:6px;background:#10b9810f;transition:all .08s ease}.mtb-highlight-tooltip{position:fixed;z-index:2147483642;pointer-events:none;transform:translate(-50%);background:#064e3b;color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #0000002e}.mtb-highlight-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#064e3b}.mtb-draw-svg{position:fixed;inset:0;z-index:2147483643;pointer-events:none;width:100%;height:100%;overflow:visible}.mtb-pin{position:fixed;z-index:2147483644;pointer-events:none;width:22px;height:22px;border-radius:50% 50% 50% 2px;background:#059669;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700;box-shadow:0 2px 8px #05966973;animation:mtbPinPop .25s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%,-50%)}@keyframes mtbPinPop{0%{transform:translate(-50%,-50%) scale(.4)}to{transform:translate(-50%,-50%) scale(1)}}.mtb-popup{position:fixed;z-index:2147483645;width:320px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;box-shadow:0 12px 40px #00000029;overflow:hidden;animation:mtbSlideUp .28s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes mtbSlideUp{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mtb-popup-header{padding:11px 13px 11px 14px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:8px}.mtb-popup-icon{width:20px;height:20px;border-radius:5px;background:#10b9811a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtb-popup-title{flex:1;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#191a1c}.mtb-popup-close{background:none;border:none;cursor:pointer;padding:3px;color:#00000061;display:flex;align-items:center;border-radius:4px;transition:color .12s}.mtb-popup-close:hover{color:#000000b3}.mtb-popup-body{padding:13px}.mtb-quick-options{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.mtb-quick-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.09);border-radius:10px;background:#fafafa;cursor:pointer;font-family:inherit;font-size:13px;color:#191a1c;text-align:left;transition:all .12s}.mtb-quick-option:hover{background:#10b9810f;border-color:#10b9814d}.mtb-quick-option-emoji{font-size:15px;flex-shrink:0;line-height:1}.mtb-textarea-wrap{position:relative}.mtb-textarea{width:100%;height:64px;padding:9px 11px;border:1px solid rgba(0,0,0,.12);border-radius:9px;font-family:inherit;font-size:12.5px;line-height:1.5;color:#191a1c;outline:none;background:#fff;resize:none;transition:border-color .12s,box-shadow .12s}.mtb-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.mtb-textarea::placeholder{color:#00000057}.mtb-popup-error{margin-top:8px;color:#b91c1c;font-size:11.5px}.mtb-popup-error:empty,.mtb-popup-error[hidden]{display:none}.mtb-popup-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.mtb-cancel-btn,.mtb-submit-btn{min-width:72px;height:30px;border:none;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-cancel-btn{background:#f3f4f6;color:#000000ad}.mtb-cancel-btn:hover{background:#e5e7eb}.mtb-submit-btn{background:#d1d5db;color:#fff}.mtb-submit-btn.ready{background:#059669}.mtb-submit-btn.ready:hover{background:#047857}.mtb-submit-btn.loading{background:#059669;opacity:.7;cursor:wait}.mtb-submit-btn:disabled{cursor:not-allowed}.mtb-success{position:fixed;z-index:2147483645;width:300px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 20px 60px #0000001f;padding:26px 22px;text-align:center;animation:mtbSlideUp .35s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mtb-success-icon{width:44px;height:44px;border-radius:50%;background:#05966914;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.mtb-success-title{font-size:16px;font-weight:700;margin-bottom:6px;color:#191a1c}.mtb-success-msg{font-size:13px;color:#0000008c;margin-bottom:16px;line-height:1.6}.mtb-close-link{background:none;border:none;cursor:pointer;font-size:12px;color:#00000073;font-family:inherit;transition:color .12s}.mtb-close-link:hover{color:#000000b3}.mtb-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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:host([data-mtb-theme="dark"]) .mtb-frustration-prompt{background:#151719;border-color:#ffffff1f;color:#f9fafb}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-frustration-prompt{background:#151719;border-color:#ffffff1f;color:#f9fafb}}.mtb-frustration-icon{width:32px;height:32px;border-radius:50%;background:#eab3081a;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;line-height:1}.mtb-frustration-text{font-size:13px;font-weight:500;color:inherit;line-height:1.4}.mtb-frustration-actions{display:flex;gap:6px;flex-shrink:0}.mtb-frustration-tell{height:28px;padding:0 12px;border:none;border-radius:7px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-frustration-tell:hover{background:#047857}.mtb-frustration-dismiss{height:28px;padding:0 8px;border:none;border-radius:7px;background:transparent;color:#0006;cursor:pointer;font-family:inherit;font-size:12px;transition:color .12s}.mtb-frustration-dismiss:hover{color:#000000b3}:host([data-mtb-theme="dark"]) .mtb-frustration-dismiss{color:#fff6}:host([data-mtb-theme="dark"]) .mtb-frustration-dismiss:hover{color:#ffffffb3}@media (prefers-color-scheme: dark){:host([data-mtb-theme="auto"]) .mtb-frustration-dismiss{color:#fff6}:host([data-mtb-theme="auto"]) .mtb-frustration-dismiss:hover{color:#ffffffb3}}.mtb-record-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:2147483647;display:flex;align-items:center;gap:12px;height:42px;padding:0 8px 0 14px;border-radius:12px;background:#0f172aeb;box-shadow:0 8px 24px #00000040;animation:mtbBarIn .2s ease}.mtb-record-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:mtbRecordPulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes mtbRecordPulse{0%,to{opacity:1}50%{opacity:.3}}.mtb-record-timer{font-family:JetBrains Mono,SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;font-weight:500;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:38px}.mtb-record-stop{height:28px;padding:0 14px;border:none;border-radius:7px;background:#059669;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.mtb-record-stop:hover{background:#047857}.mtb-click-ripple{position:fixed;z-index:2147483644;width:24px;height:24px;border-radius:50%;border:2px solid #10b981;background:#10b98133;pointer-events:none;transform:translate(-50%,-50%) scale(.5);animation:mtbClickRipple .3s ease-out forwards}@keyframes mtbClickRipple{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.mtb-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#fff;animation:mtbDot 1.2s infinite}.mtb-dot:nth-child(2){animation-delay:.2s}.mtb-dot:nth-child(3){animation-delay:.4s}@keyframes mtbDot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.mtb-clarify{position:fixed;z-index:2147483645;width:346px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;box-shadow:0 12px 40px #00000029;display:flex;flex-direction:column;animation:mtbSlideUp .28s cubic-bezier(.34,1.56,.64,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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:9px;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 #10b9811f;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:9px;background:#fff;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:550;color:#0000008c;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:9px;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}: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}}';
+class gt {
   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 = pt, this.root.appendChild(e);
+    e.textContent = bt, this.root.appendChild(e);
   }
   el(t, e) {
     const r = document.createElement(t);
@@ -17,10 +17,10 @@ class ft {
       e.parentNode === this.root && this.root.removeChild(e);
   }
   destroy() {
-    document.body.removeChild(this.host);
+    this.host.remove();
   }
 }
-class bt {
+class yt {
   constructor(t, e, r, s, n) {
     this.onClick = s, this.el = t.el("button", "mtb-tab"), r === "left" && this.el.classList.add("left");
     const o = n ?? e.tab;
@@ -33,8 +33,8 @@ class bt {
     this.el.removeEventListener("click", this.onClick), this.el.remove();
   }
 }
-const gt = 8e3;
-class yt {
+const xt = 8e3;
+class wt {
   constructor(t, e, r) {
     this.el = t.el("div", "mtb-frustration-prompt"), this.el.innerHTML = `
       <div class="mtb-frustration-icon">&#9888;&#65039;</div>
@@ -43,13 +43,13 @@ class yt {
         <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, gt);
+    `, 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, xt);
   }
   destroy() {
     this.el.remove();
   }
 }
-class wt {
+class kt {
   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");
@@ -86,7 +86,7 @@ class wt {
     this.el.remove();
   }
 }
-class xt {
+class vt {
   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);
   }
@@ -94,7 +94,7 @@ class xt {
     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 kt {
+class St {
   constructor(t) {
     this.highlightEl = t.el("div", "mtb-highlight"), this.hide(), t.append(this.highlightEl);
   }
@@ -109,7 +109,7 @@ class kt {
     this.highlightEl.remove();
   }
 }
-function vt(i) {
+function Et(i) {
   if (i instanceof HTMLElement) {
     const t = i.getAttribute("aria-label");
     if (t) return t;
@@ -126,7 +126,7 @@ function vt(i) {
   }
   return i.tagName.toLowerCase();
 }
-function St(i) {
+function Ct(i) {
   const t = [];
   let e = i;
   for (; e && e !== document.body && t.length < 5; ) {
@@ -151,7 +151,7 @@ function St(i) {
   }
   return t.join(" > ");
 }
-class Et {
+class _t {
   constructor(t) {
     this.pins = [], this.shadow = t;
   }
@@ -167,19 +167,19 @@ class Et {
     this.clearAll();
   }
 }
-const A = "#059669", w = {
-  color: A,
+const et = "#059669", v = {
+  color: et,
   width: "3.5",
   linecap: "round",
   linejoin: "round",
   filter: "drop-shadow(0 1px 2px rgba(5,150,105,0.35))"
 };
-class Ct {
+class Tt {
   constructor(t, e) {
     this.path = null, this.points = [], this.isDrawing = !1, this.onDrawComplete = e, this.svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"), this.svg.setAttribute("class", "mtb-draw-svg"), t.append(this.svg);
   }
   startDraw(t, e) {
-    this.isDrawing = !0, this.points = [[t, e]], this.path = document.createElementNS("http://www.w3.org/2000/svg", "path"), this.path.setAttribute("fill", "none"), this.path.setAttribute("stroke", w.color), this.path.setAttribute("stroke-width", w.width), this.path.setAttribute("stroke-linecap", w.linecap), this.path.setAttribute("stroke-linejoin", w.linejoin), this.path.setAttribute("style", `filter:${w.filter}`), this.svg.appendChild(this.path);
+    this.isDrawing = !0, this.points = [[t, e]], this.path = document.createElementNS("http://www.w3.org/2000/svg", "path"), this.path.setAttribute("fill", "none"), this.path.setAttribute("stroke", v.color), this.path.setAttribute("stroke-width", v.width), this.path.setAttribute("stroke-linecap", v.linecap), this.path.setAttribute("stroke-linejoin", v.linejoin), this.path.setAttribute("style", `filter:${v.filter}`), this.svg.appendChild(this.path);
   }
   continueDraw(t, e) {
     !this.isDrawing || !this.path || (this.points.push([t, e]), this.path.setAttribute("d", this.buildPathD()));
@@ -229,12 +229,12 @@ class Ct {
     this.svg.remove();
   }
 }
-const _t = 5;
+const Mt = 5;
 class H {
   constructor(t, e, r) {
-    this.messages = e, this.onReady = r, this.pinCount = 0, this.interactionActive = !0, this.pendingHighlightFrame = null, this.lastMoveX = 0, this.lastMoveY = 0, this.highlighter = new kt(t), this.pinMarker = new Et(t), this.drawLayer = new Ct(t, (s) => {
+    this.messages = e, this.onReady = r, this.pinCount = 0, this.interactionActive = !0, this.pendingHighlightFrame = null, this.lastMoveX = 0, this.lastMoveY = 0, this.highlighter = new St(t), this.pinMarker = new _t(t), this.drawLayer = new Tt(t, (s) => {
       this.onReady(s, this.messages.annotation.drawing);
-    }), this.overlay = new xt(t, {
+    }), this.overlay = new vt(t, {
       onMouseDown: (s) => this.handleMouseDown(s),
       onMouseMove: (s) => this.handleMouseMove(s),
       onMouseUp: (s) => this.handleMouseUp(s),
@@ -257,7 +257,7 @@ class H {
   }
   updateHighlight() {
     if (!this.interactionActive || this.drawLayer.isCurrentlyDrawing()) return;
-    const t = $(this.lastMoveX, this.lastMoveY);
+    const t = O(this.lastMoveX, this.lastMoveY);
     t ? this.highlighter.highlight(t) : this.highlighter.hide();
   }
   cancelPendingHighlight() {
@@ -265,16 +265,16 @@ class H {
   }
   handleMouseUp(t) {
     if (!this.drawLayer.isCurrentlyDrawing()) return;
-    if (this.drawLayer.getPointCount() >= _t) {
+    if (this.drawLayer.getPointCount() >= Mt) {
       this.drawLayer.endDraw();
       return;
     }
     this.drawLayer.cancelCurrentDraw();
-    const e = $(t.clientX, t.clientY), r = e ? vt(e) : this.messages.annotation.element, s = {
+    const e = O(t.clientX, t.clientY), r = e ? Et(e) : this.messages.annotation.element, s = {
       type: "pin",
       x: t.clientX,
       y: t.clientY,
-      targetSelector: e ? St(e) : void 0,
+      targetSelector: e ? Ct(e) : void 0,
       targetText: e?.textContent?.trim().slice(0, 200) ?? "",
       targetName: r
     };
@@ -287,10 +287,10 @@ class H {
     this.dismissInteraction(), this.pinMarker.destroy(), this.drawLayer.destroy();
   }
 }
-function $(i, t) {
+function O(i, t) {
   return document.elementsFromPoint(i, t).find((e) => e.id !== "mtb-widget-host") ?? null;
 }
-class Mt {
+class Lt {
   constructor(t, e) {
     this.loading = !1, this.onSubmit = e.onSubmit, this.onClose = e.onClose, this.submitLabel = e.messages.popup.submit, this.el = t.el("div", "mtb-popup"), this.el.innerHTML = this.buildHTML(e), t.append(this.el), this.textarea = this.el.querySelector(".mtb-textarea"), this.submitBtn = this.el.querySelector(".mtb-submit-btn"), this.positionPopup(e.x, e.y), this.bindEvents(e.messages), e.onMyFeedback && this.el.querySelector(".mtb-my-feedback").addEventListener("click", e.onMyFeedback), this.textarea.focus();
   }
@@ -368,72 +368,121 @@ class Mt {
 function p(i) {
   return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const Tt = 2e3, Lt = 2e3;
-class Rt {
+const At = 2e3, Dt = 2e3, Rt = 45e3, L = 346, A = 320;
+class Pt {
   constructor(t, e) {
-    this.pollTimer = null, this.doneTimer = null, this.sending = !1, this.destroyed = !1, this.feedbackId = e.feedbackId, this.apiClient = e.apiClient, this.onDone = e.onDone, this.el = t.el("div", "mtb-clarify"), this.el.style.right = "20px", this.el.style.bottom = "20px", this.el.innerHTML = this.buildHTML(e.messages), t.append(this.el), this.messagesEl = this.el.querySelector(".mtb-clarify-messages"), this.inputEl = this.el.querySelector(".mtb-clarify-input"), this.sendBtn = this.el.querySelector(".mtb-clarify-send"), this.bindEvents(e.messages), this.startConversation();
+    this.pollTimer = null, this.pollDeadline = 0, this.doneTimer = null, this.streamingBubble = null, this.sending = !1, this.destroyed = !1, this.feedbackId = e.feedbackId, this.apiClient = e.apiClient, this.onDone = e.onDone, this.el = t.el("div", "mtb-clarify"), this.el.innerHTML = this.buildHTML(e.messages), this.positionCard(e.x, e.y), t.append(this.el), this.messagesEl = this.el.querySelector(".mtb-clarify-messages"), this.inputEl = this.el.querySelector(".mtb-clarify-input"), this.sendBtn = this.el.querySelector(".mtb-clarify-send"), this.bindEvents(e.messages), this.startConversation();
+  }
+  // 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 = window.innerWidth, s = window.innerHeight, n = 12;
+    if (t === void 0 || e === void 0) {
+      this.el.style.left = `${Math.max(n, (r - L) / 2)}px`, this.el.style.top = `${Math.max(n, (s - A) / 2)}px`;
+      return;
+    }
+    let o = t + 12, a = e + 12;
+    o + L > r - n && (o = t - L - 12), o < n && (o = n), a + A > s - n && (a = s - A - n), a < n && (a = n), this.el.style.left = `${o}px`, this.el.style.top = `${a}px`;
   }
   buildHTML(t) {
     return `
       <div class="mtb-clarify-header">
-        <div class="mtb-clarify-icon">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${A}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
+        <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">
+            <path d="M12 3l1.6 5.4L19 10l-5.4 1.6L12 17l-1.6-5.4L5 10l5.4-1.6L12 3z"/>
           </svg>
+        </span>
+        <div class="mtb-clarify-titles">
+          <div class="mtb-clarify-title">${b(t.clarify.title)}</div>
+          <div class="mtb-clarify-subtitle">${b(t.clarify.subtitle)}</div>
         </div>
-        <button class="mtb-clarify-skip">${M(t.clarify.skip)}</button>
+        <button class="mtb-clarify-close" type="button" title="${b(t.clarify.skip)}" aria-label="${b(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">
+            <path d="M18 6L6 18M6 6l12 12"/>
+          </svg>
+        </button>
       </div>
       <div class="mtb-clarify-messages"></div>
       <div class="mtb-clarify-footer">
-        <input class="mtb-clarify-input" type="text" placeholder="${M(t.clarify.placeholder)}" />
-        <button class="mtb-clarify-send" disabled>${M(t.clarify.send)}</button>
+        <textarea class="mtb-clarify-input" rows="2" placeholder="${b(t.clarify.placeholder)}"></textarea>
+        <div class="mtb-clarify-actions">
+          <button class="mtb-clarify-skip" type="button">${b(t.clarify.skip)}</button>
+          <button class="mtb-clarify-send" 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>${b(t.clarify.send)}</span>
+          </button>
+        </div>
       </div>
     `;
   }
   bindEvents(t) {
-    this.el.querySelector(".mtb-clarify-skip").addEventListener("click", () => {
+    const e = () => {
       this.stopPolling(), this.onDone();
-    }), this.inputEl.addEventListener("input", () => {
-      const e = this.inputEl.value.trim().length > 0;
-      this.sendBtn.disabled = !e || this.sending;
-    }), this.inputEl.addEventListener("keydown", (e) => {
-      e.isComposing || e.keyCode === 229 || e.key === "Enter" && (e.preventDefault(), this.sendMessage(t));
+    };
+    this.el.querySelector(".mtb-clarify-skip").addEventListener("click", e), this.el.querySelector(".mtb-clarify-close").addEventListener("click", e), this.inputEl.addEventListener("keydown", (r) => {
+      r.isComposing || r.keyCode === 229 || r.key === "Enter" && !r.shiftKey && (r.preventDefault(), this.sendMessage(t));
     }), this.sendBtn.addEventListener("click", () => this.sendMessage(t));
   }
   async startConversation() {
-    this.showThinking();
-    try {
-      const t = await this.apiClient.startClarification(this.feedbackId);
-      if (this.destroyed) return;
-      this.renderConversation(t.messages, t.done), t.done ? this.handleDone() : this.startPolling();
-    } catch {
-      if (this.destroyed) return;
-      this.onDone();
-    }
+    this.showThinking(), await this.runTurn(void 0);
   }
   async sendMessage(t) {
     const e = this.inputEl.value.trim();
     if (!(!e || this.sending)) {
       this.sending = !0, this.inputEl.disabled = !0, this.sendBtn.disabled = !0, this.stopPolling(), this.appendMessage({ role: "user", content: e }), this.inputEl.value = "", this.showThinking();
       try {
-        const r = await this.apiClient.startClarification(this.feedbackId, e);
-        if (this.destroyed) return;
-        this.renderConversation(r.messages, r.done), r.done ? this.handleDone() : this.startPolling();
-      } catch {
-        if (this.destroyed) return;
-        this.onDone();
+        await this.runTurn(e);
       } finally {
-        this.sending = !1, this.inputEl.disabled = !1, this.sendBtn.disabled = this.inputEl.value.trim().length === 0, this.inputEl.focus();
+        this.sending = !1, this.inputEl.disabled = !1, this.sendBtn.disabled = !1, this.inputEl.focus();
       }
     }
   }
+  // Streams the assistant reply; falls back to POST + polling if the backend
+  // doesn't support SSE (older server) or the stream errors mid-flight.
+  async runTurn(t) {
+    try {
+      const e = await this.apiClient.streamClarification(
+        this.feedbackId,
+        t,
+        (r) => this.appendStreamDelta(r)
+      );
+      if (this.destroyed) return;
+      this.endStreamingBubble(), this.renderConversation(e.messages, e.done), e.done ? this.handleDone() : this.startPolling();
+    } catch {
+      if (this.destroyed) return;
+      this.endStreamingBubble(), await this.runTurnViaPolling(t);
+    }
+  }
+  async runTurnViaPolling(t) {
+    try {
+      const e = await this.apiClient.startClarification(this.feedbackId, t);
+      if (this.destroyed) return;
+      this.renderConversation(e.messages, e.done), e.done ? this.handleDone() : this.startPolling();
+    } catch {
+      if (this.destroyed) return;
+      this.onDone();
+    }
+  }
+  appendStreamDelta(t) {
+    this.streamingBubble || (this.removeThinking(), this.streamingBubble = document.createElement("div"), this.streamingBubble.className = "mtb-clarify-bubble mtb-clarify-ai", this.messagesEl.appendChild(this.streamingBubble)), this.streamingBubble.textContent = (this.streamingBubble.textContent ?? "") + t, this.messagesEl.scrollTop = this.messagesEl.scrollHeight;
+  }
+  endStreamingBubble() {
+    this.streamingBubble = null;
+  }
   startPolling() {
-    this.stopPolling(), this.pollTimer = setInterval(() => this.poll(), Tt);
+    this.stopPolling(), this.pollDeadline = Date.now() + Rt, this.pollTimer = setInterval(() => this.poll(), At);
   }
   stopPolling() {
     this.pollTimer !== null && (clearInterval(this.pollTimer), this.pollTimer = null);
   }
   async poll() {
+    if (Date.now() > this.pollDeadline) {
+      this.stopPolling(), this.handleDone();
+      return;
+    }
     try {
       const t = await this.apiClient.getClarification(this.feedbackId);
       if (this.destroyed) return;
@@ -446,7 +495,7 @@ class Rt {
   handleDone() {
     this.inputEl.disabled = !0, this.sendBtn.disabled = !0, this.doneTimer = setTimeout(() => {
       this.destroyed || this.onDone();
-    }, Lt);
+    }, Dt);
   }
   renderConversation(t, e) {
     this.renderMessages(t);
@@ -464,18 +513,22 @@ class Rt {
     e.className = t.role === "user" ? "mtb-clarify-bubble mtb-clarify-user" : "mtb-clarify-bubble mtb-clarify-ai", e.textContent = t.content, this.messagesEl.appendChild(e), this.messagesEl.scrollTop = this.messagesEl.scrollHeight;
   }
   showThinking() {
+    if (this.messagesEl.querySelector(".mtb-clarify-thinking")) return;
     const t = document.createElement("div");
     t.className = "mtb-clarify-bubble mtb-clarify-ai mtb-clarify-thinking", t.innerHTML = '<span class="mtb-dot"></span><span class="mtb-dot"></span><span class="mtb-dot"></span>', this.messagesEl.appendChild(t), this.messagesEl.scrollTop = this.messagesEl.scrollHeight;
   }
+  removeThinking() {
+    this.messagesEl.querySelector(".mtb-clarify-thinking")?.remove();
+  }
   destroy() {
     this.destroyed = !0, this.stopPolling(), this.doneTimer !== null && (clearTimeout(this.doneTimer), this.doneTimer = null), this.el.remove();
   }
 }
-function M(i) {
+function b(i) {
   return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const At = 5e3, Dt = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-class Pt {
+const It = 5e3, $t = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+class Ht {
   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}</button>` : "", c = n?.emailCapture ? `
@@ -489,7 +542,7 @@ class Pt {
       </div>` : "";
     this.el.innerHTML = `
       <div class="mtb-success-icon">
-        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="${A}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="${et}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
           <polyline points="20 6 9 17 4 12"/>
         </svg>
       </div>
@@ -498,12 +551,12 @@ class Pt {
       ${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(), At);
+    `, 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(), It);
   }
   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 (!Dt.test(o)) {
+      if (!$t.test(o)) {
         e.classList.add("mtb-email-invalid");
         return;
       }
@@ -517,7 +570,7 @@ class Pt {
     this.el.remove();
   }
 }
-function Ht(i, t) {
+function Ot(i, t) {
   if (i.match(/^[a-z]+:\/\//i))
     return i;
   if (i.match(/^\/\//))
@@ -527,7 +580,7 @@ function Ht(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 $t = /* @__PURE__ */ (() => {
+const Ft = /* @__PURE__ */ (() => {
   let i = 0;
   const t = () => (
     // eslint-disable-next-line no-bitwise
@@ -535,33 +588,33 @@ const $t = /* @__PURE__ */ (() => {
   );
   return () => (i += 1, `u${t()}${i}`);
 })();
-function m(i) {
+function f(i) {
   const t = [];
   for (let e = 0, r = i.length; e < r; e++)
     t.push(i[e]);
   return t;
 }
-let b = null;
-function Z(i = {}) {
-  return b || (i.includeStyleProperties ? (b = i.includeStyleProperties, b) : (b = m(window.getComputedStyle(document.documentElement)), b));
+let y = null;
+function it(i = {}) {
+  return y || (i.includeStyleProperties ? (y = i.includeStyleProperties, y) : (y = f(window.getComputedStyle(document.documentElement)), y));
 }
-function S(i, t) {
+function _(i, t) {
   const r = (i.ownerDocument.defaultView || window).getComputedStyle(i).getPropertyValue(t);
   return r ? parseFloat(r.replace("px", "")) : 0;
 }
-function It(i) {
-  const t = S(i, "border-left-width"), e = S(i, "border-right-width");
+function Ut(i) {
+  const t = _(i, "border-left-width"), e = _(i, "border-right-width");
   return i.clientWidth + t + e;
 }
-function Ft(i) {
-  const t = S(i, "border-top-width"), e = S(i, "border-bottom-width");
+function jt(i) {
+  const t = _(i, "border-top-width"), e = _(i, "border-bottom-width");
   return i.clientHeight + t + e;
 }
-function tt(i, t = {}) {
-  const e = t.width || It(i), r = t.height || Ft(i);
+function rt(i, t = {}) {
+  const e = t.width || Ut(i), r = t.height || jt(i);
   return { width: e, height: r };
 }
-function Ot() {
+function Bt() {
   let i, t;
   try {
     t = process;
@@ -570,11 +623,11 @@ function Ot() {
   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 h = 16384;
-function Ut(i) {
-  (i.width > h || i.height > h) && (i.width > h && i.height > h ? i.width > i.height ? (i.height *= h / i.width, i.width = h) : (i.width *= h / i.height, i.height = h) : i.width > h ? (i.height *= h / i.width, i.width = h) : (i.width *= h / i.height, i.height = h));
+const u = 16384;
+function zt(i) {
+  (i.width > u || i.height > u) && (i.width > u && i.height > u ? i.width > i.height ? (i.height *= u / i.width, i.width = u) : (i.width *= u / i.height, i.height = u) : i.width > u ? (i.height *= u / i.width, i.width = u) : (i.width *= u / i.height, i.height = u));
 }
-function E(i) {
+function T(i) {
   return new Promise((t, e) => {
     const r = new Image();
     r.onload = () => {
@@ -584,12 +637,12 @@ function E(i) {
     }, r.onerror = e, r.crossOrigin = "anonymous", r.decoding = "async", r.src = i;
   });
 }
-async function jt(i) {
+async function qt(i) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(i)).then(encodeURIComponent).then((t) => `data:image/svg+xml;charset=utf-8,${t}`);
 }
-async function zt(i, t, e) {
+async function Wt(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), jt(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), qt(s);
 }
 const d = (i, t) => {
   if (i instanceof t)
@@ -597,67 +650,67 @@ const d = (i, t) => {
   const e = Object.getPrototypeOf(i);
   return e === null ? !1 : e.constructor.name === t.name || d(e, t);
 };
-function Bt(i) {
+function Nt(i) {
   const t = i.getPropertyValue("content");
   return `${i.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
-function qt(i, t) {
-  return Z(t).map((e) => {
+function Vt(i, t) {
+  return it(t).map((e) => {
     const r = i.getPropertyValue(e), s = i.getPropertyPriority(e);
     return `${e}: ${r}${s ? " !important" : ""};`;
   }).join(" ");
 }
-function Wt(i, t, e, r) {
-  const s = `.${i}:${t}`, n = e.cssText ? Bt(e) : qt(e, r);
+function Yt(i, t, e, r) {
+  const s = `.${i}:${t}`, n = e.cssText ? Nt(e) : Vt(e, r);
   return document.createTextNode(`${s}{${n}}`);
 }
-function I(i, t, e, r) {
+function F(i, t, e, r) {
   const s = window.getComputedStyle(i, e), n = s.getPropertyValue("content");
   if (n === "" || n === "none")
     return;
-  const o = $t();
+  const o = Ft();
   try {
     t.className = `${t.className} ${o}`;
   } catch {
     return;
   }
   const a = document.createElement("style");
-  a.appendChild(Wt(o, e, s, r)), t.appendChild(a);
+  a.appendChild(Yt(o, e, s, r)), t.appendChild(a);
 }
-function Nt(i, t, e) {
-  I(i, t, ":before", e), I(i, t, ":after", e);
+function Xt(i, t, e) {
+  F(i, t, ":before", e), F(i, t, ":after", e);
 }
-const F = "application/font-woff", O = "image/jpeg", Vt = {
-  woff: F,
-  woff2: F,
+const U = "application/font-woff", j = "image/jpeg", Gt = {
+  woff: U,
+  woff2: U,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: O,
-  jpeg: O,
+  jpg: j,
+  jpeg: j,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function Yt(i) {
+function Kt(i) {
   const t = /\.([^./]*?)$/g.exec(i);
   return t ? t[1] : "";
 }
-function D(i) {
-  const t = Yt(i).toLowerCase();
-  return Vt[t] || "";
+function I(i) {
+  const t = Kt(i).toLowerCase();
+  return Gt[t] || "";
 }
-function Xt(i) {
+function Jt(i) {
   return i.split(/,/)[1];
 }
-function L(i) {
+function R(i) {
   return i.search(/^(data:)/) !== -1;
 }
-function Kt(i, t) {
+function Qt(i, t) {
   return `data:${t};base64,${i}`;
 }
-async function et(i, t, e) {
+async function st(i, t, e) {
   const r = await fetch(i, t);
   if (r.status === 404)
     throw new Error(`Resource "${r.url}" not found`);
@@ -673,86 +726,86 @@ async function et(i, t, e) {
     }, a.readAsDataURL(s);
   });
 }
-const T = {};
-function Gt(i, t, e) {
+const D = {};
+function Zt(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 P(i, t, e) {
-  const r = Gt(i, t, e.includeQueryParams);
-  if (T[r] != null)
-    return T[r];
+async function $(i, t, e) {
+  const r = Zt(i, t, e.includeQueryParams);
+  if (D[r] != null)
+    return D[r];
   e.cacheBust && (i += (/\?/.test(i) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let s;
   try {
-    const n = await et(i, e.fetchRequestInit, ({ res: o, result: a }) => (t || (t = o.headers.get("Content-Type") || ""), Xt(a)));
-    s = Kt(n, t);
+    const n = await st(i, e.fetchRequestInit, ({ res: o, result: a }) => (t || (t = o.headers.get("Content-Type") || ""), Jt(a)));
+    s = Qt(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 T[r] = s, s;
+  return D[r] = s, s;
 }
-async function Jt(i) {
+async function te(i) {
   const t = i.toDataURL();
-  return t === "data:," ? i.cloneNode(!1) : E(t);
+  return t === "data:," ? i.cloneNode(!1) : T(t);
 }
-async function Qt(i, t) {
+async function ee(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 E(a);
+    return T(a);
   }
-  const e = i.poster, r = D(e), s = await P(e, r, t);
-  return E(s);
+  const e = i.poster, r = I(e), s = await $(e, r, t);
+  return T(s);
 }
-async function Zt(i, t) {
+async function ie(i, t) {
   var e;
   try {
     if (!((e = i?.contentDocument) === null || e === void 0) && e.body)
-      return await C(i.contentDocument.body, t, !0);
+      return await M(i.contentDocument.body, t, !0);
   } catch {
   }
   return i.cloneNode(!1);
 }
-async function te(i, t) {
-  return d(i, HTMLCanvasElement) ? Jt(i) : d(i, HTMLVideoElement) ? Qt(i, t) : d(i, HTMLIFrameElement) ? Zt(i, t) : i.cloneNode(it(i));
+async function re(i, t) {
+  return d(i, HTMLCanvasElement) ? te(i) : d(i, HTMLVideoElement) ? ee(i, t) : d(i, HTMLIFrameElement) ? ie(i, t) : i.cloneNode(nt(i));
 }
-const ee = (i) => i.tagName != null && i.tagName.toUpperCase() === "SLOT", it = (i) => i.tagName != null && i.tagName.toUpperCase() === "SVG";
-async function ie(i, t, e) {
+const se = (i) => i.tagName != null && i.tagName.toUpperCase() === "SLOT", nt = (i) => i.tagName != null && i.tagName.toUpperCase() === "SVG";
+async function ne(i, t, e) {
   var r, s;
-  if (it(t))
+  if (nt(t))
     return t;
   let n = [];
-  return ee(i) && i.assignedNodes ? n = m(i.assignedNodes()) : d(i, HTMLIFrameElement) && (!((r = i.contentDocument) === null || r === void 0) && r.body) ? n = m(i.contentDocument.body.childNodes) : n = m(((s = i.shadowRoot) !== null && s !== void 0 ? s : i).childNodes), n.length === 0 || d(i, HTMLVideoElement) || await n.reduce((o, a) => o.then(() => C(a, e)).then((l) => {
+  return se(i) && i.assignedNodes ? n = f(i.assignedNodes()) : d(i, HTMLIFrameElement) && (!((r = i.contentDocument) === null || r === void 0) && r.body) ? n = f(i.contentDocument.body.childNodes) : n = f(((s = i.shadowRoot) !== null && s !== void 0 ? s : i).childNodes), n.length === 0 || d(i, HTMLVideoElement) || await n.reduce((o, a) => o.then(() => M(a, e)).then((l) => {
     l && t.appendChild(l);
   }), Promise.resolve()), t;
 }
-function re(i, t, e) {
+function oe(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) : Z(e).forEach((n) => {
+  s.cssText ? (r.cssText = s.cssText, r.transformOrigin = s.transformOrigin) : it(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`), d(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 se(i, t) {
+function ae(i, t) {
   d(i, HTMLTextAreaElement) && (t.innerHTML = i.value), d(i, HTMLInputElement) && t.setAttribute("value", i.value);
 }
-function ne(i, t) {
+function le(i, t) {
   if (d(i, HTMLSelectElement)) {
     const e = t, r = Array.from(e.children).find((s) => i.value === s.getAttribute("value"));
     r && r.setAttribute("selected", "");
   }
 }
-function oe(i, t, e) {
-  return d(t, Element) && (re(i, t, e), Nt(i, t, e), se(i, t), ne(i, t)), t;
+function ce(i, t, e) {
+  return d(t, Element) && (oe(i, t, e), Xt(i, t, e), ae(i, t), le(i, t)), t;
 }
-async function ae(i, t) {
+async function de(i, t) {
   const e = i.querySelectorAll ? i.querySelectorAll("use") : [];
   if (e.length === 0)
     return i;
@@ -761,7 +814,7 @@ async function ae(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 C(c, t, !0));
+      !l && c && !r[a] && (r[a] = await M(c, t, !0));
     }
   }
   const s = Object.values(r);
@@ -776,31 +829,31 @@ async function ae(i, t) {
   }
   return i;
 }
-async function C(i, t, e) {
-  return !e && t.filter && !t.filter(i) ? null : Promise.resolve(i).then((r) => te(r, t)).then((r) => ie(i, r, t)).then((r) => oe(i, r, t)).then((r) => ae(r, t));
+async function M(i, t, e) {
+  return !e && t.filter && !t.filter(i) ? null : Promise.resolve(i).then((r) => re(r, t)).then((r) => ne(i, r, t)).then((r) => ce(i, r, t)).then((r) => de(r, t));
 }
-const rt = /url\((['"]?)([^'"]+?)\1\)/g, le = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, ce = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function de(i) {
+const ot = /url\((['"]?)([^'"]+?)\1\)/g, he = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, ue = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function me(i) {
   const t = i.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function he(i) {
+function fe(i) {
   const t = [];
-  return i.replace(rt, (e, r, s) => (t.push(s), e)), t.filter((e) => !L(e));
+  return i.replace(ot, (e, r, s) => (t.push(s), e)), t.filter((e) => !R(e));
 }
-async function ue(i, t, e, r, s) {
+async function pe(i, t, e, r, s) {
   try {
-    const n = e ? Ht(t, e) : t, o = D(t);
+    const n = e ? Ot(t, e) : t, o = I(t);
     let a;
-    return s || (a = await P(n, o, r)), i.replace(de(t), `$1${a}$3`);
+    return s || (a = await $(n, o, r)), i.replace(me(t), `$1${a}$3`);
   } catch {
   }
   return i;
 }
-function me(i, { preferredFontFormat: t }) {
-  return t ? i.replace(ce, (e) => {
+function be(i, { preferredFontFormat: t }) {
+  return t ? i.replace(ue, (e) => {
     for (; ; ) {
-      const [r, , s] = le.exec(e) || [];
+      const [r, , s] = he.exec(e) || [];
       if (!s)
         return "";
       if (s === t)
@@ -808,32 +861,32 @@ function me(i, { preferredFontFormat: t }) {
     }
   }) : i;
 }
-function st(i) {
-  return i.search(rt) !== -1;
+function at(i) {
+  return i.search(ot) !== -1;
 }
-async function nt(i, t, e) {
-  if (!st(i))
+async function lt(i, t, e) {
+  if (!at(i))
     return i;
-  const r = me(i, e);
-  return he(r).reduce((n, o) => n.then((a) => ue(a, o, t, e)), Promise.resolve(r));
+  const r = be(i, e);
+  return fe(r).reduce((n, o) => n.then((a) => pe(a, o, t, e)), Promise.resolve(r));
 }
-async function g(i, t, e) {
+async function x(i, t, e) {
   var r;
   const s = (r = t.style) === null || r === void 0 ? void 0 : r.getPropertyValue(i);
   if (s) {
-    const n = await nt(s, null, e);
+    const n = await lt(s, null, e);
     return t.style.setProperty(i, n, t.style.getPropertyPriority(i)), !0;
   }
   return !1;
 }
-async function pe(i, t) {
-  await g("background", i, t) || await g("background-image", i, t), await g("mask", i, t) || await g("-webkit-mask", i, t) || await g("mask-image", i, t) || await g("-webkit-mask-image", i, t);
+async function ge(i, t) {
+  await x("background", i, t) || await x("background-image", i, t), await x("mask", i, t) || await x("-webkit-mask", i, t) || await x("mask-image", i, t) || await x("-webkit-mask-image", i, t);
 }
-async function fe(i, t) {
+async function ye(i, t) {
   const e = d(i, HTMLImageElement);
-  if (!(e && !L(i.src)) && !(d(i, SVGImageElement) && !L(i.href.baseVal)))
+  if (!(e && !R(i.src)) && !(d(i, SVGImageElement) && !R(i.href.baseVal)))
     return;
-  const r = e ? i.src : i.href.baseVal, s = await P(r, D(r), t);
+  const r = e ? i.src : i.href.baseVal, s = await $(r, I(r), t);
   await new Promise((n, o) => {
     i.onload = n, i.onerror = t.onImageErrorHandler ? (...l) => {
       try {
@@ -846,14 +899,14 @@ async function fe(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 be(i, t) {
-  const r = m(i.childNodes).map((s) => ot(s, t));
+async function xe(i, t) {
+  const r = f(i.childNodes).map((s) => ct(s, t));
   await Promise.all(r).then(() => i);
 }
-async function ot(i, t) {
-  d(i, Element) && (await pe(i, t), await fe(i, t), await be(i, t));
+async function ct(i, t) {
+  d(i, Element) && (await ge(i, t), await ye(i, t), await xe(i, t));
 }
-function ge(i, t) {
+function we(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;
@@ -861,23 +914,23 @@ function ge(i, t) {
     e[s] = r[s];
   }), i;
 }
-const U = {};
-async function j(i) {
-  let t = U[i];
+const B = {};
+async function z(i) {
+  let t = B[i];
   if (t != null)
     return t;
   const r = await (await fetch(i)).text();
-  return t = { url: i, cssText: r }, U[i] = t, t;
+  return t = { url: i, cssText: r }, B[i] = t, t;
 }
-async function z(i, t) {
+async function q(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), et(a, t.fetchRequestInit, ({ result: l }) => (e = e.replace(o, `url(${l})`), [o, l]));
+    return a.startsWith("https://") || (a = new URL(a, i.url).href), st(a, t.fetchRequestInit, ({ result: l }) => (e = e.replace(o, `url(${l})`), [o, l]));
   });
   return Promise.all(n).then(() => e);
 }
-function B(i) {
+function W(i) {
   if (i == null)
     return [];
   const t = [], e = /(\/\*[\s\S]*?\*\/)/gi;
@@ -903,32 +956,32 @@ function B(i) {
   }
   return t;
 }
-async function ye(i, t) {
+async function ke(i, t) {
   const e = [], r = [];
   return i.forEach((s) => {
     if ("cssRules" in s)
       try {
-        m(s.cssRules || []).forEach((n, o) => {
+        f(s.cssRules || []).forEach((n, o) => {
           if (n.type === CSSRule.IMPORT_RULE) {
             let a = o + 1;
-            const l = n.href, c = j(l).then((u) => z(u, t)).then((u) => B(u).forEach((_) => {
+            const l = n.href, c = z(l).then((h) => q(h, t)).then((h) => W(h).forEach((m) => {
               try {
-                s.insertRule(_, _.startsWith("@import") ? a += 1 : s.cssRules.length);
-              } catch (mt) {
+                s.insertRule(m, m.startsWith("@import") ? a += 1 : s.cssRules.length);
+              } catch (k) {
                 console.error("Error inserting rule from remote css", {
-                  rule: _,
-                  error: mt
+                  rule: m,
+                  error: k
                 });
               }
-            })).catch((u) => {
-              console.error("Error loading remote css", u.toString());
+            })).catch((h) => {
+              console.error("Error loading remote css", h.toString());
             });
             r.push(c);
           }
         });
       } catch (n) {
         const o = i.find((a) => a.href == null) || document.styleSheets[0];
-        s.href != null && r.push(j(s.href).then((a) => z(a, t)).then((a) => B(a).forEach((l) => {
+        s.href != null && r.push(z(s.href).then((a) => q(a, t)).then((a) => W(a).forEach((l) => {
           o.insertRule(l, o.cssRules.length);
         })).catch((a) => {
           console.error("Error loading remote stylesheet", a);
@@ -937,7 +990,7 @@ async function ye(i, t) {
   }), Promise.all(r).then(() => (i.forEach((s) => {
     if ("cssRules" in s)
       try {
-        m(s.cssRules || []).forEach((n) => {
+        f(s.cssRules || []).forEach((n) => {
           e.push(n);
         });
       } catch (n) {
@@ -945,79 +998,82 @@ async function ye(i, t) {
       }
   }), e));
 }
-function we(i) {
-  return i.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => st(t.style.getPropertyValue("src")));
+function ve(i) {
+  return i.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => at(t.style.getPropertyValue("src")));
 }
-async function xe(i, t) {
+async function Se(i, t) {
   if (i.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const e = m(i.ownerDocument.styleSheets), r = await ye(e, t);
-  return we(r);
+  const e = f(i.ownerDocument.styleSheets), r = await ke(e, t);
+  return ve(r);
 }
-function at(i) {
+function dt(i) {
   return i.trim().replace(/["']/g, "");
 }
-function ke(i) {
+function Ee(i) {
   const t = /* @__PURE__ */ new Set();
   function e(r) {
     (r.style.fontFamily || getComputedStyle(r).fontFamily).split(",").forEach((n) => {
-      t.add(at(n));
+      t.add(dt(n));
     }), Array.from(r.children).forEach((n) => {
       n instanceof HTMLElement && e(n);
     });
   }
   return e(i), t;
 }
-async function ve(i, t) {
-  const e = await xe(i, t), r = ke(i);
-  return (await Promise.all(e.filter((n) => r.has(at(n.style.fontFamily))).map((n) => {
+async function Ce(i, t) {
+  const e = await Se(i, t), r = Ee(i);
+  return (await Promise.all(e.filter((n) => r.has(dt(n.style.fontFamily))).map((n) => {
     const o = n.parentStyleSheet ? n.parentStyleSheet.href : null;
-    return nt(n.cssText, o, t);
+    return lt(n.cssText, o, t);
   }))).join(`
 `);
 }
-async function Se(i, t) {
-  const e = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await ve(i, t);
+async function _e(i, t) {
+  const e = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await Ce(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 Ee(i, t = {}) {
-  const { width: e, height: r } = tt(i, t), s = await C(i, t, !0);
-  return await Se(s, t), await ot(s, t), ge(s, t), await zt(s, e, r);
+async function Te(i, t = {}) {
+  const { width: e, height: r } = rt(i, t), s = await M(i, t, !0);
+  return await _e(s, t), await ct(s, t), we(s, t), await Wt(s, e, r);
 }
-async function Ce(i, t = {}) {
-  const { width: e, height: r } = tt(i, t), s = await Ee(i, t), n = await E(s), o = document.createElement("canvas"), a = o.getContext("2d"), l = t.pixelRatio || Ot(), c = t.canvasWidth || e, u = t.canvasHeight || r;
-  return o.width = c * l, o.height = u * l, t.skipAutoScale || Ut(o), o.style.width = `${c}`, o.style.height = `${u}`, t.backgroundColor && (a.fillStyle = t.backgroundColor, a.fillRect(0, 0, o.width, o.height)), a.drawImage(n, 0, 0, o.width, o.height), o;
+async function Me(i, t = {}) {
+  const { width: e, height: r } = rt(i, t), s = await Te(i, t), n = await T(s), o = document.createElement("canvas"), a = o.getContext("2d"), l = t.pixelRatio || Bt(), c = t.canvasWidth || e, h = t.canvasHeight || r;
+  return o.width = c * l, o.height = h * l, t.skipAutoScale || zt(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 Ce(i, t)).toDataURL();
+async function Le(i, t = {}) {
+  return (await Me(i, t)).toDataURL("image/jpeg", t.quality || 1);
 }
-async function Me(i = []) {
-  const t = Te(i);
+async function Ae(i = []) {
+  const t = De(i);
   try {
-    const e = await _e(document.body, {
+    const e = await Le(document.body, {
+      quality: 0.85,
+      pixelRatio: 1,
+      backgroundColor: "#ffffff",
       cacheBust: !0,
       skipAutoScale: !1,
       filter: (r) => !(r instanceof HTMLElement && r.id === "mtb-widget-host")
     });
-    return Ae(e);
+    return Ie(e);
   } catch {
     return null;
   } finally {
     t?.remove();
   }
 }
-function Te(i) {
+function De(i) {
   if (i.length === 0) return null;
   const t = document.createElement("div");
   t.setAttribute("data-mtb-capture-annotations", "true"), t.setAttribute("aria-hidden", "true"), t.style.cssText = "position:fixed;inset:0;pointer-events:none;z-index:2147483645;";
   for (const [e, r] of i.entries())
-    r.type === "pin" ? t.appendChild(Le(r, e + 1)) : r.type === "draw" && r.drawPath && t.appendChild(Re(r.drawPath));
+    r.type === "pin" ? t.appendChild(Re(r, e + 1)) : r.type === "draw" && r.drawPath && t.appendChild(Pe(r.drawPath));
   return document.body.appendChild(t), t;
 }
-function Le(i, t) {
+function Re(i, t) {
   const e = document.createElement("div");
   return e.textContent = String(t), e.style.cssText = [
     "position:fixed",
@@ -1037,19 +1093,19 @@ function Le(i, t) {
     "transform:translate(-50%,-50%)"
   ].join(";"), e;
 }
-function Re(i) {
+function Pe(i) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   t.setAttribute("width", "100%"), t.setAttribute("height", "100%"), t.setAttribute("viewBox", `0 0 ${window.innerWidth} ${window.innerHeight}`), t.style.cssText = "position:fixed;inset:0;width:100%;height:100%;overflow:visible;";
   const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return e.setAttribute("d", i), e.setAttribute("fill", "none"), e.setAttribute("stroke", "#059669"), e.setAttribute("stroke-width", "3.5"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("filter", "drop-shadow(0 1px 2px rgba(5,150,105,0.35))"), t.appendChild(e), t;
 }
-function Ae(i) {
+function Ie(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 De {
+class $e {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set(), this.originalOnError = null, this.installedOnError = null, this.rejectionHandler = null, this.hooked = !1;
   }
@@ -1071,20 +1127,20 @@ class De {
     for (const e of this.listeners) e(t);
   }
 }
-const lt = new De(), Pe = 20;
-class He {
+const ht = new $e(), He = 20;
+class Oe {
   constructor() {
     this.errors = [], this.unsubscribe = null;
   }
   start() {
-    this.unsubscribe || (this.unsubscribe = lt.subscribe((t) => this.record(t)));
+    this.unsubscribe || (this.unsubscribe = ht.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 >= Pe || this.errors.includes(t) || this.errors.push(t);
+    this.errors.length >= He || this.errors.includes(t) || this.errors.push(t);
   }
   getErrors() {
     return [...this.errors];
@@ -1093,7 +1149,7 @@ class He {
     this.unsubscribe?.(), this.unsubscribe = null;
   }
 }
-const $e = 3, Ie = 1e3, Fe = 3, Oe = 5e3, Ue = 500, je = 500, ze = 300, Be = /* @__PURE__ */ new Set([
+const Fe = 3, Ue = 1e3, je = 3, Be = 5e3, ze = 500, qe = 500, We = 300, Ne = /* @__PURE__ */ new Set([
   "A",
   "BUTTON",
   "INPUT",
@@ -1102,7 +1158,7 @@ const $e = 3, Ie = 1e3, Fe = 3, Oe = 5e3, Ue = 500, je = 500, ze = 300, Be = /*
   "LABEL",
   "SUMMARY",
   "DETAILS"
-]), qe = /* @__PURE__ */ new Set([
+]), Ve = /* @__PURE__ */ new Set([
   "button",
   "link",
   "checkbox",
@@ -1116,19 +1172,19 @@ const $e = 3, Ie = 1e3, Fe = 3, Oe = 5e3, Ue = 500, je = 500, ze = 300, Be = /*
   "listbox",
   "slider",
   "spinbutton"
-]), q = [
+]), N = [
   "404",
   "500",
   "not found",
   "page not found",
   "server error",
   "internal server error"
-], k = class k {
+], E = class E {
   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.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 = lt.subscribe((t) => {
+    this.active || (this.active = !0, document.addEventListener("click", this.boundClickHandler, !0), this.unsubscribeErrors = ht.subscribe((t) => {
       this.errorCount++;
     }), this.startNavigationTracking(), this.startFormTracking(), this.checkErrorPage());
   }
@@ -1158,41 +1214,41 @@ const $e = 3, Ie = 1e3, Fe = 3, Oe = 5e3, Ue = 500, je = 500, ze = 300, Be = /*
     if (!e || this.isWidgetElement(e)) return;
     const r = Date.now();
     this.clickHistory.push({ target: e, time: r });
-    const s = r - Ie;
-    if (this.clickHistory = this.clickHistory.filter((o) => o.time > s), this.clickHistory.filter((o) => o.target === e).length >= $e) {
+    const s = r - Ue;
+    if (this.clickHistory = this.clickHistory.filter((o) => o.time > s), this.clickHistory.filter((o) => o.target === e).length >= Fe) {
       this.clickHistory = [], this.emitHighPriority({
         signal: "rage_click",
-        target: y(e),
+        target: w(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: y(e),
+      target: w(e),
       timestamp: r
     }))), this.checkDeadClickDom(e, r);
   }
   handleNavigation() {
     const t = Date.now();
     this.navTimestamps.push(t);
-    const e = t - Oe;
-    this.navTimestamps = this.navTimestamps.filter((r) => r > e), this.navTimestamps.length >= Fe && (this.navTimestamps = [], this.emitIfReady({
+    const e = t - Be;
+    this.navTimestamps = this.navTimestamps.filter((r) => r > e), this.navTimestamps.length >= je && (this.navTimestamps = [], this.emitIfReady({
       signal: "rapid_navigation",
       timestamp: t
     })), setTimeout(() => {
       this.active && this.checkErrorPage();
-    }, ze);
+    }, We);
   }
   handleFormSubmit(t) {
     const e = t.target;
     e instanceof HTMLFormElement && (this.isWidgetElement(e) || setTimeout(() => {
       this.active && e.querySelector('[aria-invalid="true"], .is-invalid') && this.emitIfReady({
         signal: "form_failure",
-        target: y(e),
+        target: w(e),
         timestamp: Date.now()
       });
-    }, Ue));
+    }, ze));
   }
   handleFormInvalid(t) {
     const e = t.target;
@@ -1200,7 +1256,7 @@ const $e = 3, Ie = 1e3, Fe = 3, Oe = 5e3, Ue = 500, je = 500, ze = 300, Be = /*
     const r = e.closest("form");
     this.emitIfReady({
       signal: "form_failure",
-      target: y(r || e),
+      target: w(r || e),
       timestamp: Date.now()
     });
   }
@@ -1208,7 +1264,7 @@ const $e = 3, Ie = 1e3, Fe = 3, Oe = 5e3, Ue = 500, je = 500, ze = 300, Be = /*
     const t = location.href;
     if (this.errorPageUrls.has(t)) return;
     const e = document.title.toLowerCase();
-    if (q.some((s) => e.includes(s))) {
+    if (N.some((s) => e.includes(s))) {
       this.errorPageUrls.add(t), this.emitHighPriority({
         signal: "error_page",
         detail: document.title,
@@ -1221,7 +1277,7 @@ const $e = 3, Ie = 1e3, Fe = 3, Oe = 5e3, Ue = 500, je = 500, ze = 300, Be = /*
     );
     for (const s of r) {
       const n = s.textContent ?? "";
-      if (n.length < 200 && q.some((o) => n.toLowerCase().includes(o))) {
+      if (n.length < 200 && N.some((o) => n.toLowerCase().includes(o))) {
         this.errorPageUrls.add(t), this.emitHighPriority({
           signal: "error_page",
           detail: n.trim().slice(0, 60),
@@ -1240,10 +1296,10 @@ const $e = 3, Ie = 1e3, Fe = 3, Oe = 5e3, Ue = 500, je = 500, ze = 300, Be = /*
       const r = this.lastMutationAt >= e;
       this.pendingDomChecks === 0 && this.disconnectDomObserver(), !r && this.active && this.emitIfReady({
         signal: "dead_click_dom",
-        target: y(t),
+        target: w(t),
         timestamp: e
       });
-    }, je));
+    }, qe));
   }
   ensureDomObserver() {
     this.domObserver || (this.domObserver = new MutationObserver(() => {
@@ -1268,9 +1324,9 @@ const $e = 3, Ie = 1e3, Fe = 3, Oe = 5e3, Ue = 500, je = 500, ze = 300, Be = /*
     return !1;
   }
   isInteractive(t) {
-    if (Be.has(t.tagName)) return !0;
+    if (Ne.has(t.tagName)) return !0;
     const e = t.getAttribute("role");
-    return !!(e && qe.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 && Ve.has(e) || t.hasAttribute("onclick") || t.hasAttribute("tabindex") || t.contentEditable === "true" || window.getComputedStyle(t).cursor === "pointer" || t.closest('a, button, [role="button"], [role="link"], label'));
   }
   isWidgetElement(t) {
     const e = document.getElementById("mtb-widget-host");
@@ -1278,40 +1334,40 @@ const $e = 3, Ie = 1e3, Fe = 3, Oe = 5e3, Ue = 500, je = 500, ze = 300, Be = /*
   }
   emitIfReady(t) {
     const e = Date.now();
-    e < this.cooldownUntil || (this.cooldownUntil = e + k.COOLDOWN_MS, this.onFrustration(t));
+    e < this.cooldownUntil || (this.cooldownUntil = e + E.COOLDOWN_MS, this.onFrustration(t));
   }
   emitHighPriority(t) {
-    this.cooldownUntil = Date.now() + k.COOLDOWN_MS, this.onFrustration(t);
+    this.cooldownUntil = Date.now() + E.COOLDOWN_MS, this.onFrustration(t);
   }
 };
-k.COOLDOWN_MS = 6e4;
-let R = k;
-function y(i) {
+E.COOLDOWN_MS = 6e4;
+let P = E;
+function w(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 We() {
+function Ye() {
   return {
     page_url: window.location.href,
     user_agent: navigator.userAgent,
-    browser: Ne(),
-    os: Ve(),
+    browser: Xe(),
+    os: Ge(),
     screen_width: window.screen.width,
     screen_height: window.screen.height
   };
 }
-function Ne() {
+function Xe() {
   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 Ve() {
+function Ge() {
   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 Ye = "https://makethisbetter.dev/api/v1";
-class Xe {
+const Ke = "https://makethisbetter.dev/api/v1";
+class Je {
   constructor(t, e, r = 1e3, s, n) {
-    this.projectKey = t, this.apiUrl = (e ?? Ye).replace(/\/$/, ""), this.retryDelayMs = r, this.userToken = s, this.userTokenFn = n;
+    this.projectKey = t, this.apiUrl = (e ?? Ke).replace(/\/$/, ""), this.retryDelayMs = r, this.userToken = s, this.userTokenFn = n;
   }
   async resolveUserToken() {
     return this.userTokenFn ? this.userTokenFn() : this.userToken;
@@ -1326,9 +1382,12 @@ class Xe {
       const o = JSON.stringify(t.recording_events), a = new Blob([o], { type: "application/json" });
       r.append("feedback[recording]", a, "recording.json"), r.append("feedback[recording_duration]", String(t.recording_duration ?? 0));
     }
-    e && r.append("feedback[screenshot]", e, "screenshot.png");
+    if (e) {
+      const o = e.type === "image/jpeg" ? "jpg" : "png";
+      r.append("feedback[screenshot]", e, `screenshot.${o}`);
+    }
     const s = await this.authHeaders();
-    return s["X-Idempotency-Key"] = Ke(), (await this.fetchWithRetry(`${this.apiUrl}/widget/feedbacks`, {
+    return s["X-Idempotency-Key"] = Ze(), (await this.fetchWithRetry(`${this.apiUrl}/widget/feedbacks`, {
       method: "POST",
       headers: s,
       body: r
@@ -1376,28 +1435,77 @@ class Xe {
       headers: e
     })).json();
   }
+  // Streams a clarification turn over SSE. Calls onDelta for each token and
+  // resolves with the committed result. Throws if the server doesn't stream
+  // (e.g. old backend returns JSON) so the caller can fall back to polling.
+  async streamClarification(t, e, r) {
+    const s = {};
+    e && (s.message = e);
+    const n = await this.authHeaders("application/json");
+    n.Accept = "text/event-stream";
+    const o = await fetch(`${this.apiUrl}/widget/feedbacks/${t}/clarify`, {
+      method: "POST",
+      headers: n,
+      body: JSON.stringify(s)
+    }), a = o.headers.get("Content-Type") ?? "";
+    if (!o.ok || !o.body || !a.includes("text/event-stream"))
+      throw new Error("clarify stream unavailable");
+    return Qe(o.body, r);
+  }
   async fetchWithRetry(t, e, r = 1) {
     let s;
     try {
       s = await fetch(t, e);
     } catch (n) {
       if (r > 0)
-        return await W(this.retryDelayMs), this.fetchWithRetry(t, e, r - 1);
+        return await V(this.retryDelayMs), this.fetchWithRetry(t, e, r - 1);
       throw n;
     }
     if (s.ok) return s;
     if (s.status >= 500 && r > 0)
-      return await W(this.retryDelayMs), this.fetchWithRetry(t, e, r - 1);
+      return await V(this.retryDelayMs), this.fetchWithRetry(t, e, r - 1);
     throw new Error(`HTTP ${s.status}`);
   }
 }
-function W(i) {
+function V(i) {
   return i <= 0 ? Promise.resolve() : new Promise((t) => setTimeout(t, i));
 }
-function Ke() {
+async function Qe(i, t) {
+  const e = i.getReader(), r = new TextDecoder();
+  let s = "", n = { messages: [], done: !0 };
+  const o = (a) => {
+    const l = a.split(`
+`).find((k) => k.startsWith("event:")), c = a.split(`
+`).find((k) => k.startsWith("data:"));
+    if (!c) return;
+    const h = l?.slice(6).trim(), m = JSON.parse(c.slice(5).trim());
+    h === "delta" && typeof m.text == "string" ? t(m.text) : h === "done" && (n = {
+      messages: Array.isArray(m.messages) ? m.messages : [],
+      done: m.done !== !1
+    });
+  };
+  for (; ; ) {
+    const { done: a, value: l } = await e.read();
+    if (a) break;
+    s += r.decode(l, { stream: !0 });
+    let c;
+    for (; (c = s.indexOf(`
+
+`)) !== -1; ) {
+      const h = s.slice(0, c);
+      s = s.slice(c + 2);
+      try {
+        o(h);
+      } catch {
+      }
+    }
+  }
+  return n;
+}
+function Ze() {
   return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 12)}`;
 }
-function Ge(i, t, e, r, s, n, o, a) {
+function ti(i, t, e, r, s, n, o, a) {
   return {
     description: i,
     ...t,
@@ -1417,50 +1525,50 @@ function Ge(i, t, e, r, s, n, o, a) {
     recording_duration: n?.duration
   };
 }
-const N = "mtb_anon_id", ct = "mtb_reporter_email", dt = "mtb_board_url";
-let V = null, ht = null, ut = null;
-function Y() {
+const Y = "mtb_anon_id", ut = "mtb_reporter_email", mt = "mtb_board_url";
+let X = null, ft = null, pt = null;
+function G() {
   try {
-    const i = window.localStorage.getItem(N);
+    const i = window.localStorage.getItem(Y);
     if (i?.startsWith("anon_")) return i;
-    const t = G();
-    return window.localStorage.setItem(N, t), t;
+    const t = Q();
+    return window.localStorage.setItem(Y, t), t;
   } catch {
-    return V ?? (V = G()), V;
+    return X ?? (X = Q()), X;
   }
 }
-function X() {
+function K() {
   try {
-    return window.localStorage.getItem(ct) ?? void 0;
+    return window.localStorage.getItem(ut) ?? void 0;
   } catch {
-    return ht ?? void 0;
+    return ft ?? void 0;
   }
 }
-function Je(i) {
-  ht = i;
+function ei(i) {
+  ft = i;
   try {
-    window.localStorage.setItem(ct, i);
+    window.localStorage.setItem(ut, i);
   } catch {
   }
 }
-function Qe() {
+function ii() {
   try {
-    return window.localStorage.getItem(dt) ?? void 0;
+    return window.localStorage.getItem(mt) ?? void 0;
   } catch {
-    return ut ?? void 0;
+    return pt ?? void 0;
   }
 }
-function K(i) {
-  ut = i;
+function J(i) {
+  pt = i;
   try {
-    window.localStorage.setItem(dt, i);
+    window.localStorage.setItem(mt, i);
   } catch {
   }
 }
-function G() {
+function Q() {
   return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? `anon_${crypto.randomUUID()}` : `anon_${`${Date.now().toString(16)}-${Math.random().toString(16).slice(2, 10)}`}`;
 }
-const Ze = {
+const ri = {
   tab: "Feedback",
   toolbar: {
     markup: "Mark up",
@@ -1516,12 +1624,14 @@ const Ze = {
     max_reached: "Maximum recording time reached"
   },
   clarify: {
+    title: "Make This Better AI",
+    subtitle: "Sharpening your feedback",
     thinking: "Thinking...",
-    placeholder: "Type your response...",
+    placeholder: "Type your answer — or Skip",
     send: "Send",
     skip: "Skip"
   }
-}, ti = {
+}, si = {
   tab: "反馈",
   toolbar: {
     markup: "标注",
@@ -1577,12 +1687,14 @@ const Ze = {
     max_reached: "已达到最大录制时长"
   },
   clarify: {
+    title: "让它更好 AI",
+    subtitle: "正在完善你的反馈",
     thinking: "思考中...",
-    placeholder: "输入你的回复...",
+    placeholder: "输入你的回答 —— 或跳过",
     send: "发送",
     skip: "跳过"
   }
-}, ei = {
+}, ni = {
   tab: "フィードバック",
   toolbar: {
     markup: "マークアップ",
@@ -1638,12 +1750,14 @@ const Ze = {
     max_reached: "最大録画時間に達しました"
   },
   clarify: {
+    title: "Make This Better AI",
+    subtitle: "フィードバックを整えています",
     thinking: "考え中...",
-    placeholder: "回答を入力...",
+    placeholder: "回答を入力 — またはスキップ",
     send: "送信",
     skip: "スキップ"
   }
-}, ii = {
+}, oi = {
   tab: "피드백",
   toolbar: {
     markup: "마크업",
@@ -1699,12 +1813,14 @@ const Ze = {
     max_reached: "최대 녹화 시간에 도달했습니다"
   },
   clarify: {
+    title: "Make This Better AI",
+    subtitle: "피드백을 다듬는 중",
     thinking: "생각 중...",
-    placeholder: "답변을 입력하세요...",
+    placeholder: "답변 입력 — 또는 건너뛰기",
     send: "보내기",
     skip: "건너뛰기"
   }
-}, ri = {
+}, ai = {
   tab: "Comentarios",
   toolbar: {
     markup: "Anotar",
@@ -1760,12 +1876,14 @@ const Ze = {
     max_reached: "Se alcanzó el tiempo máximo de grabación"
   },
   clarify: {
+    title: "Make This Better AI",
+    subtitle: "Afinando tus comentarios",
     thinking: "Pensando...",
-    placeholder: "Escribe tu respuesta...",
+    placeholder: "Escribe tu respuesta — o Omitir",
     send: "Enviar",
     skip: "Omitir"
   }
-}, si = {
+}, li = {
   tab: "Avis",
   toolbar: {
     markup: "Annoter",
@@ -1821,12 +1939,14 @@ const Ze = {
     max_reached: "Durée maximale d'enregistrement atteinte"
   },
   clarify: {
+    title: "Make This Better AI",
+    subtitle: "Affinement de votre retour",
     thinking: "Réflexion...",
-    placeholder: "Tapez votre réponse...",
+    placeholder: "Saisissez votre réponse — ou Ignorer",
     send: "Envoyer",
     skip: "Passer"
   }
-}, ni = {
+}, ci = {
   tab: "Feedback",
   toolbar: {
     markup: "Markieren",
@@ -1882,57 +2002,59 @@ const Ze = {
     max_reached: "Maximale Aufnahmezeit erreicht"
   },
   clarify: {
+    title: "Make This Better AI",
+    subtitle: "Wir schärfen dein Feedback",
     thinking: "Einen Moment...",
-    placeholder: "Antwort eingeben...",
+    placeholder: "Gib deine Antwort ein — oder Überspringen",
     send: "Senden",
     skip: "Überspringen"
   }
-}, x = {
-  en: Ze,
-  "zh-CN": ti,
-  ja: ei,
-  ko: ii,
-  es: ri,
-  fr: si,
-  de: ni
+}, S = {
+  en: ri,
+  "zh-CN": si,
+  ja: ni,
+  ko: oi,
+  es: ai,
+  fr: li,
+  de: ci
 };
-function oi(i) {
-  if (x[i]) return x[i];
+function di(i) {
+  if (S[i]) return S[i];
   const t = i.split("-")[0];
-  return x[t] ? x[t] : x.en;
+  return S[t] ? S[t] : S.en;
 }
-const ai = 60, li = "https://cdn.jsdelivr.net/npm/@rrweb/record@2.1.0/umd/record.min.js", ci = "sha384-MrD66HBNSykaP2N95+6hQCFlF5oH2tvL3TD/zyvHNkP/sAFWZx98DX9MEDy8MdVT";
-let v = null;
-function di() {
-  return v || (v = hi().catch(() => ui()), v);
+const hi = 60, ui = "https://cdn.jsdelivr.net/npm/@rrweb/record@2.1.0/umd/record.min.js", mi = "sha384-MrD66HBNSykaP2N95+6hQCFlF5oH2tvL3TD/zyvHNkP/sAFWZx98DX9MEDy8MdVT";
+let C = null;
+function fi() {
+  return C || (C = pi().catch(() => bi()), C);
 }
-async function hi() {
+async function pi() {
   return (await import("@rrweb/record")).record;
 }
-function J() {
+function Z() {
   const i = globalThis;
   return i.rrwebRecord?.record ?? i.rrweb?.record;
 }
-function ui() {
+function bi() {
   return new Promise((i, t) => {
-    const e = J();
+    const e = Z();
     if (e) {
       i(e);
       return;
     }
     const r = document.createElement("script");
-    r.src = li, r.integrity = ci, r.crossOrigin = "anonymous", r.onload = () => {
-      const s = J();
+    r.src = ui, r.integrity = mi, r.crossOrigin = "anonymous", r.onload = () => {
+      const s = Z();
       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 gi {
   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 di();
+    const t = await fi();
     this.startedAt = Date.now(), this.stopped = !1, this.stopFn = t({
       emit: (e) => {
         this.stopped || this.events.push(e);
@@ -1945,7 +2067,7 @@ class mi {
       });
     }, document.addEventListener("click", this.clickHandler, !0), this.timer = setTimeout(() => {
       this.onMaxReached?.();
-    }, ai * 1e3);
+    }, hi * 1e3);
   }
   stop() {
     return this.stopped = !0, this.stopFn?.(), this.stopFn = null, this.cleanupTimer(), this.cleanupClickHandler(), {
@@ -1970,7 +2092,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 yi {
   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>
@@ -1986,12 +2108,12 @@ class pi {
     this.intervalId && (clearInterval(this.intervalId), this.intervalId = null), this.el.remove();
   }
 }
-class fi {
+class xi {
   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 gi(t, r), this.bar = new yi(
       t,
       e,
       () => this.session?.getDuration() ?? 0,
@@ -2011,12 +2133,12 @@ class fi {
     this.session?.destroy(), this.session = null, this.bar?.destroy(), this.bar = null;
   }
 }
-class Q {
+class tt {
   constructor(t) {
-    this.tab = null, this.toolbar = null, this.session = null, this.popup = null, this.clarify = null, this.success = null, this.frustrationPrompt = null, this.frustrationDetector = null, this.mode = "idle", this.currentAnnotation = null, this.recordingManager = null, this.lastHandoff = {}, this.config = t, this.messages = oi(t.locale ?? "en"), this.apiClient = new Xe(t.projectKey, t.apiUrl, void 0, t.userToken, t.userTokenFn), this.consoleCollector = new He(), this.consoleCollector.start(), this.buildUI(), t.frustrationDetection !== !1 && (this.frustrationDetector = new R(() => this.handleFrustration()), this.frustrationDetector.start());
+    this.tab = null, this.toolbar = null, this.session = null, this.popup = null, this.clarify = null, this.success = null, this.frustrationPrompt = null, this.frustrationDetector = null, this.mode = "idle", this.currentAnnotation = null, this.lastPopupPos = null, this.recordingManager = null, this.lastHandoff = {}, this.config = t, this.messages = di(t.locale ?? "en"), this.apiClient = new Je(t.projectKey, t.apiUrl, void 0, t.userToken, t.userTokenFn), this.consoleCollector = new Oe(), this.consoleCollector.start(), this.buildUI(), t.frustrationDetection !== !1 && (this.frustrationDetector = new P(() => this.handleFrustration()), this.frustrationDetector.start());
   }
   buildUI() {
-    this.shadow = new ft(this.config.theme ?? "auto"), this.tab = new bt(
+    this.shadow = new gt(this.config.theme ?? "auto"), this.tab = new yt(
       this.shadow,
       this.messages,
       this.config.position ?? "right",
@@ -2028,7 +2150,7 @@ class Q {
     this.mode === "idle" ? (this.dismissFrustrationPrompt(), this.enterAnnotationMode()) : this.exitAll();
   }
   handleFrustration() {
-    this.mode !== "idle" || this.frustrationPrompt || (this.frustrationPrompt = new yt(this.shadow, this.messages, {
+    this.mode !== "idle" || this.frustrationPrompt || (this.frustrationPrompt = new wt(this.shadow, this.messages, {
       onTell: () => {
         this.dismissFrustrationPrompt(), this.enterAnnotationMode();
       },
@@ -2039,7 +2161,7 @@ class Q {
     this.frustrationPrompt?.destroy(), this.frustrationPrompt = null;
   }
   enterAnnotationMode() {
-    this.mode = "annotating", this.tab?.setActive(!0), this.toolbar = new wt(
+    this.mode = "annotating", this.tab?.setActive(!0), this.toolbar = new kt(
       this.shadow,
       this.messages,
       () => this.exitAll(),
@@ -2049,7 +2171,7 @@ class Q {
     });
   }
   handleToolbarModeChange(t) {
-    t === "record" ? (this.mode = "recording", this.session?.destroy(), this.session = null, this.recordingManager = new fi(), this.recordingManager.start(this.shadow, this.messages, () => {
+    t === "record" ? (this.mode = "recording", this.session?.destroy(), this.session = null, this.recordingManager = new xi(), this.recordingManager.start(this.shadow, this.messages, () => {
       this.recordingManager && (this.recordingManager.stop(), this.showPopup(window.innerWidth / 2, window.innerHeight / 2, this.messages.record.timer_label));
     }).catch((e) => {
       console.warn("[MakeThisBetter] Screen recording unavailable, falling back to markup:", e), this.mode === "recording" && (this.toolbar?.setMode("markup"), this.handleToolbarModeChange("markup"));
@@ -2058,7 +2180,7 @@ class Q {
     })), this.mode = "annotating");
   }
   showPopup(t, e, r) {
-    this.mode = "popup", this.session?.dismissInteraction(), this.popup = new Mt(this.shadow, {
+    this.mode = "popup", this.lastPopupPos = { x: t, y: e }, this.session?.dismissInteraction(), this.popup = new Lt(this.shadow, {
       targetName: r,
       x: t,
       y: e,
@@ -2069,57 +2191,59 @@ class Q {
     });
   }
   buildMyFeedbackHandler() {
-    if (!this.config.user && Qe())
+    if (!this.config.user && ii())
       return async () => {
-        const t = await this.apiClient.createIdentityToken(Y());
-        !t?.identity_token || !t.board_url || (K(t.board_url), window.open(`${t.board_url}?identity=${encodeURIComponent(t.identity_token)}`, "_blank"));
+        const t = await this.apiClient.createIdentityToken(G());
+        !t?.identity_token || !t.board_url || (J(t.board_url), window.open(`${t.board_url}?identity=${encodeURIComponent(t.identity_token)}`, "_blank"));
       };
   }
   async handleSubmit(t) {
     if (!this.popup) return;
     this.popup.setLoading(!0);
     const e = this.currentAnnotation, r = this.recordingManager?.getRecording() ?? void 0, [s, n] = await Promise.all([
-      Me(e ? [e] : []),
-      Promise.resolve(We())
-    ]), o = Ge(
+      Ae(e ? [e] : []),
+      Promise.resolve(Ye())
+    ]), o = ti(
       t,
       n,
       this.consoleCollector.getErrors(),
       e,
       this.config.user,
       r,
-      this.config.user ? void 0 : Y(),
-      this.config.user ? void 0 : X()
+      this.config.user ? void 0 : G(),
+      this.config.user ? void 0 : K()
     );
     try {
       const a = await this.apiClient.submitFeedback(o, s);
-      this.lastHandoff = { feedbackId: a.id, boardUrl: a.board_url, identityToken: a.identity_token }, a.board_url && K(a.board_url), this.popup?.destroy(), this.popup = null, this.session?.destroy(), this.session = null, this.toolbar?.destroy(), this.toolbar = null, this.recordingManager?.destroy(), this.recordingManager = null, a.skip_followup === !0 || a.ai_clarify_available === !1 ? this.showSuccess({ skipFollowup: !0 }) : this.showClarify(a.id);
+      this.lastHandoff = { feedbackId: a.id, boardUrl: a.board_url, identityToken: a.identity_token }, a.board_url && J(a.board_url), this.popup?.destroy(), this.popup = null, this.session?.destroy(), this.session = null, this.toolbar?.destroy(), this.toolbar = null, this.recordingManager?.destroy(), this.recordingManager = null, a.skip_followup === !0 || a.ai_clarify_available === !1 ? this.showSuccess({ skipFollowup: !0 }) : this.showClarify(a.id, this.lastPopupPos);
     } catch {
       this.popup?.setLoading(!1), this.popup?.setError(this.messages.error.submit);
     }
   }
-  showClarify(t) {
-    this.mode = "idle", this.tab?.setActive(!1), this.clarify = new Rt(this.shadow, {
+  showClarify(t, e) {
+    this.mode = "clarifying", this.tab?.setActive(!0), this.clarify = new Pt(this.shadow, {
       feedbackId: t,
       apiClient: this.apiClient,
       messages: this.messages,
+      x: e?.x,
+      y: e?.y,
       onDone: () => {
         this.clarify?.destroy(), this.clarify = null, this.showSuccess();
       }
     });
   }
   showSuccess(t) {
-    this.mode = "idle", this.tab?.setActive(!1), this.success = new Pt(this.shadow, this.messages, () => {
+    this.mode = "idle", this.tab?.setActive(!1), this.success = new Ht(this.shadow, this.messages, () => {
       this.success?.destroy(), this.success = null;
     }, this.buildViewFeedbackHandler(), { ...t, emailCapture: this.buildEmailCapture() });
   }
   buildEmailCapture() {
     const { feedbackId: t, identityToken: e } = this.lastHandoff;
-    if (!(!t || !e) && !X())
+    if (!(!t || !e) && !K())
       return {
         onSubmit: async (r) => {
           const s = await this.apiClient.updateReporter(t, r, e);
-          return s && Je(r), s;
+          return s && ei(r), s;
         }
       };
   }
@@ -2144,19 +2268,19 @@ class Q {
     this.exitAll(), this.consoleCollector.stop(), this.frustrationDetector?.stop(), this.dismissFrustrationPrompt(), this.clarify?.destroy(), this.success?.destroy(), this.tab?.destroy(), this.recordingManager?.destroy(), this.shadow.destroy();
   }
 }
-let f = null;
-const bi = {
+let g = null;
+const wi = {
   init(i) {
-    f && (f.destroy(), f = null), document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
-      f = new Q(i);
-    }) : f = new Q(i);
+    g && (g.destroy(), g = null), document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
+      g = new tt(i);
+    }) : g = new tt(i);
   },
   destroy() {
-    f?.destroy(), f = null;
+    g?.destroy(), g = null;
   }
 };
-typeof window < "u" && (window.MakeThisBetter = bi);
+typeof window < "u" && (window.MakeThisBetter = wi);
 export {
-  bi as MakeThisBetter
+  wi as MakeThisBetter
 };
 //# sourceMappingURL=makethisbetter.esm.js.map