npm - @qaiddev/thumbs-embed - Versions diffs - 1.5.0 → 1.6.0 - Mend

@qaiddev/thumbs-embed 1.5.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/README.md +11 -3
package/dist/annotate.d.ts +9 -1
package/dist/chunks/{annotate-BNibaDg3.js → annotate-pSxJNPPL.js} +154 -102
package/dist/chunks/annotate-pSxJNPPL.js.map +1 -0
package/dist/chunks/{bootstrap-U4yiPm5-.js → bootstrap-rINL2pCt.js} +280 -254
package/dist/chunks/bootstrap-rINL2pCt.js.map +1 -0
package/dist/chunks/{modal-BX5wqy4s.js → modal-Br-8TcEE.js} +30 -30
package/dist/chunks/modal-Br-8TcEE.js.map +1 -0
package/dist/chunks/{recording--IwOtRL2.js → recording-BRvu1Vkh.js} +2 -2
package/dist/chunks/{recording--IwOtRL2.js.map → recording-BRvu1Vkh.js.map} +1 -1
package/dist/chunks/{targeting-DwdDr9Cm.js → targeting-_aii7qgw.js} +2 -2
package/dist/chunks/targeting-_aii7qgw.js.map +1 -0
package/dist/{auto.d.ts → embed-loader.d.ts} +7 -4
package/dist/embed.js +2 -0
package/dist/embed.js.map +1 -0
package/dist/icons.d.ts +2 -0
package/dist/index.js +3 -3
package/dist/loader.js +2 -2
package/dist/qaid.umd.cjs +19 -17
package/dist/qaid.umd.cjs.map +1 -1
package/dist/targeting.d.ts +3 -3
package/dist/types.d.ts +39 -2
package/package.json +4 -4
package/dist/auto.js +0 -2
package/dist/auto.js.map +0 -1
package/dist/chunks/annotate-BNibaDg3.js.map +0 -1
package/dist/chunks/bootstrap-U4yiPm5-.js.map +0 -1
package/dist/chunks/modal-BX5wqy4s.js.map +0 -1
package/dist/chunks/targeting-DwdDr9Cm.js.map +0 -1

package/dist/chunks/{bootstrap-U4yiPm5-.js → bootstrap-rINL2pCt.js} RENAMED Viewed

@@ -1,26 +1,26 @@
-import { i as nt, T as st, a as rt, R as dt } from "./annotate-BNibaDg3.js";
-const lt = "button{cursor:pointer}.qaid-buttons{display:flex;gap:.5rem}.qaid-buttons.qaid-vertical{flex-direction:column}.qaid-buttons.qaid-auto-container{position:fixed;z-index:50}.qaid-buttons.qaid-auto-container.qaid-bottom-right{bottom:1rem;right:1rem}.qaid-buttons.qaid-auto-container.qaid-bottom-left{bottom:1rem;left:1rem}.qaid-buttons.qaid-auto-container.qaid-top-right{top:1rem;right:1rem}.qaid-buttons.qaid-auto-container.qaid-top-left{top:1rem;left:1rem}.qaid-buttons.qaid-incognito{opacity:0;transition:opacity .2s ease-in-out}.qaid-buttons.qaid-incognito:hover{opacity:1}.qaid-buttons.qaid-dismissed{display:none!important}.qaid-dismiss-btn{width:20px;height:20px;padding:0;border:none;border-radius:50%;background:#0006;color:#fff;display:flex;align-items:center;justify-content:center;align-self:center;opacity:0;transition:opacity .15s,background .15s;cursor:pointer;pointer-events:auto;-webkit-appearance:none;appearance:none}.qaid-dismiss-btn:hover{background:#0009}.qaid-buttons:hover .qaid-dismiss-btn{opacity:1}button.qaid-btn-structural{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;appearance:none}.qaid-icon{width:24px;height:24px}.qaid-btn-structural:not(:has(svg)),.qaid-btn:not(:has(svg)){font-size:var(--qaid-icon-size, 24px);line-height:1}.qaid-emoji-icon{font-size:var(--qaid-icon-size, 24px);line-height:1}.qaid-buttons,.qaid-buttons *,.qaid-modal-container,.qaid-modal-container *{cursor:pointer!important}.qaid-tooltip-wrapper{position:relative}.qaid-tooltip-text{position:fixed;padding:.5rem .75rem;background:#1f2937;color:#fff;font-size:1rem;font-weight:600;border-radius:.5rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:99999}.qaid-tooltip-text.qaid-tooltip-visible{opacity:1}.qaid-targeting-overlay{position:fixed;inset:0;z-index:40;pointer-events:none}.qaid-capture-layer{position:fixed;inset:0;pointer-events:none;z-index:9999}@keyframes qaid-slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.qaid-vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 100%);z-index:41}.qaid-crosshair-h,.qaid-crosshair-v{position:fixed;pointer-events:none;z-index:42}.qaid-crosshair-h{left:0;right:0;height:1px;background:color-mix(in srgb,var(--qaid-negative) 60%,transparent)}.qaid-crosshair-v{top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--qaid-negative) 60%,transparent)}.qaid-type-up .qaid-crosshair-h,.qaid-type-up .qaid-crosshair-v{background:color-mix(in srgb,var(--qaid-positive) 60%,transparent)}.qaid-highlight-box{position:fixed;top:0;left:0;pointer-events:none;z-index:41;display:none;border:3px solid color-mix(in srgb,var(--qaid-negative) 80%,transparent);border-radius:2px;background:color-mix(in srgb,var(--qaid-negative) 8%,transparent);will-change:transform,width,height}.qaid-type-up .qaid-highlight-box{border-color:color-mix(in srgb,var(--qaid-positive) 80%,transparent);background:color-mix(in srgb,var(--qaid-positive) 8%,transparent)}.qaid-scope{position:fixed;width:80px;height:80px;pointer-events:none;z-index:43;transform:translate(-50%,-50%)}.qaid-scope-ring{position:absolute;inset:10px;border:2px solid color-mix(in srgb,var(--qaid-negative) 80%,transparent);border-radius:50%}.qaid-type-up .qaid-scope-ring{border-color:color-mix(in srgb,var(--qaid-positive) 80%,transparent)}.qaid-scope-ring-inner{position:absolute;inset:20px;border:1px solid color-mix(in srgb,var(--qaid-negative) 50%,transparent);border-radius:50%}.qaid-type-up .qaid-scope-ring-inner{border-color:color-mix(in srgb,var(--qaid-positive) 50%,transparent)}.qaid-scope-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--qaid-negative);border-radius:50%;transform:translate(-50%,-50%)}.qaid-type-up .qaid-scope-dot{background:var(--qaid-positive)}.qaid-selected-marker{position:fixed;border:3px solid var(--qaid-marker, #6366f1);border-radius:50%;pointer-events:none;z-index:44;animation:qaid-markerPulse 1.5s ease-in-out infinite}@keyframes qaid-markerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.qaid-backdrop{position:fixed;inset:0;z-index:45;background:#0000004d}.qaid-modal-container{position:fixed;z-index:50;display:flex;flex-direction:column;align-items:flex-start;max-height:calc(100vh - 32px);font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px)}.qaid-modal-container.qaid-above{flex-direction:column-reverse}.qaid-modal-arrow{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;position:relative;align-self:flex-start}.qaid-modal-container.qaid-below .qaid-modal-arrow{border-bottom:12px solid light-dark(#ffffff,#1f2937)}.qaid-modal-container.qaid-above .qaid-modal-arrow{border-top:12px solid light-dark(#ffffff,#1f2937)}.qaid-modal-box{color-scheme:inherit;background:light-dark(#ffffff,#1f2937);border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5));width:var(--qaid-modal-width, 400px);max-width:calc(100vw - 32px);max-height:calc(100vh - 60px);overflow-y:auto}.qaid-modal-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}button.qaid-type-toggle{border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;-webkit-appearance:none;appearance:none}button.qaid-type-toggle:hover{transform:scale(1.1)}button.qaid-type-toggle:not(.qaid-type-toggle-custom){width:2.5rem;height:2.5rem;border-radius:50%}button.qaid-type-toggle:not(.qaid-type-toggle-custom) svg{width:1.25rem;height:1.25rem}button.qaid-type-toggle.qaid-type-up{background:var(--qaid-positive);color:#fff}button.qaid-type-toggle.qaid-type-down{background:var(--qaid-negative);color:#fff}.qaid-modal-header-text{flex:1;min-width:0}.qaid-modal-title{font-size:1.125rem;font-weight:700;margin:0 0 .25rem;color:light-dark(#1f2937,#f9fafb)}.qaid-modal-subtitle{color:light-dark(#6b7280,#9ca3af);margin:0;font-size:.875rem}.qaid-textarea{width:100%;height:6rem;padding:.75rem;border:1px solid light-dark(#d1d5db,#374151);border-radius:.5rem;font-family:inherit;font-size:1rem;resize:vertical;margin-bottom:1rem;box-sizing:border-box;background:light-dark(#ffffff,#111827);color:light-dark(#1f2937,#f9fafb)}.qaid-textarea:focus{outline:none;border-color:var(--qaid-marker);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-marker) 20%,transparent)}.qaid-btn-row{display:flex;gap:.5rem;justify-content:flex-end}button.qaid-btn-submit{padding:.5rem 1rem;background:var(--qaid-marker);color:var(--qaid-marker-text, white);border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,filter .2s;-webkit-appearance:none;appearance:none}button.qaid-btn-submit:hover{filter:brightness(.85)}button.qaid-btn-submit:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-marker) 30%,transparent)}.qaid-bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:50;animation:qaid-slideUpSheet .3s ease-out;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px)}.qaid-bottom-sheet-content{background:light-dark(#ffffff,#1f2937);border-radius:1rem 1rem 0 0;padding:1.5rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.qaid-bottom-sheet-handle{width:36px;height:4px;background:light-dark(rgba(0,0,0,.2),rgba(255,255,255,.2));border-radius:2px;margin:0 auto 1rem}@keyframes qaid-slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}button.qaid-btn-record:hover{background:#dc2626;color:#fff}.qaid-recording-indicator{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:light-dark(#1f2937,#374151);color:#fff;border-radius:9999px;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #0000004d;z-index:99999;animation:qaid-slideDown .2s ease-out}.qaid-recording-dot{width:10px;height:10px;background:#dc2626;border-radius:50%;animation:qaid-dotPulse 1.5s ease-in-out infinite}@keyframes qaid-dotPulse{0%,to{opacity:1}50%{opacity:.3}}.qaid-recording-time{font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:center}button.qaid-recording-stop{padding:.25rem .75rem;background:#dc2626;color:#fff;border:none;border-radius:9999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .2s;-webkit-appearance:none;appearance:none}button.qaid-recording-stop:hover{background:#b91c1c}.qaid-video-preview{position:fixed;inset:0 0 auto;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;background:#0009;z-index:99998;animation:qaid-fadeIn .2s ease-out}@keyframes qaid-fadeIn{0%{opacity:0}to{opacity:1}}.qaid-video-preview-box{color-scheme:inherit;background:light-dark(#ffffff,#1f2937);border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px #00000080;width:560px;max-width:100%;max-height:100%;overflow-y:auto;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px)}.qaid-video-preview-box h3{font-size:1.125rem;font-weight:700;margin:0 0 1rem;color:light-dark(#1f2937,#f9fafb)}.qaid-video-preview-box video{width:100%;max-height:50vh;max-height:50dvh;object-fit:contain;border-radius:.5rem;background:#000;margin-bottom:1rem}.qaid-video-preview-box textarea{width:100%;height:4rem;padding:.75rem;border:1px solid light-dark(#d1d5db,#374151);border-radius:.5rem;font-family:inherit;font-size:.875rem;resize:vertical;margin-bottom:1rem;box-sizing:border-box;background:light-dark(#ffffff,#111827);color:light-dark(#1f2937,#f9fafb)}.qaid-video-preview-box textarea:focus{outline:none;border-color:var(--qaid-marker);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-marker) 20%,transparent)}.qaid-video-preview-actions{display:flex;gap:.5rem;justify-content:flex-end}button.qaid-video-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,filter .2s;-webkit-appearance:none;appearance:none}button.qaid-video-btn-cancel{background:light-dark(#f3f4f6,#374151);color:light-dark(#374151,#d1d5db)}button.qaid-video-btn-cancel:hover{background:light-dark(#e5e7eb,#4b5563)}button.qaid-video-btn-rerecord{background:light-dark(#fef3c7,#78350f);color:light-dark(#92400e,#fde68a)}button.qaid-video-btn-rerecord:hover{filter:brightness(.9)}button.qaid-video-btn-send{background:var(--qaid-marker);color:var(--qaid-marker-text, white)}button.qaid-video-btn-send:hover{filter:brightness(.85)}button.qaid-video-btn-send:disabled{opacity:.5;cursor:not-allowed}.qaid-video-sending{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:light-dark(#6b7280,#9ca3af)}.qaid-annotate{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;gap:.75rem;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;background:#000000d9;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px);animation:qaid-fadeIn .2s ease-out}.qaid-annotate-title{margin:0;font-size:1rem;font-weight:700;text-align:center;color:#f9fafb}.qaid-annotate-desc{margin:0;font-size:.8125rem;line-height:1.4;text-align:center;color:#f9fafbbf}.qaid-annotate-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto}.qaid-annotate-canvas{max-width:100%;max-height:100%;object-fit:contain;background:light-dark(#ffffff,#111827);border-radius:.5rem;box-shadow:0 10px 30px #00000080;touch-action:none;cursor:crosshair}.qaid-annotate-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center;padding:.5rem .75rem;background:light-dark(#ffffff,#1f2937);border-radius:.75rem;box-shadow:0 10px 30px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5))}.qaid-annotate-tools,.qaid-annotate-actions{display:flex;gap:.375rem;align-items:center}button.qaid-annotate-tool,button.qaid-annotate-action{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-width:44px;min-height:44px;padding:0 .75rem;border:1px solid light-dark(#d1d5db,#374151);border-radius:.5rem;background:light-dark(#f9fafb,#111827);color:light-dark(#1f2937,#f9fafb);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s,color .15s,border-color .15s,filter .15s}button.qaid-annotate-tool{padding:0}button.qaid-annotate-tool svg,button.qaid-annotate-action svg{width:20px;height:20px}button.qaid-annotate-tool:hover,button.qaid-annotate-action:hover{background:light-dark(#eef2ff,#312e81)}button.qaid-annotate-tool[aria-pressed=true],button.qaid-annotate-done{background:var(--qaid-marker, #6366f1);color:var(--qaid-marker-text, #fff);border-color:var(--qaid-marker, #6366f1)}button.qaid-annotate-done:hover{filter:brightness(.9);background:var(--qaid-marker, #6366f1)}button.qaid-annotate-action:disabled{opacity:.45;cursor:not-allowed}@media(forced-colors:active){button.qaid-annotate-tool[aria-pressed=true],button.qaid-annotate-done{border:2px solid Highlight}.qaid-annotate-canvas{border:1px solid CanvasText}}button:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--qaid-marker, #6366f1);outline-offset:2px}.qaid-textarea:focus-visible,button.qaid-btn-submit:focus-visible,.qaid-video-preview-box textarea:focus-visible{outline:2px solid var(--qaid-marker, #6366f1);outline-offset:2px}.qaid-buttons.qaid-incognito:focus-within{opacity:1}.qaid-buttons:focus-within .qaid-dismiss-btn,.qaid-dismiss-btn:focus-visible{opacity:1}.qaid-dismiss-btn{min-width:24px;min-height:24px}button.qaid-recording-stop{min-height:24px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){button:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible,.qaid-textarea:focus,button.qaid-btn-submit:focus,.qaid-video-preview-box textarea:focus{outline:2px solid CanvasText;outline-offset:2px}.qaid-selected-marker,.qaid-highlight-box{border-color:Highlight}}", ct = "body.qaid-targeting,body.qaid-targeting *{cursor:none!important}";
-let b = 0;
-const ut = "button.qaid-btn{width:var(--qaid-btn-size);height:var(--qaid-btn-size);border-radius:50%;border:none;background:#f3f4f6;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:background-color .2s,color .2s,transform .2s;-webkit-appearance:none;appearance:none;--qaid-hover-up-bg:var(--qaid-positive);--qaid-hover-up-color:#fff;--qaid-hover-down-bg:var(--qaid-negative);--qaid-hover-down-color:#fff}button.qaid-btn:hover{transform:scale(1.05)}button.qaid-btn-up:hover{background:var(--qaid-hover-up-bg);color:var(--qaid-hover-up-color)}button.qaid-btn-down:hover{background:var(--qaid-hover-down-bg);color:var(--qaid-hover-down-color)}button.qaid-btn svg{width:var(--qaid-icon-size);height:var(--qaid-icon-size)}", ht = {
+import { i as ct, F as ut, T as ht, a as pt, R as bt } from "./annotate-pSxJNPPL.js";
+const ft = "button{cursor:pointer}.qaid-buttons{display:flex;gap:.5rem}.qaid-buttons.qaid-vertical{flex-direction:column}.qaid-buttons.qaid-auto-container{position:fixed;z-index:50}.qaid-buttons.qaid-auto-container.qaid-bottom-right{bottom:1rem;right:1rem}.qaid-buttons.qaid-auto-container.qaid-bottom-left{bottom:1rem;left:1rem}.qaid-buttons.qaid-auto-container.qaid-top-right{top:1rem;right:1rem}.qaid-buttons.qaid-auto-container.qaid-top-left{top:1rem;left:1rem}.qaid-buttons.qaid-incognito{opacity:0;transition:opacity .2s ease-in-out}.qaid-buttons.qaid-incognito:hover{opacity:1}.qaid-buttons.qaid-dismissed{display:none!important}.qaid-dismiss-btn{width:20px;height:20px;padding:0;border:none;border-radius:50%;background:#0006;color:#fff;display:flex;align-items:center;justify-content:center;align-self:center;opacity:0;transition:opacity .15s,background .15s;cursor:pointer;pointer-events:auto;-webkit-appearance:none;appearance:none}.qaid-dismiss-btn:hover{background:#0009}.qaid-buttons:hover .qaid-dismiss-btn{opacity:1}button.qaid-btn-structural{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;appearance:none}.qaid-icon{width:24px;height:24px}.qaid-btn-structural:not(:has(svg)),.qaid-btn:not(:has(svg)){font-size:var(--qaid-icon-size, 24px);line-height:1}.qaid-emoji-icon{font-size:var(--qaid-icon-size, 24px);line-height:1}.qaid-buttons,.qaid-buttons *,.qaid-modal-container,.qaid-modal-container *{cursor:pointer!important}.qaid-tooltip-wrapper{position:relative}.qaid-tooltip-text{position:fixed;padding:.5rem .75rem;background:#1f2937;color:#fff;font-size:1rem;font-weight:600;border-radius:.5rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:99999}.qaid-tooltip-text.qaid-tooltip-visible{opacity:1}.qaid-targeting-overlay{position:fixed;inset:0;z-index:40;pointer-events:none}.qaid-capture-layer{position:fixed;inset:0;pointer-events:none;z-index:9999}@keyframes qaid-slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.qaid-vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 100%);z-index:41}.qaid-crosshair-h,.qaid-crosshair-v{position:fixed;pointer-events:none;z-index:42}.qaid-crosshair-h{left:0;right:0;height:1px;background:color-mix(in srgb,var(--qaid-negative) 60%,transparent)}.qaid-crosshair-v{top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--qaid-negative) 60%,transparent)}.qaid-type-up .qaid-crosshair-h,.qaid-type-up .qaid-crosshair-v{background:color-mix(in srgb,var(--qaid-positive) 60%,transparent)}.qaid-highlight-box{position:fixed;top:0;left:0;pointer-events:none;z-index:41;display:none;border:3px solid color-mix(in srgb,var(--qaid-negative) 80%,transparent);border-radius:2px;background:color-mix(in srgb,var(--qaid-negative) 8%,transparent);will-change:transform,width,height}.qaid-type-up .qaid-highlight-box{border-color:color-mix(in srgb,var(--qaid-positive) 80%,transparent);background:color-mix(in srgb,var(--qaid-positive) 8%,transparent)}.qaid-scope{position:fixed;width:80px;height:80px;pointer-events:none;z-index:43;transform:translate(-50%,-50%)}.qaid-scope-ring{position:absolute;inset:10px;border:2px solid color-mix(in srgb,var(--qaid-negative) 80%,transparent);border-radius:50%}.qaid-type-up .qaid-scope-ring{border-color:color-mix(in srgb,var(--qaid-positive) 80%,transparent)}.qaid-scope-ring-inner{position:absolute;inset:20px;border:1px solid color-mix(in srgb,var(--qaid-negative) 50%,transparent);border-radius:50%}.qaid-type-up .qaid-scope-ring-inner{border-color:color-mix(in srgb,var(--qaid-positive) 50%,transparent)}.qaid-scope-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--qaid-negative);border-radius:50%;transform:translate(-50%,-50%)}.qaid-type-up .qaid-scope-dot{background:var(--qaid-positive)}.qaid-selected-marker{position:fixed;border:3px solid var(--qaid-marker, #6366f1);border-radius:50%;pointer-events:none;z-index:44;animation:qaid-markerPulse 1.5s ease-in-out infinite}@keyframes qaid-markerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.qaid-backdrop{position:fixed;inset:0;z-index:45;background:#0000004d}.qaid-modal-container{position:fixed;z-index:50;display:flex;flex-direction:column;align-items:flex-start;max-height:calc(100vh - 32px);font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px)}.qaid-modal-container.qaid-above{flex-direction:column-reverse}.qaid-modal-arrow{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;position:relative;align-self:flex-start}.qaid-modal-container.qaid-below .qaid-modal-arrow{border-bottom:12px solid light-dark(#ffffff,#1f2937)}.qaid-modal-container.qaid-above .qaid-modal-arrow{border-top:12px solid light-dark(#ffffff,#1f2937)}.qaid-modal-box{color-scheme:inherit;background:light-dark(#ffffff,#1f2937);border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5));width:var(--qaid-modal-width, 400px);max-width:calc(100vw - 32px);max-height:calc(100vh - 60px);overflow-y:auto}.qaid-modal-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}button.qaid-type-toggle{border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;-webkit-appearance:none;appearance:none}button.qaid-type-toggle:hover{transform:scale(1.1)}button.qaid-type-toggle:not(.qaid-type-toggle-custom){width:2.5rem;height:2.5rem;border-radius:50%}button.qaid-type-toggle:not(.qaid-type-toggle-custom) svg{width:1.25rem;height:1.25rem}button.qaid-type-toggle.qaid-type-up{background:var(--qaid-positive);color:#fff}button.qaid-type-toggle.qaid-type-down{background:var(--qaid-negative);color:#fff}.qaid-type-static{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--qaid-marker, #6366f1);color:var(--qaid-marker-text, white)}.qaid-type-static svg{width:1.25rem;height:1.25rem}.qaid-modal-header-text{flex:1;min-width:0}.qaid-modal-title{font-size:1.125rem;font-weight:700;margin:0 0 .25rem;color:light-dark(#1f2937,#f9fafb)}.qaid-modal-subtitle{color:light-dark(#6b7280,#9ca3af);margin:0;font-size:.875rem}.qaid-textarea{width:100%;height:6rem;padding:.75rem;border:1px solid light-dark(#d1d5db,#374151);border-radius:.5rem;font-family:inherit;font-size:1rem;resize:vertical;margin-bottom:1rem;box-sizing:border-box;background:light-dark(#ffffff,#111827);color:light-dark(#1f2937,#f9fafb)}.qaid-textarea:focus{outline:none;border-color:var(--qaid-marker);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-marker) 20%,transparent)}.qaid-btn-row{display:flex;gap:.5rem;justify-content:flex-end}button.qaid-btn-submit{padding:.5rem 1rem;background:var(--qaid-marker);color:var(--qaid-marker-text, white);border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,filter .2s;-webkit-appearance:none;appearance:none}button.qaid-btn-submit:hover{filter:brightness(.85)}button.qaid-btn-submit:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-marker) 30%,transparent)}.qaid-bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:50;animation:qaid-slideUpSheet .3s ease-out;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px)}.qaid-bottom-sheet-content{background:light-dark(#ffffff,#1f2937);border-radius:1rem 1rem 0 0;padding:1.5rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.qaid-bottom-sheet-handle{width:36px;height:4px;background:light-dark(rgba(0,0,0,.2),rgba(255,255,255,.2));border-radius:2px;margin:0 auto 1rem}@keyframes qaid-slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}button.qaid-btn-record:hover{background:#dc2626;color:#fff}.qaid-recording-indicator{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:light-dark(#1f2937,#374151);color:#fff;border-radius:9999px;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #0000004d;z-index:99999;animation:qaid-slideDown .2s ease-out}.qaid-recording-dot{width:10px;height:10px;background:#dc2626;border-radius:50%;animation:qaid-dotPulse 1.5s ease-in-out infinite}@keyframes qaid-dotPulse{0%,to{opacity:1}50%{opacity:.3}}.qaid-recording-time{font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:center}button.qaid-recording-stop{padding:.25rem .75rem;background:#dc2626;color:#fff;border:none;border-radius:9999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .2s;-webkit-appearance:none;appearance:none}button.qaid-recording-stop:hover{background:#b91c1c}.qaid-video-preview{position:fixed;inset:0 0 auto;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;background:#0009;z-index:99998;animation:qaid-fadeIn .2s ease-out}@keyframes qaid-fadeIn{0%{opacity:0}to{opacity:1}}.qaid-video-preview-box{color-scheme:inherit;background:light-dark(#ffffff,#1f2937);border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px #00000080;width:560px;max-width:100%;max-height:100%;overflow-y:auto;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px)}.qaid-video-preview-box h3{font-size:1.125rem;font-weight:700;margin:0 0 1rem;color:light-dark(#1f2937,#f9fafb)}.qaid-video-preview-box video{width:100%;max-height:50vh;max-height:50dvh;object-fit:contain;border-radius:.5rem;background:#000;margin-bottom:1rem}.qaid-video-preview-box textarea{width:100%;height:4rem;padding:.75rem;border:1px solid light-dark(#d1d5db,#374151);border-radius:.5rem;font-family:inherit;font-size:.875rem;resize:vertical;margin-bottom:1rem;box-sizing:border-box;background:light-dark(#ffffff,#111827);color:light-dark(#1f2937,#f9fafb)}.qaid-video-preview-box textarea:focus{outline:none;border-color:var(--qaid-marker);box-shadow:0 0 0 3px color-mix(in srgb,var(--qaid-marker) 20%,transparent)}.qaid-video-preview-actions{display:flex;gap:.5rem;justify-content:flex-end}button.qaid-video-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,filter .2s;-webkit-appearance:none;appearance:none}button.qaid-video-btn-cancel{background:light-dark(#f3f4f6,#374151);color:light-dark(#374151,#d1d5db)}button.qaid-video-btn-cancel:hover{background:light-dark(#e5e7eb,#4b5563)}button.qaid-video-btn-rerecord{background:light-dark(#fef3c7,#78350f);color:light-dark(#92400e,#fde68a)}button.qaid-video-btn-rerecord:hover{filter:brightness(.9)}button.qaid-video-btn-send{background:var(--qaid-marker);color:var(--qaid-marker-text, white)}button.qaid-video-btn-send:hover{filter:brightness(.85)}button.qaid-video-btn-send:disabled{opacity:.5;cursor:not-allowed}.qaid-video-sending{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:light-dark(#6b7280,#9ca3af)}.qaid-annotate{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;gap:.75rem;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;background:#000000d9;font-family:var(--qaid-font-family, system-ui, -apple-system, sans-serif);font-size:var(--qaid-font-size, 16px);animation:qaid-fadeIn .2s ease-out}.qaid-annotate-title{margin:0;font-size:1rem;font-weight:700;text-align:center;color:#f9fafb}.qaid-annotate-desc{margin:0;font-size:.8125rem;line-height:1.4;text-align:center;color:#f9fafbbf}.qaid-annotate-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto}.qaid-annotate-canvas{max-width:100%;max-height:100%;object-fit:contain;background:light-dark(#ffffff,#111827);border-radius:.5rem;box-shadow:0 10px 30px #00000080;touch-action:none;cursor:crosshair}.qaid-annotate-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center;padding:.5rem .75rem;background:light-dark(#ffffff,#1f2937);border-radius:.75rem;box-shadow:0 10px 30px light-dark(rgba(0,0,0,.25),rgba(0,0,0,.5))}.qaid-annotate-tools,.qaid-annotate-actions{display:flex;gap:.375rem;align-items:center}button.qaid-annotate-tool,button.qaid-annotate-action{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-width:44px;min-height:44px;padding:0 .75rem;border:1px solid light-dark(#d1d5db,#374151);border-radius:.5rem;background:light-dark(#f9fafb,#111827);color:light-dark(#1f2937,#f9fafb);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s,color .15s,border-color .15s,filter .15s}button.qaid-annotate-tool svg,button.qaid-annotate-action svg{width:20px;height:20px}.qaid-annotate-colors{display:flex;gap:.25rem;align-items:center}button.qaid-annotate-swatch{width:28px;height:28px;min-width:28px;padding:0;border-radius:9999px;border:2px solid light-dark(#d1d5db,#4b5563);background:var(--qaid-swatch, #000);cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .1s,box-shadow .15s,border-color .15s}button.qaid-annotate-swatch:hover{transform:scale(1.12)}button.qaid-annotate-swatch[aria-pressed=true]{border-color:light-dark(#111827,#f9fafb);box-shadow:0 0 0 2px var(--qaid-swatch)}@media(forced-colors:active){button.qaid-annotate-swatch[aria-pressed=true]{outline:2px solid Highlight;outline-offset:1px}}button.qaid-annotate-tool:hover,button.qaid-annotate-action:hover{background:light-dark(#eef2ff,#312e81)}button.qaid-annotate-tool[aria-pressed=true],button.qaid-annotate-done{background:var(--qaid-marker, #6366f1);color:var(--qaid-marker-text, #fff);border-color:var(--qaid-marker, #6366f1)}button.qaid-annotate-done:hover{filter:brightness(.9);background:var(--qaid-marker, #6366f1)}button.qaid-annotate-action:disabled{opacity:.45;cursor:not-allowed}@media(forced-colors:active){button.qaid-annotate-tool[aria-pressed=true],button.qaid-annotate-done{border:2px solid Highlight}.qaid-annotate-canvas{border:1px solid CanvasText}}button:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--qaid-marker, #6366f1);outline-offset:2px}.qaid-textarea:focus-visible,button.qaid-btn-submit:focus-visible,.qaid-video-preview-box textarea:focus-visible{outline:2px solid var(--qaid-marker, #6366f1);outline-offset:2px}.qaid-buttons.qaid-incognito:focus-within{opacity:1}.qaid-buttons:focus-within .qaid-dismiss-btn,.qaid-dismiss-btn:focus-visible{opacity:1}.qaid-dismiss-btn{min-width:24px;min-height:24px}button.qaid-recording-stop{min-height:24px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){button:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible,.qaid-textarea:focus,button.qaid-btn-submit:focus,.qaid-video-preview-box textarea:focus{outline:2px solid CanvasText;outline-offset:2px}.qaid-selected-marker,.qaid-highlight-box{border-color:Highlight}}", mt = "body.qaid-targeting,body.qaid-targeting *{cursor:none!important}";
+let f = 0;
+const gt = "button.qaid-btn{width:var(--qaid-btn-size);height:var(--qaid-btn-size);border-radius:50%;border:none;background:#f3f4f6;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:background-color .2s,color .2s,transform .2s;-webkit-appearance:none;appearance:none;--qaid-hover-up-bg:var(--qaid-positive);--qaid-hover-up-color:#fff;--qaid-hover-down-bg:var(--qaid-negative);--qaid-hover-down-color:#fff}button.qaid-btn:hover{transform:scale(1.05)}button.qaid-btn-up:hover{background:var(--qaid-hover-up-bg);color:var(--qaid-hover-up-color)}button.qaid-btn-down:hover{background:var(--qaid-hover-down-bg);color:var(--qaid-hover-down-color)}button.qaid-btn-feedback:hover{background:var(--qaid-marker,#6366f1);color:var(--qaid-marker-text,#fff)}button.qaid-btn svg{width:var(--qaid-icon-size);height:var(--qaid-icon-size)}", vt = {
   small: 36,
   medium: 48,
   large: 64
-}, pt = {
+}, yt = {
   small: 18,
   medium: 24,
   large: 32
 };
-function ft(e, t, i) {
-  const [o, s, a] = [e, t, i].map((n) => (n = n / 255, n <= 0.03928 ? n / 12.92 : Math.pow((n + 0.055) / 1.055, 2.4)));
-  return 0.2126 * o + 0.7152 * s + 0.0722 * a;
+function wt(e, t, i) {
+  const [o, n, a] = [e, t, i].map((r) => (r = r / 255, r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4)));
+  return 0.2126 * o + 0.7152 * n + 0.0722 * a;
 }
-function bt(e) {
+function qt(e) {
   if (e.startsWith("#")) {
-    const i = e.slice(1), o = i.length === 3 ? i.split("").map((a) => a + a).join("") : i, s = parseInt(o, 16);
+    const i = e.slice(1), o = i.length === 3 ? i.split("").map((a) => a + a).join("") : i, n = parseInt(o, 16);
     return {
-      r: s >> 16 & 255,
-      g: s >> 8 & 255,
-      b: s & 255
+      r: n >> 16 & 255,
+      g: n >> 8 & 255,
+      b: n & 255
     };
   }
   const t = e.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
@@ -30,50 +30,50 @@ function bt(e) {
     b: parseInt(t[3])
   } : null;
 }
-function mt(e) {
-  const t = bt(e);
-  return t && ft(t.r, t.g, t.b) > 0.4 ? "black" : "white";
+function xt(e) {
+  const t = qt(e);
+  return t && wt(t.r, t.g, t.b) > 0.4 ? "black" : "white";
 }
-function gt(e = {}) {
+function kt(e = {}) {
   const {
     positiveColor: t = "rgb(0, 200, 83)",
     negativeColor: i = "rgb(255, 0, 0)",
     markerColor: o = "#6366f1",
-    buttonSize: s = "medium",
+    buttonSize: n = "medium",
     modalWidth: a = 400,
-    backdropOpacity: n = 0.3,
+    backdropOpacity: r = 0.3,
     fontFamily: l = "system-ui, -apple-system, sans-serif",
     fontSize: c = 16
-  } = e, d = ht[s], r = pt[s], h = mt(o);
+  } = e, d = vt[n], s = yt[n], u = xt(o);
   return {
     "--qaid-positive": t,
     "--qaid-negative": i,
     "--qaid-marker": o,
-    "--qaid-marker-text": h,
+    "--qaid-marker-text": u,
     "--qaid-btn-size": `${d}px`,
-    "--qaid-icon-size": `${r}px`,
+    "--qaid-icon-size": `${s}px`,
     "--qaid-modal-width": `${a}px`,
-    "--qaid-backdrop-opacity": String(n),
+    "--qaid-backdrop-opacity": String(r),
     "--qaid-font-family": l,
     "--qaid-font-size": `${c}px`
   };
 }
-function vt(e, t) {
+function St(e, t) {
   for (const [i, o] of Object.entries(t))
     e.style.setProperty(i, o);
 }
-function M() {
-  return lt + ut;
+function R() {
+  return ft + gt;
 }
-function yt() {
-  if (b++, b > 1) return;
+function Ct() {
+  if (f++, f > 1) return;
   const e = document.createElement("style");
-  e.id = "qaid-styles", e.textContent = ct, document.head.appendChild(e);
+  e.id = "qaid-styles", e.textContent = mt, document.head.appendChild(e);
 }
-function wt() {
-  b <= 0 || (b--, b === 0 && document.getElementById("qaid-styles").remove());
+function At() {
+  f <= 0 || (f--, f === 0 && document.getElementById("qaid-styles").remove());
 }
-const B = "data-qaid-a11y-live", qt = "position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;", xt = [
+const P = "data-qaid-a11y-live", Tt = "position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;", Et = [
   "a[href]",
   "button",
   "input",
@@ -81,25 +81,25 @@ const B = "data-qaid-a11y-live", qt = "position:absolute;width:1px;height:1px;ma
   "select",
   "[tabindex]"
 ].join(",");
-function kt(e) {
+function It(e) {
   return e.ownerDocument || document;
 }
-function St(e, t) {
+function Dt(e, t) {
   const i = t ? "assertive" : "polite", o = e.querySelector(
-    `[${B}="${i}"]`
+    `[${P}="${i}"]`
   );
   if (o) return o;
-  const a = kt(e).createElement("div");
-  return a.setAttribute(B, i), a.setAttribute("role", t ? "alert" : "status"), a.setAttribute("aria-live", t ? "assertive" : "polite"), a.setAttribute("aria-atomic", "true"), a.style.cssText = qt, e.appendChild(a), a;
+  const a = It(e).createElement("div");
+  return a.setAttribute(P, i), a.setAttribute("role", t ? "alert" : "status"), a.setAttribute("aria-live", t ? "assertive" : "polite"), a.setAttribute("aria-atomic", "true"), a.style.cssText = Tt, e.appendChild(a), a;
 }
-function Ct(e, t, i = {}) {
-  const o = St(e, !!i.assertive);
+function Ht(e, t, i = {}) {
+  const o = Dt(e, !!i.assertive);
   o.textContent = "", o.textContent = t;
 }
-function At(e) {
+function zt(e) {
   return e.hasAttribute("disabled") ? !0 : e.disabled === !0;
 }
-function Tt(e) {
+function Lt(e) {
   let t = e;
   for (; t; ) {
     if (t.hasAttribute("hidden")) return !0;
@@ -110,52 +110,52 @@ function Tt(e) {
   }
   return !1;
 }
-function O(e) {
+function F(e) {
   return Array.from(
-    e.querySelectorAll(xt)
-  ).filter((i) => !(i.getAttribute("tabindex") === "-1" || i instanceof HTMLInputElement && i.type === "hidden" || i instanceof HTMLAnchorElement && !i.getAttribute("href") || At(i) || Tt(i)));
+    e.querySelectorAll(Et)
+  ).filter((i) => !(i.getAttribute("tabindex") === "-1" || i instanceof HTMLInputElement && i.type === "hidden" || i instanceof HTMLAnchorElement && !i.getAttribute("href") || zt(i) || Lt(i)));
 }
-function U(e) {
+function K(e) {
   let t = e.activeElement;
   for (; t && t.shadowRoot && t.shadowRoot.activeElement; )
     t = t.shadowRoot.activeElement;
   return t instanceof HTMLElement ? t : null;
 }
-function Dt(e) {
+function Mt(e) {
   const t = e.ownerDocument || document;
   let i = !1;
   const o = (a) => {
     if (a.key !== "Tab") return;
-    const n = O(e);
-    if (n.length === 0) {
+    const r = F(e);
+    if (r.length === 0) {
       a.preventDefault(), e.focus();
       return;
     }
-    const l = n[0], c = n[n.length - 1], d = U(t), r = d ? n.indexOf(d) !== -1 : !1;
-    a.shiftKey ? (!r || d === l) && (a.preventDefault(), c.focus()) : (!r || d === c) && (a.preventDefault(), l.focus());
+    const l = r[0], c = r[r.length - 1], d = K(t), s = d ? r.indexOf(d) !== -1 : !1;
+    a.shiftKey ? (!s || d === l) && (a.preventDefault(), c.focus()) : (!s || d === c) && (a.preventDefault(), l.focus());
   };
   e.addEventListener("keydown", o);
-  const s = O(e);
-  return s.length > 0 ? s[0].focus() : (e.hasAttribute("tabindex") || (e.setAttribute("tabindex", "-1"), i = !0), e.focus()), {
+  const n = F(e);
+  return n.length > 0 ? n[0].focus() : (e.hasAttribute("tabindex") || (e.setAttribute("tabindex", "-1"), i = !0), e.focus()), {
     release() {
       e.removeEventListener("keydown", o), i && (e.removeAttribute("tabindex"), i = !1);
     }
   };
 }
-function It() {
-  return U(document);
+function Bt() {
+  return K(document);
 }
-function Et(e) {
+function Ot(e) {
   if (!(!e || typeof e.focus != "function"))
     try {
       e.focus();
     } catch {
     }
 }
-function Ht(e, t = {}) {
+function Rt(e, t = {}) {
   e.setAttribute("role", "dialog"), e.setAttribute("aria-modal", "true"), t.labelledbyId && e.setAttribute("aria-labelledby", t.labelledbyId), t.describedbyId && e.setAttribute("aria-describedby", t.describedbyId), t.label && e.setAttribute("aria-label", t.label);
 }
-function zt(e, t) {
+function Pt(e, t) {
   let i = e;
   for (; i && i !== t; ) {
     const o = i.parentNode;
@@ -169,32 +169,32 @@ function zt(e, t) {
   }
   return null;
 }
-function Lt(e) {
+function Ft(e) {
   const i = (e.ownerDocument || document).body;
   if (!i) return () => {
   };
-  const o = zt(e, i), s = [];
+  const o = Pt(e, i), n = [];
   return Array.from(i.children).forEach((a) => {
     if (!(a instanceof HTMLElement) || o && a === o) return;
-    const n = a.inert === !0, l = a.getAttribute("aria-hidden");
-    n && l === "true" || (a.inert = !0, a.setAttribute("aria-hidden", "true"), s.push({ el: a, prevInert: n, prevAriaHidden: l }));
+    const r = a.inert === !0, l = a.getAttribute("aria-hidden");
+    r && l === "true" || (a.inert = !0, a.setAttribute("aria-hidden", "true"), n.push({ el: a, prevInert: r, prevAriaHidden: l }));
   }), function() {
-    for (; s.length; ) {
-      const n = s.pop();
-      n.el.inert = n.prevInert, n.prevAriaHidden === null ? n.el.removeAttribute("aria-hidden") : n.el.setAttribute("aria-hidden", n.prevAriaHidden);
+    for (; n.length; ) {
+      const r = n.pop();
+      r.el.inert = r.prevInert, r.prevAriaHidden === null ? r.el.removeAttribute("aria-hidden") : r.el.setAttribute("aria-hidden", r.prevAriaHidden);
     }
   };
 }
-const V = {
+const N = {
   width: 400,
   height: 280,
   arrowHeight: 12,
   gap: 8,
   viewportPadding: 16
 };
-function Mt(e, t, i, o, s) {
-  const a = e.y, n = t - (e.y + e.height);
-  if (n >= i + o)
+function Ut(e, t, i, o, n) {
+  const a = e.y, r = t - (e.y + e.height);
+  if (r >= i + o)
     return {
       top: e.y + e.height + o,
       position: "below"
@@ -204,29 +204,29 @@ function Mt(e, t, i, o, s) {
       top: e.y - i - o,
       position: "above"
     };
-  const l = n > a ? "below" : "above";
+  const l = r > a ? "below" : "above";
   let c;
   return l === "below" ? c = Math.min(
     e.y + e.height + o,
-    t - i - s
-  ) : c = Math.max(s, e.y - i - o), { top: c, position: l };
+    t - i - n
+  ) : c = Math.max(n, e.y - i - o), { top: c, position: l };
 }
-function Bt(e, t, i, o) {
+function Vt(e, t, i, o) {
   let a = e.x + e.width / 2 - i / 2;
   return a = Math.max(o, Math.min(a, t - i - o)), a;
 }
-function Ot(e, t, i, o = 24, s = 24) {
-  const n = e.clickX - t - s / 2;
-  return Math.max(o, Math.min(n, i - o - s / 2));
+function _t(e, t, i, o = 24, n = 24) {
+  const r = e.clickX - t - n / 2;
+  return Math.max(o, Math.min(r, i - o - n / 2));
 }
-function Rt(e, t, i, o = V) {
-  const s = o.height + o.arrowHeight, a = Mt(
+function Kt(e, t, i, o = N) {
+  const n = o.height + o.arrowHeight, a = Ut(
     e,
     i,
-    s,
+    n,
     o.gap,
     o.viewportPadding
-  ), n = Bt(
+  ), r = Vt(
     e,
     t,
     o.width,
@@ -234,52 +234,52 @@ function Rt(e, t, i, o = V) {
   );
   return {
     top: a.top,
-    left: n,
+    left: r,
     position: a.position
   };
 }
-function Pt(e, t, i, o = {}) {
-  const s = o.gap ?? 8;
-  let a = e.bottom + s;
-  a + t.height > i.height - s && (a = e.top - t.height - s);
-  let n = e.left;
-  return n < s ? n = s : n + t.width > i.width - s && (n = i.width - t.width - s), a < s ? a = s : a + t.height > i.height - s && (a = i.height - t.height - s), { top: a, left: n };
+function Nt(e, t, i, o = {}) {
+  const n = o.gap ?? 8;
+  let a = e.bottom + n;
+  a + t.height > i.height - n && (a = e.top - t.height - n);
+  let r = e.left;
+  return r < n ? r = n : r + t.width > i.width - n && (r = i.width - t.width - n), a < n ? a = n : a + t.height > i.height - n && (a = i.height - t.height - n), { top: a, left: r };
 }
-function Zt(e, t, i, o = V) {
-  const s = Rt(e, t, i, o), a = Ot(
+function re(e, t, i, o = N) {
+  const n = Kt(e, t, i, o), a = _t(
     e,
-    s.left,
+    n.left,
     o.width
   );
   return {
-    modal: s,
+    modal: n,
     arrow: { left: a }
   };
 }
-const Ft = 20;
-function Ut(e) {
-  const t = [], i = console.error, o = console.warn, s = console.log, a = (n, l) => {
+const $t = 20;
+function jt(e) {
+  const t = [], i = console.error, o = console.warn, n = console.log, a = (r, l) => {
     const c = {
       message: l.map((d) => String(d)).join(" "),
       timestamp: Date.now(),
-      level: n
+      level: r
     };
-    t.length >= Ft && t.shift(), t.push(c), e && e(c);
+    t.length >= $t && t.shift(), t.push(c), e && e(c);
   };
-  return console.error = function(...n) {
-    a("error", n), i.apply(console, n);
-  }, console.warn = function(...n) {
-    a("warn", n), o.apply(console, n);
-  }, console.log = function(...n) {
-    a("log", n), s.apply(console, n);
+  return console.error = function(...r) {
+    a("error", r), i.apply(console, r);
+  }, console.warn = function(...r) {
+    a("warn", r), o.apply(console, r);
+  }, console.log = function(...r) {
+    a("log", r), n.apply(console, r);
   }, {
     errors: t,
     restore: () => {
-      console.error = i, console.warn = o, console.log = s;
+      console.error = i, console.warn = o, console.log = n;
     }
   };
 }
-const Vt = "https://unpkg.com/@qaiddev/quests-embed@1/dist/qaid-quests.js", Kt = (e) => (
+const Qt = "https://unpkg.com/@qaiddev/quests-embed@1/dist/qaid-quests.js", Wt = (e) => (
   // The URL is a runtime value, not a static specifier — keep Vite from
   // trying to analyze/bundle it.
   import(
@@ -287,19 +287,19 @@ const Vt = "https://unpkg.com/@qaiddev/quests-embed@1/dist/qaid-quests.js", Kt =
     e
   )
 );
-let _t = Kt, f = null, w = null;
-function $t(e) {
-  return f && w === e || (w = e, f = Promise.resolve(_t(e)).then((t) => {
+let Yt = Wt, b = null, x = null;
+function Xt(e) {
+  return b && x === e || (x = e, b = Promise.resolve(Yt(e)).then((t) => {
     const i = t;
     if (!i || typeof i.QaidQuests != "function")
       throw new Error("quests module has no QaidQuests export");
     return i;
   }).catch((t) => {
-    throw f = null, w = null, t;
-  })), f;
+    throw b = null, x = null, t;
+  })), b;
 }
-async function Nt(e) {
-  const t = await $t(e.moduleUrl), i = e.base.replace(/\/+$/, ""), o = e.feedbackId != null ? { feedbackId: e.feedbackId } : void 0;
+async function Gt(e) {
+  const t = await Xt(e.moduleUrl), i = e.base.replace(/\/+$/, ""), o = e.feedbackId != null ? { feedbackId: e.feedbackId } : void 0;
   return new t.QaidQuests({
     endpoint: `${i}/responses`,
     configUrl: `${i}/${encodeURIComponent(e.questId)}/definition`,
@@ -308,35 +308,42 @@ async function Nt(e) {
     onClose: e.onClose
   });
 }
-const R = "qaid_visitor_id", P = "qaid_hide_feedback";
-function jt() {
+const U = "qaid_visitor_id", V = "qaid_hide_feedback", Jt = [
+  "#ef4444",
+  "#f59e0b",
+  "#22c55e",
+  "#3b82f6",
+  "#111827",
+  "#ffffff"
+];
+function Zt() {
   return typeof window.matchMedia == "function" && window.matchMedia("(pointer: coarse)").matches;
 }
-function q(e) {
-  return e ? `${P}_${e}` : P;
+function k(e) {
+  return e ? `${V}_${e}` : V;
 }
-function Qt(e) {
+function te(e) {
   try {
-    return localStorage.getItem(q(e)) === "1";
+    return localStorage.getItem(k(e)) === "1";
   } catch {
     return !1;
   }
 }
-function F(e, t = !0) {
+function _(e, t = !0) {
   try {
-    t ? localStorage.setItem(q(e), "1") : localStorage.removeItem(q(e));
+    t ? localStorage.setItem(k(e), "1") : localStorage.removeItem(k(e));
   } catch {
   }
 }
-function Wt() {
+function ee() {
   try {
-    let e = localStorage.getItem(R);
-    return e || (e = crypto.randomUUID(), localStorage.setItem(R, e)), e;
+    let e = localStorage.getItem(U);
+    return e || (e = crypto.randomUUID(), localStorage.setItem(U, e)), e;
   } catch {
     return crypto.randomUUID();
   }
 }
-class Yt {
+class ie {
   config;
   state = "IDLE";
   feedbackData = {
@@ -420,6 +427,8 @@ class Yt {
       },
       zIndex: t.zIndex ?? 50,
       skipTargeting: t.skipTargeting ?? !1,
+      singleButton: t.singleButton ?? !1,
+      feedbackMode: t.feedbackMode ?? "target",
       colors: {
         positive: t.colors?.positive ?? "rgb(0, 200, 83)",
         negative: t.colors?.negative ?? "rgb(255, 0, 0)",
@@ -436,7 +445,8 @@ class Yt {
         positiveLabel: t.text?.positiveLabel ?? "Send positive feedback",
         negativeLabel: t.text?.negativeLabel ?? "Send negative feedback",
         recordLabel: t.text?.recordLabel ?? "Record a screen recording",
-        dismissLabel: t.text?.dismissLabel ?? "Hide Feedback"
+        dismissLabel: t.text?.dismissLabel ?? "Hide Feedback",
+        feedbackLabel: t.text?.feedbackLabel ?? "Send feedback"
       },
       modalWidth: t.modalWidth ?? 400,
       backdropOpacity: t.backdropOpacity ?? 0.3,
@@ -444,6 +454,8 @@ class Yt {
       fontSize: t.fontSize ?? 16,
       captureScreenshot: t.captureScreenshot ?? !1,
       annotate: t.annotate ?? !0,
+      annotationColor: t.annotationColor ?? t.colors?.marker ?? "#6366f1",
+      annotationPalette: t.annotationPalette ?? Jt,
       screenshotMethod: t.screenshotMethod ?? "permission",
       screenshotOptions: {
         quality: t.screenshotOptions?.quality ?? 0.8,
@@ -454,6 +466,7 @@ class Yt {
       hideDismiss: t.hideDismiss ?? !1,
       positiveIcon: t.positiveIcon ?? "",
       negativeIcon: t.negativeIcon ?? "",
+      feedbackIcon: t.feedbackIcon ?? "",
       hideThumbs: t.hideThumbs ?? !1,
       css: t.css ?? "",
       captureVideo: t.captureVideo ?? !1,
@@ -469,12 +482,12 @@ class Yt {
         video: t.quests?.video ?? "",
         // Quest service reuses the feedback API key unless overridden.
         apiKey: t.quests?.apiKey ?? t.apiKey ?? "",
-        moduleUrl: t.quests?.moduleUrl ?? Vt
+        moduleUrl: t.quests?.moduleUrl ?? Qt
       }
-    }, this.boundKeyDown = this.handleKeyDown.bind(this), this.boundResize = this.handleResize.bind(this), this.visitorId = Wt(), this.init();
+    }, this.boundKeyDown = this.handleKeyDown.bind(this), this.boundResize = this.handleResize.bind(this), this.visitorId = ee(), this.init();
   }
   applyVars(t) {
-    vt(t, this.cssVars);
+    St(t, this.cssVars);
   }
   /**
    * Announce a message via the shared visually-hidden live regions.
@@ -484,7 +497,7 @@ class Yt {
    */
   announceMsg(t, i = !1) {
     const o = this.overlayShadowRoot ?? this.shadowRoot;
-    o && Ct(o, t, { assertive: i });
+    o && Ht(o, t, { assertive: i });
   }
   /**
    * Turn a transient surface into an accessible modal dialog: save the
@@ -492,16 +505,16 @@ class Yt {
    * background. Paired with closeDialogA11y() on every close path.
    */
   openDialogA11y(t, i) {
-    this.dialogTrigger = It(), Ht(t, i), this.dialogTrap = Dt(t), this.dialogRestoreInert = Lt(t);
+    this.dialogTrigger = Bt(), Rt(t, i), this.dialogTrap = Mt(t), this.dialogRestoreInert = Ft(t);
   }
   closeDialogA11y() {
-    this.dialogTrap?.release(), this.dialogTrap = null, this.dialogRestoreInert && (this.dialogRestoreInert(), this.dialogRestoreInert = null), Et(this.dialogTrigger), this.dialogTrigger = null;
+    this.dialogTrap?.release(), this.dialogTrap = null, this.dialogRestoreInert && (this.dialogRestoreInert(), this.dialogRestoreInert = null), Ot(this.dialogTrigger), this.dialogTrigger = null;
   }
   clearActiveThumb() {
     this.activeThumbBtn && (this.activeThumbBtn.setAttribute("aria-pressed", "false"), this.activeThumbBtn = null);
   }
   init() {
-    yt(), this.cssVars = gt({
+    Ct(), this.cssVars = kt({
       positiveColor: this.config.colors.positive,
       negativeColor: this.config.colors.negative,
       markerColor: this.config.colors.marker,
@@ -510,7 +523,7 @@ class Yt {
       backdropOpacity: this.config.backdropOpacity,
       fontFamily: this.config.fontFamily,
       fontSize: this.config.fontSize
-    }), !this.config.hideDismiss && Qt(this.config.apiKey) && (this._startDismissed = !0), this.checkMobile(), window.addEventListener("resize", this.boundResize), this.createEmbed(), this.consoleCapture = Ut((t) => {
+    }), !this.config.hideDismiss && te(this.config.apiKey) && (this._startDismissed = !0), this.checkMobile(), window.addEventListener("resize", this.boundResize), this.createEmbed(), this.consoleCapture = jt((t) => {
       this.feedbackData.consoleErrors = this.consoleCapture?.errors ?? [];
     }), this.feedbackData.consoleErrors = this.consoleCapture.errors, this.observeDom(), (this.config.captureVideo && this.videoSupported() || this.config.captureScreenshot) && this.schedulePrewarm(() => {
       this.config.captureVideo && this.videoSupported() && this.prewarmVideo(), this.config.captureScreenshot && this.prewarmScreenshot();
@@ -523,13 +536,13 @@ class Yt {
    * swallowed — a failed preload just falls back to an on-demand load.
    */
   prewarmVideo() {
-    this.videoPrewarmed || (this.videoPrewarmed = !0, import("./recording--IwOtRL2.js").catch(() => {
+    this.videoPrewarmed || (this.videoPrewarmed = !0, import("./recording-BRvu1Vkh.js").catch(() => {
     }), import("./video-BOYqf2Im.js").catch(() => {
     }));
   }
   prewarmScreenshot() {
     this.screenshotPrewarmed || (this.screenshotPrewarmed = !0, (this.shouldCaptureViaDom() ? import("./screenshot-dom-CME7tYRE.js") : import("./screenshot-BkOCLuS2.js")).catch(() => {
-    }), this.config.annotate && import("./annotate-BNibaDg3.js").then((t) => t.f).catch(() => {
+    }), this.config.annotate && import("./annotate-pSxJNPPL.js").then((t) => t.f).catch(() => {
     }));
   }
   /** Run fn when the main thread is idle; cancelled by destroy(). */
@@ -558,7 +571,7 @@ class Yt {
     }), this.domObserver.observe(document.body, { childList: !0 });
   }
   checkMobile() {
-    this.isMobile = nt();
+    this.isMobile = ct();
   }
   handleResize() {
     this.checkMobile();
@@ -568,7 +581,7 @@ class Yt {
     let t = null;
     this.config.container && (t = document.querySelector(this.config.container)), t ? (t.appendChild(this.shadowHost), this.isUserProvidedContainer = !0, this.config.hideDismiss = !0) : (this.shadowHost.style.position = "fixed", this.shadowHost.style.display = "block", this.shadowHost.style.inset = "0", this.shadowHost.style.pointerEvents = "none", this.shadowHost.style.zIndex = String(this.config.zIndex), document.body.appendChild(this.shadowHost)), this.shadowRoot = this.shadowHost.attachShadow({ mode: "open" });
     const i = document.createElement("style");
-    if (i.textContent = M(), this.shadowRoot.appendChild(i), this.config.css) {
+    if (i.textContent = R(), this.shadowRoot.appendChild(i), this.config.css) {
       const d = document.createElement("style");
       d.textContent = this.config.css, this.shadowRoot.appendChild(d);
     }
@@ -577,8 +590,8 @@ class Yt {
       this.buttonsContainer = document.createElement("div"), this.buttonsContainer.className = `qaid-buttons qaid-${this.config.position} ${o}`.trim(), this.config.incognito && this.buttonsContainer.classList.add("qaid-incognito");
     else {
       this.buttonsContainer = document.createElement("div"), this.buttonsContainer.className = `qaid-buttons qaid-auto-container qaid-${this.config.position} ${o}${this.config.incognito ? " qaid-incognito" : ""}`.trim(), this.buttonsContainer.style.pointerEvents = "auto";
-      const { x: d, y: r } = this.config.offset;
-      this.config.position.includes("right") ? this.buttonsContainer.style.right = `${d}px` : this.buttonsContainer.style.left = `${d}px`, this.config.position.includes("bottom") ? this.buttonsContainer.style.bottom = `${r}px` : this.buttonsContainer.style.top = `${r}px`;
+      const { x: d, y: s } = this.config.offset;
+      this.config.position.includes("right") ? this.buttonsContainer.style.right = `${d}px` : this.buttonsContainer.style.left = `${d}px`, this.config.position.includes("bottom") ? this.buttonsContainer.style.bottom = `${s}px` : this.buttonsContainer.style.top = `${s}px`;
     }
     this.applyVars(this.buttonsContainer), this.shadowRoot.appendChild(this.buttonsContainer), this.buttonsContainer.addEventListener("keydown", (d) => {
       (d.key === "Enter" || d.key === " " || d.key === "Spacebar") && (this.keyboardActivation = !0);
@@ -587,34 +600,41 @@ class Yt {
     }), this.buttonsContainer.addEventListener("pointerdown", () => {
       this.keyboardActivation = !1;
     });
-    const s = !!this.config.buttonClass, a = s ? `qaid-btn-structural ${this.config.buttonClass}` : "qaid-btn", l = this.config.text.tooltip || "Feedback for us?", c = document.createElement("div");
-    if (c.className = "qaid-tooltip-text", c.textContent = l, this.applyVars(c), this.shadowRoot.appendChild(c), this.tooltipElement = c, !this.config.hideThumbs) {
+    const n = !!this.config.buttonClass, a = n ? `qaid-btn-structural ${this.config.buttonClass}` : "qaid-btn", l = this.config.text.tooltip || "Feedback for us?", c = document.createElement("div");
+    if (c.className = "qaid-tooltip-text", c.textContent = l, this.applyVars(c), this.shadowRoot.appendChild(c), this.tooltipElement = c, this.config.singleButton) {
       const d = document.createElement("div");
       d.className = "qaid-tooltip-wrapper";
-      const r = document.createElement("button");
-      r.type = "button", r.className = s ? `${a} qaid-btn-up` : "qaid-btn qaid-btn-up", r.setAttribute("aria-label", this.config.text.positiveLabel), r.innerHTML = this.config.positiveIcon || st, r.addEventListener("click", (p) => this.handleThumbClick("up", p.currentTarget, p)), r.addEventListener("mouseenter", () => {
-        this.prewarmTargeting(), this.showTooltip(r);
-      }), r.addEventListener("mouseleave", () => this.hideTooltip()), d.appendChild(r);
-      const h = document.createElement("div");
-      h.className = "qaid-tooltip-wrapper";
-      const u = document.createElement("button");
-      u.type = "button", u.className = s ? `${a} qaid-btn-down` : "qaid-btn qaid-btn-down", u.setAttribute("aria-label", this.config.text.negativeLabel), u.innerHTML = this.config.negativeIcon || rt, u.addEventListener("click", (p) => this.handleThumbClick("down", p.currentTarget, p)), u.addEventListener("mouseenter", () => {
-        this.prewarmTargeting(), this.showTooltip(u);
-      }), u.addEventListener("mouseleave", () => this.hideTooltip()), h.appendChild(u), this.buttonsContainer.appendChild(d), this.buttonsContainer.appendChild(h);
+      const s = document.createElement("button");
+      s.type = "button", s.className = n ? `${a} qaid-btn-feedback` : "qaid-btn qaid-btn-feedback", s.setAttribute("aria-label", this.config.text.feedbackLabel), s.innerHTML = this.config.feedbackIcon || ut, s.addEventListener("click", (u) => this.handleThumbClick("neutral", u.currentTarget, u)), s.addEventListener("mouseenter", () => {
+        this.prewarmTargeting(), this.showTooltip(s);
+      }), s.addEventListener("mouseleave", () => this.hideTooltip()), d.appendChild(s), this.buttonsContainer.appendChild(d);
+    } else if (!this.config.hideThumbs) {
+      const d = document.createElement("div");
+      d.className = "qaid-tooltip-wrapper";
+      const s = document.createElement("button");
+      s.type = "button", s.className = n ? `${a} qaid-btn-up` : "qaid-btn qaid-btn-up", s.setAttribute("aria-label", this.config.text.positiveLabel), s.innerHTML = this.config.positiveIcon || ht, s.addEventListener("click", (p) => this.handleThumbClick("up", p.currentTarget, p)), s.addEventListener("mouseenter", () => {
+        this.prewarmTargeting(), this.showTooltip(s);
+      }), s.addEventListener("mouseleave", () => this.hideTooltip()), d.appendChild(s);
+      const u = document.createElement("div");
+      u.className = "qaid-tooltip-wrapper";
+      const h = document.createElement("button");
+      h.type = "button", h.className = n ? `${a} qaid-btn-down` : "qaid-btn qaid-btn-down", h.setAttribute("aria-label", this.config.text.negativeLabel), h.innerHTML = this.config.negativeIcon || pt, h.addEventListener("click", (p) => this.handleThumbClick("down", p.currentTarget, p)), h.addEventListener("mouseenter", () => {
+        this.prewarmTargeting(), this.showTooltip(h);
+      }), h.addEventListener("mouseleave", () => this.hideTooltip()), u.appendChild(h), this.buttonsContainer.appendChild(d), this.buttonsContainer.appendChild(u);
     }
     if (this.config.captureVideo && this.videoSupported()) {
       const d = document.createElement("div");
       d.className = "qaid-tooltip-wrapper";
-      const r = document.createElement("button");
-      r.type = "button", r.className = s ? `${a} qaid-btn-record` : "qaid-btn qaid-btn-record", r.setAttribute("aria-label", this.config.text.recordLabel), r.innerHTML = this.config.recordIcon || dt, r.addEventListener("click", () => {
+      const s = document.createElement("button");
+      s.type = "button", s.className = n ? `${a} qaid-btn-record` : "qaid-btn qaid-btn-record", s.setAttribute("aria-label", this.config.text.recordLabel), s.innerHTML = this.config.recordIcon || bt, s.addEventListener("click", () => {
         this.ensureRecording().then(
-          (u) => this.config.videoOptions.redaction ? u.startPicking() : u.startRecording()
+          (h) => this.config.videoOptions.redaction ? h.startPicking() : h.startRecording()
         );
       });
-      const h = () => this.prewarmVideo();
-      r.addEventListener("mouseenter", () => {
-        h(), this.showTooltip(r);
-      }), r.addEventListener("focus", h), r.addEventListener("touchstart", h, { passive: !0 }), r.addEventListener("mouseleave", () => this.hideTooltip()), d.appendChild(r), this.buttonsContainer.appendChild(d);
+      const u = () => this.prewarmVideo();
+      s.addEventListener("mouseenter", () => {
+        u(), this.showTooltip(s);
+      }), s.addEventListener("focus", u), s.addEventListener("touchstart", u, { passive: !0 }), s.addEventListener("mouseleave", () => this.hideTooltip()), d.appendChild(s), this.buttonsContainer.appendChild(d);
     }
     this.config.hideDismiss || (this.dismissBtn = document.createElement("button"), this.dismissBtn.type = "button", this.dismissBtn.className = "qaid-dismiss-btn", this.dismissBtn.setAttribute("aria-label", this.config.text.dismissLabel), this.dismissBtn.title = this.config.text.dismissLabel, this.dismissBtn.innerHTML = '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2l8 8M10 2l-8 8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', this.dismissBtn.addEventListener("click", (d) => {
       d.stopPropagation(), this.handleDismiss();
@@ -630,7 +650,7 @@ class Yt {
     if (this.overlayShadowRoot) return this.overlayShadowRoot;
     this.overlayShadowHost = document.createElement("div"), this.overlayShadowHost.setAttribute("data-qaid-embed-overlay", ""), this.overlayShadowHost.style.position = "fixed", this.overlayShadowHost.style.inset = "0", this.overlayShadowHost.style.pointerEvents = "none", this.overlayShadowHost.style.zIndex = String(this.config.zIndex), document.body.appendChild(this.overlayShadowHost), this.overlayShadowRoot = this.overlayShadowHost.attachShadow({ mode: "open" });
     const t = document.createElement("style");
-    if (t.textContent = M(), this.overlayShadowRoot.appendChild(t), this.config.css) {
+    if (t.textContent = R(), this.overlayShadowRoot.appendChild(t), this.config.css) {
       const i = document.createElement("style");
       i.textContent = this.config.css, this.overlayShadowRoot.appendChild(i);
     }
@@ -640,27 +660,27 @@ class Yt {
   showTooltip(t) {
     const i = this.tooltipElement;
     i.style.visibility = "hidden", i.classList.add("qaid-tooltip-visible");
-    const o = t.getBoundingClientRect(), s = i.getBoundingClientRect(), { top: a, left: n } = Pt(
+    const o = t.getBoundingClientRect(), n = i.getBoundingClientRect(), { top: a, left: r } = Nt(
       o,
-      s,
+      n,
       { width: window.innerWidth, height: window.innerHeight }
     );
-    i.style.top = `${a}px`, i.style.left = `${n}px`, i.style.visibility = "visible";
+    i.style.top = `${a}px`, i.style.left = `${r}px`, i.style.visibility = "visible";
   }
   hideTooltip() {
     this.tooltipElement.classList.remove("qaid-tooltip-visible");
   }
   handleDismiss() {
-    this.buttonsContainer.classList.add("qaid-dismissed"), F(this.config.apiKey, !0);
+    this.buttonsContainer.classList.add("qaid-dismissed"), _(this.config.apiKey, !0);
   }
   handleThumbClick(t, i, o) {
-    if (this.buttonsContainer?.classList.contains("qaid-incognito") && (this.buttonsContainer.classList.remove("qaid-incognito"), F(this.config.apiKey, !1)), this.prewarmModal(), this.config.skipTargeting)
+    if (this.buttonsContainer?.classList.contains("qaid-incognito") && (this.buttonsContainer.classList.remove("qaid-incognito"), _(this.config.apiKey, !1)), this.prewarmModal(), this.config.skipTargeting || this.config.feedbackMode === "annotate")
       this.submitDirectFeedback(t, i);
     else {
       this.activeThumbBtn = i, i.setAttribute("aria-pressed", "true");
-      const s = this.keyboardActivation;
+      const n = this.keyboardActivation;
       this.keyboardActivation = !1, this.ensureTargeting().then((a) => {
-        this.destroyed || (s ? a.startKeyboard(t) : a.startPointer(t, o));
+        this.destroyed || (n ? a.startKeyboard(t) : a.startPointer(t, o));
       });
     }
   }
@@ -687,7 +707,7 @@ class Yt {
    *  instead of the permission-based Screen Capture API. Explicit "dom" wins;
    *  otherwise DOM is used on touch devices to avoid the getDisplayMedia prompt. */
   shouldCaptureViaDom() {
-    return this.config.screenshotMethod === "dom" || jt();
+    return this.config.screenshotMethod === "dom" || Zt();
   }
   /**
    * Open the full-screen annotation editor over the captured screenshot,
@@ -697,43 +717,44 @@ class Yt {
    * enabled while the editor is open and restored on close.
    */
   async openAnnotationEditor(t) {
-    const i = this.ensureOverlayHost(), o = this.overlayShadowHost, s = o.style.pointerEvents;
+    const i = this.ensureOverlayHost(), o = this.overlayShadowHost, n = o.style.pointerEvents;
     o.style.pointerEvents = "auto";
     try {
-      const { openAnnotationEditor: a } = await import("./annotate-BNibaDg3.js").then((n) => n.f);
+      const { openAnnotationEditor: a } = await import("./annotate-pSxJNPPL.js").then((r) => r.f);
       return await a({
         dataUrl: t,
         root: i,
         quality: this.config.screenshotOptions.quality,
-        color: this.config.colors.marker,
-        applyVars: (n) => this.applyVars(n),
-        announce: (n, l) => this.announceMsg(n, l),
-        openDialog: (n, l) => this.openDialogA11y(n, l),
+        color: this.config.annotationColor,
+        palette: this.config.annotationPalette,
+        applyVars: (r) => this.applyVars(r),
+        announce: (r, l) => this.announceMsg(r, l),
+        openDialog: (r, l) => this.openDialogA11y(r, l),
         closeDialog: () => this.closeDialogA11y()
       });
     } finally {
-      o.style.pointerEvents = s;
+      o.style.pointerEvents = n;
     }
   }
   async submitFeedback() {
     let t = null;
-    if (this.config.captureScreenshot) {
+    if (this.config.captureScreenshot || this.config.feedbackMode === "annotate") {
       if (this.shouldCaptureViaDom()) {
-        const { captureDomScreenshot: n } = await import("./screenshot-dom-CME7tYRE.js");
-        t = await n(this.config.screenshotOptions);
+        const { captureDomScreenshot: l } = await import("./screenshot-dom-CME7tYRE.js");
+        t = await l(this.config.screenshotOptions);
       } else {
-        const { captureScreenshot: n } = await import("./screenshot-BkOCLuS2.js");
-        t = await n(this.config.screenshotOptions);
+        const { captureScreenshot: l } = await import("./screenshot-BkOCLuS2.js");
+        t = await l(this.config.screenshotOptions);
       }
       t && this.announceMsg("Screenshot captured");
     }
     t && this.config.annotate && (t = await this.openAnnotationEditor(t) ?? t);
-    const i = this.feedbackData.elementSelector ? {
+    const o = this.feedbackData.elementSelector ? {
       x: this.selectedBounds.x,
       y: this.selectedBounds.y,
       width: this.selectedBounds.width,
       height: this.selectedBounds.height
-    } : null, o = {
+    } : null, n = {
       feedbackType: this.feedbackData.feedbackType,
       pageUrl: window.location.href,
       apiKey: this.config.apiKey || void 0,
@@ -749,30 +770,30 @@ class Yt {
       screenshot: t,
       visitorId: this.visitorId,
       // Include element bounds and user agent for server-side screenshot fallback
-      elementBounds: i,
+      elementBounds: o,
       userAgent: navigator.userAgent
     };
     try {
-      const n = await fetch(this.config.endpoint, {
+      const l = await fetch(this.config.endpoint, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(o)
+        body: JSON.stringify(n)
       });
-      if (n.ok) {
-        const l = await n.json();
-        this.feedbackId = l.id, this.announceMsg("Feedback sent");
+      if (l.ok) {
+        const c = await l.json();
+        this.feedbackId = c.id, this.announceMsg("Feedback sent");
       }
-    } catch (n) {
-      console.error("Failed to submit feedback:", n), this.announceMsg("Failed to send feedback", !0);
+    } catch (l) {
+      console.error("Failed to submit feedback:", l), this.announceMsg("Failed to send feedback", !0);
     }
-    const s = this.feedbackData.feedbackType;
-    if (s && await this.tryLaunchQuest(s, this.feedbackId)) {
+    const a = this.feedbackData.feedbackType;
+    if (a && a !== "neutral" && await this.tryLaunchQuest(a, this.feedbackId)) {
       this.resetFeedbackUi();
       return;
     }
     this.state = "MODAL_OPEN";
-    const a = await this.ensureModal();
-    this.destroyed || (a.open(), this.overlayShadowHost && (this.overlayShadowHost.style.pointerEvents = "auto"));
+    const r = await this.ensureModal();
+    this.destroyed || (r.open(), this.overlayShadowHost && (this.overlayShadowHost.style.pointerEvents = "auto"));
   }
   /**
    * Quest id linked to `type`, or "" when quest launching is disabled
@@ -793,7 +814,7 @@ class Yt {
     const o = this.questIdFor(t);
     if (!o) return !1;
     try {
-      return this.activeQuest?.destroy(), this.activeQuest = await Nt({
+      return this.activeQuest?.destroy(), this.activeQuest = await Gt({
         questId: o,
         base: this.config.quests.base,
         apiKey: this.config.quests.apiKey || void 0,
@@ -803,8 +824,8 @@ class Yt {
           this.activeQuest = null;
         }
       }), !0;
-    } catch (s) {
-      return console.error("Failed to launch quest:", s), this.activeQuest = null, !1;
+    } catch (n) {
+      return console.error("Failed to launch quest:", n), this.activeQuest = null, !1;
     }
   }
   /**
@@ -822,7 +843,7 @@ class Yt {
    */
   async ensureModal() {
     if (!this.modal) {
-      const { ModalController: t } = await import("./modal-BX5wqy4s.js");
+      const { ModalController: t } = await import("./modal-Br-8TcEE.js");
       this.modal = new t(this.makeModalHost());
     }
     return this.modal;
@@ -868,7 +889,7 @@ class Yt {
   }
   /** Warm the modal chunk while the user is targeting, so it opens instantly. */
   prewarmModal() {
-    this.modalPrewarmed || (this.modalPrewarmed = !0, import("./modal-BX5wqy4s.js").catch(() => {
+    this.modalPrewarmed || (this.modalPrewarmed = !0, import("./modal-Br-8TcEE.js").catch(() => {
     }));
   }
   /**
@@ -878,7 +899,7 @@ class Yt {
    */
   async ensureTargeting() {
     if (!this.targeting) {
-      const { TargetingController: t } = await import("./targeting-DwdDr9Cm.js");
+      const { TargetingController: t } = await import("./targeting-_aii7qgw.js");
       this.targeting = new t(this.makeTargetingHost());
     }
     return this.targeting;
@@ -923,7 +944,7 @@ class Yt {
   }
   /** Warm the targeting chunk on thumb-button hover, before the click. */
   prewarmTargeting() {
-    this.targetingPrewarmed || this.config.skipTargeting || (this.targetingPrewarmed = !0, import("./targeting-DwdDr9Cm.js").catch(() => {
+    this.targetingPrewarmed || this.config.skipTargeting || (this.targetingPrewarmed = !0, import("./targeting-_aii7qgw.js").catch(() => {
     }));
   }
   // ==================== Video Recording ====================
@@ -942,7 +963,7 @@ class Yt {
    */
   async ensureRecording() {
     if (!this.recording) {
-      const { RecordingController: t } = await import("./recording--IwOtRL2.js");
+      const { RecordingController: t } = await import("./recording-BRvu1Vkh.js");
       this.recording = new t(this.makeRecordingHost());
     }
     return this.recording;
@@ -998,13 +1019,13 @@ class Yt {
       const t = window;
       this.prewarmIsTimeout ? clearTimeout(this.prewarmHandle) : t.cancelIdleCallback?.(this.prewarmHandle), this.prewarmHandle = null;
     }
-    this.recording?.destroy(), this.recording = null, this.modal?.destroy(), this.modal = null, this.activeQuest?.destroy(), this.activeQuest = null, this.consoleCapture && (this.consoleCapture.restore(), this.consoleCapture = null), window.removeEventListener("resize", this.boundResize), document.removeEventListener("keydown", this.boundKeyDown), document.body.classList.remove("qaid-targeting", "qaid-type-up"), document.body.style.removeProperty("--qaid-positive"), document.body.style.removeProperty("--qaid-negative"), this.shadowHost && (this.shadowHost.remove(), this.shadowHost = null, this.shadowRoot = null), this.overlayShadowHost && (this.overlayShadowHost.remove(), this.overlayShadowHost = null, this.overlayShadowRoot = null), this.buttonsContainer = null, this.dismissBtn = null, this.tooltipElement = null, wt();
+    this.recording?.destroy(), this.recording = null, this.modal?.destroy(), this.modal = null, this.activeQuest?.destroy(), this.activeQuest = null, this.consoleCapture && (this.consoleCapture.restore(), this.consoleCapture = null), window.removeEventListener("resize", this.boundResize), document.removeEventListener("keydown", this.boundKeyDown), document.body.classList.remove("qaid-targeting", "qaid-type-up"), document.body.style.removeProperty("--qaid-positive"), document.body.style.removeProperty("--qaid-negative"), this.shadowHost && (this.shadowHost.remove(), this.shadowHost = null, this.shadowRoot = null), this.overlayShadowHost && (this.overlayShadowHost.remove(), this.overlayShadowHost = null, this.overlayShadowRoot = null), this.buttonsContainer = null, this.dismissBtn = null, this.tooltipElement = null, At();
   }
 }
-function K(e) {
+function $(e) {
   return document.querySelector(e)?.textContent?.trim() ?? "";
 }
-function Xt() {
+function oe() {
   const e = document.querySelector(
     'script[type="application/json"][data-feedback-config]'
   );
@@ -1013,87 +1034,92 @@ function Xt() {
   if (!t) return null;
   try {
     const i = JSON.parse(t);
-    return i.cssSelector && !i.css && (i.css = K(i.cssSelector), delete i.cssSelector), i;
+    return i.cssSelector && !i.css && (i.css = $(i.cssSelector), delete i.cssSelector), i;
   } catch {
     return null;
   }
 }
-function Gt(e) {
+function ae(e) {
   const t = e.getAttribute("data-endpoint");
   if (!t) return null;
-  const i = e.getAttribute("data-position"), o = e.getAttribute("data-zindex"), s = e.getAttribute("data-positive-color"), a = e.getAttribute("data-negative-color"), n = e.getAttribute("data-marker-color"), l = e.getAttribute("data-container"), c = e.getAttribute("data-button-class"), d = e.getAttribute("data-skip-targeting"), r = e.getAttribute("data-incognito"), h = e.getAttribute("data-button-size"), u = e.getAttribute("data-offset-x"), p = e.getAttribute("data-offset-y"), x = e.getAttribute("data-modal-width"), k = e.getAttribute("data-backdrop-opacity"), _ = e.getAttribute("data-font-family"), S = e.getAttribute("data-font-size"), C = e.getAttribute("data-tooltip"), A = e.getAttribute("data-modal-title"), T = e.getAttribute("data-modal-subtitle"), D = e.getAttribute("data-placeholder"), I = e.getAttribute("data-submit-button"), E = e.getAttribute("data-skip-button"), $ = e.getAttribute("data-positive-icon"), N = e.getAttribute("data-negative-icon"), j = e.getAttribute("data-api-key"), Q = e.getAttribute("data-capture-screenshot"), W = e.getAttribute("data-annotate"), m = e.getAttribute("data-screenshot-quality"), g = e.getAttribute("data-screenshot-max-width"), v = e.getAttribute("data-screenshot-max-height"), Y = e.getAttribute("data-capture-video"), H = e.getAttribute("data-video-redaction"), X = e.getAttribute("data-hide-thumbs"), G = e.getAttribute("data-hide-dismiss"), y = e.getAttribute("data-video-max-duration"), J = e.getAttribute("data-screenshot-method"), Z = e.getAttribute("data-direction"), z = e.getAttribute("data-css-selector"), L = e.getAttribute("data-quest-base"), tt = e.getAttribute("data-quest-up"), et = e.getAttribute("data-quest-down"), it = e.getAttribute("data-quest-video"), ot = e.getAttribute("data-quest-api-key"), at = e.getAttribute("data-quest-module-url");
+  const i = e.getAttribute("data-position"), o = e.getAttribute("data-zindex"), n = e.getAttribute("data-positive-color"), a = e.getAttribute("data-negative-color"), r = e.getAttribute("data-marker-color"), l = e.getAttribute("data-container"), c = e.getAttribute("data-button-class"), d = e.getAttribute("data-skip-targeting"), s = e.getAttribute("data-single-button"), u = e.getAttribute("data-feedback-mode"), h = e.getAttribute("data-incognito"), p = e.getAttribute("data-button-size"), m = e.getAttribute("data-offset-x"), g = e.getAttribute("data-offset-y"), S = e.getAttribute("data-modal-width"), C = e.getAttribute("data-backdrop-opacity"), j = e.getAttribute("data-font-family"), A = e.getAttribute("data-font-size"), T = e.getAttribute("data-tooltip"), E = e.getAttribute("data-modal-title"), I = e.getAttribute("data-modal-subtitle"), D = e.getAttribute("data-placeholder"), H = e.getAttribute("data-submit-button"), z = e.getAttribute("data-skip-button"), Q = e.getAttribute("data-positive-icon"), W = e.getAttribute("data-negative-icon"), Y = e.getAttribute("data-feedback-icon"), L = e.getAttribute("data-feedback-label"), X = e.getAttribute("data-api-key"), G = e.getAttribute("data-capture-screenshot"), J = e.getAttribute("data-annotate"), Z = e.getAttribute("data-annotation-color"), v = e.getAttribute("data-screenshot-quality"), y = e.getAttribute("data-screenshot-max-width"), w = e.getAttribute("data-screenshot-max-height"), tt = e.getAttribute("data-capture-video"), M = e.getAttribute("data-video-redaction"), et = e.getAttribute("data-hide-thumbs"), it = e.getAttribute("data-hide-dismiss"), q = e.getAttribute("data-video-max-duration"), ot = e.getAttribute("data-screenshot-method"), at = e.getAttribute("data-direction"), B = e.getAttribute("data-css-selector"), O = e.getAttribute("data-quest-base"), nt = e.getAttribute("data-quest-up"), rt = e.getAttribute("data-quest-down"), st = e.getAttribute("data-quest-video"), dt = e.getAttribute("data-quest-api-key"), lt = e.getAttribute("data-quest-module-url");
   return {
     endpoint: t,
-    css: z ? K(z) : void 0,
-    apiKey: j ?? void 0,
-    captureScreenshot: Q === "true" ? !0 : void 0,
+    css: B ? $(B) : void 0,
+    apiKey: X ?? void 0,
+    captureScreenshot: G === "true" ? !0 : void 0,
     // Annotation is on by default; only an explicit "false" disables it.
-    annotate: W === "false" ? !1 : void 0,
-    screenshotOptions: m || g || v ? {
-      quality: m ? parseFloat(m) : void 0,
-      maxWidth: g ? parseInt(g, 10) : void 0,
-      maxHeight: v ? parseInt(v, 10) : void 0
+    annotate: J === "false" ? !1 : void 0,
+    annotationColor: Z ?? void 0,
+    screenshotOptions: v || y || w ? {
+      quality: v ? parseFloat(v) : void 0,
+      maxWidth: y ? parseInt(y, 10) : void 0,
+      maxHeight: w ? parseInt(w, 10) : void 0
     } : void 0,
     container: l ?? void 0,
     buttonClass: c ?? void 0,
-    direction: Z ?? void 0,
+    direction: at ?? void 0,
     position: i ?? void 0,
     zIndex: o ? parseInt(o, 10) : void 0,
     skipTargeting: d === "true" ? !0 : void 0,
-    incognito: r === "true" ? !0 : void 0,
-    buttonSize: h ?? void 0,
-    offset: u || p ? {
-      x: u ? parseInt(u, 10) : void 0,
-      y: p ? parseInt(p, 10) : void 0
+    singleButton: s === "true" ? !0 : void 0,
+    feedbackMode: u ?? void 0,
+    incognito: h === "true" ? !0 : void 0,
+    buttonSize: p ?? void 0,
+    offset: m || g ? {
+      x: m ? parseInt(m, 10) : void 0,
+      y: g ? parseInt(g, 10) : void 0
     } : void 0,
-    modalWidth: x ? parseInt(x, 10) : void 0,
-    backdropOpacity: k ? parseFloat(k) : void 0,
-    fontFamily: _ ?? void 0,
-    fontSize: S ? parseInt(S, 10) : void 0,
+    modalWidth: S ? parseInt(S, 10) : void 0,
+    backdropOpacity: C ? parseFloat(C) : void 0,
+    fontFamily: j ?? void 0,
+    fontSize: A ? parseInt(A, 10) : void 0,
     colors: {
-      positive: s ?? void 0,
+      positive: n ?? void 0,
       negative: a ?? void 0,
-      marker: n ?? void 0
+      marker: r ?? void 0
     },
-    text: C || A || T || D || I || E ? {
-      tooltip: C ?? void 0,
-      modalTitle: A ?? void 0,
-      modalSubtitle: T ?? void 0,
+    text: T || E || I || D || H || z || L ? {
+      tooltip: T ?? void 0,
+      modalTitle: E ?? void 0,
+      modalSubtitle: I ?? void 0,
       placeholder: D ?? void 0,
-      submitButton: I ?? void 0,
-      skipButton: E ?? void 0
+      submitButton: H ?? void 0,
+      skipButton: z ?? void 0,
+      feedbackLabel: L ?? void 0
     } : void 0,
-    positiveIcon: $ ?? void 0,
-    negativeIcon: N ?? void 0,
-    screenshotMethod: J ?? void 0,
-    captureVideo: Y === "true" ? !0 : void 0,
-    hideThumbs: X === "true" ? !0 : void 0,
-    hideDismiss: G === "true" ? !0 : void 0,
-    videoOptions: y || H ? {
-      maxDuration: y ? parseInt(y, 10) : void 0,
-      redaction: H === "true" ? !0 : void 0
+    positiveIcon: Q ?? void 0,
+    negativeIcon: W ?? void 0,
+    feedbackIcon: Y ?? void 0,
+    screenshotMethod: ot ?? void 0,
+    captureVideo: tt === "true" ? !0 : void 0,
+    hideThumbs: et === "true" ? !0 : void 0,
+    hideDismiss: it === "true" ? !0 : void 0,
+    videoOptions: q || M ? {
+      maxDuration: q ? parseInt(q, 10) : void 0,
+      redaction: M === "true" ? !0 : void 0
     } : void 0,
-    quests: L ? {
-      base: L,
-      up: tt ?? void 0,
-      down: et ?? void 0,
-      video: it ?? void 0,
-      apiKey: ot ?? void 0,
-      moduleUrl: at ?? void 0
+    quests: O ? {
+      base: O,
+      up: nt ?? void 0,
+      down: rt ?? void 0,
+      video: st ?? void 0,
+      apiKey: dt ?? void 0,
+      moduleUrl: lt ?? void 0
     } : void 0
   };
 }
-function te() {
+function se() {
   if (typeof document > "u") return;
   const e = () => {
-    const t = document.currentScript ?? document.querySelector("script[data-endpoint]"), i = Xt(), o = t ? Gt(t) : null, s = i ?? o;
-    s?.endpoint && new Yt(s);
+    const t = document.currentScript ?? document.querySelector("script[data-endpoint]"), i = oe(), o = t ? ae(t) : null, n = i ?? o;
+    n?.endpoint && new ie(n);
   };
   document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", e) : e();
 }
 export {
-  Yt as Q,
-  te as a,
-  Zt as c
+  ie as Q,
+  se as a,
+  re as c
 };
-//# sourceMappingURL=bootstrap-U4yiPm5-.js.map
+//# sourceMappingURL=bootstrap-rINL2pCt.js.map