1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[280],{5854:function(e,t,n){n.d(t,{Lg:function(){return PageFeedbackToolbarCSS}});var o=n(2265),s=n(4887),l=n(7437);if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-annotation-popup-css-styles");e||((e=document.createElement("style")).id="feedback-tool-styles-annotation-popup-css-styles",e.textContent='.styles-module__popup___IhzrD svg[fill=none] {\n fill: none !important;\n}\n.styles-module__popup___IhzrD svg[fill=none] :not([fill]) {\n fill: none !important;\n}\n\n@keyframes styles-module__popupEnter___AuQDN {\n from {\n opacity: 0;\n transform: translateX(-50%) scale(0.95) translateY(4px);\n }\n to {\n opacity: 1;\n transform: translateX(-50%) scale(1) translateY(0);\n }\n}\n@keyframes styles-module__popupExit___JJKQX {\n from {\n opacity: 1;\n transform: translateX(-50%) scale(1) translateY(0);\n }\n to {\n opacity: 0;\n transform: translateX(-50%) scale(0.95) translateY(4px);\n }\n}\n@keyframes styles-module__shake___jdbWe {\n 0%, 100% {\n transform: translateX(-50%) scale(1) translateY(0) translateX(0);\n }\n 20% {\n transform: translateX(-50%) scale(1) translateY(0) translateX(-3px);\n }\n 40% {\n transform: translateX(-50%) scale(1) translateY(0) translateX(3px);\n }\n 60% {\n transform: translateX(-50%) scale(1) translateY(0) translateX(-2px);\n }\n 80% {\n transform: translateX(-50%) scale(1) translateY(0) translateX(2px);\n }\n}\n.styles-module__popup___IhzrD {\n position: fixed;\n transform: translateX(-50%);\n width: 280px;\n padding: 0.75rem 1rem 14px;\n background: #1a1a1a;\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n cursor: default;\n z-index: 100001;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n will-change: transform, opacity;\n opacity: 0;\n}\n.styles-module__popup___IhzrD.styles-module__enter___L7U7N {\n animation: styles-module__popupEnter___AuQDN 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n.styles-module__popup___IhzrD.styles-module__entered___COX-w {\n opacity: 1;\n transform: translateX(-50%) scale(1) translateY(0);\n}\n.styles-module__popup___IhzrD.styles-module__exit___5eGjE {\n animation: styles-module__popupExit___JJKQX 0.15s ease-in forwards;\n}\n.styles-module__popup___IhzrD.styles-module__entered___COX-w.styles-module__shake___jdbWe {\n animation: styles-module__shake___jdbWe 0.25s ease-out;\n}\n\n.styles-module__header___wWsSi {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 0.5625rem;\n}\n\n.styles-module__element___fTV2z {\n font-size: 0.75rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n}\n\n.styles-module__headerToggle___WpW0b {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n flex: 1;\n min-width: 0;\n text-align: left;\n}\n.styles-module__headerToggle___WpW0b .styles-module__element___fTV2z {\n flex: 1;\n}\n\n.styles-module__chevron___ZZJlR {\n color: rgba(255, 255, 255, 0.5);\n transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n flex-shrink: 0;\n}\n.styles-module__chevron___ZZJlR.styles-module__expanded___2Hxgv {\n transform: rotate(90deg);\n}\n\n.styles-module__stylesWrapper___pnHgy {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.styles-module__stylesWrapper___pnHgy.styles-module__expanded___2Hxgv {\n grid-template-rows: 1fr;\n}\n\n.styles-module__stylesInner___YYZe2 {\n overflow: hidden;\n}\n\n.styles-module__stylesBlock___VfQKn {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 0.375rem;\n padding: 0.5rem 0.625rem;\n margin-bottom: 0.5rem;\n font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;\n font-size: 0.6875rem;\n line-height: 1.5;\n}\n\n.styles-module__styleLine___1YQiD {\n color: rgba(255, 255, 255, 0.85);\n word-break: break-word;\n}\n\n.styles-module__styleProperty___84L1i {\n color: #c792ea;\n}\n\n.styles-module__styleValue___q51-h {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.styles-module__timestamp___Dtpsv {\n font-size: 0.625rem;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.35);\n font-variant-numeric: tabular-nums;\n margin-left: 0.5rem;\n flex-shrink: 0;\n}\n\n.styles-module__quote___mcMmQ {\n font-size: 12px;\n font-style: italic;\n color: rgba(255, 255, 255, 0.6);\n margin-bottom: 0.5rem;\n padding: 0.4rem 0.5rem;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 0.25rem;\n line-height: 1.45;\n}\n\n.styles-module__textarea___jrSae {\n width: 100%;\n padding: 0.5rem 0.625rem;\n font-size: 0.8125rem;\n font-family: inherit;\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 8px;\n resize: none;\n outline: none;\n transition: border-color 0.15s ease;\n}\n.styles-module__textarea___jrSae:focus {\n border-color: var(--agentation-color-blue);\n}\n.styles-module__textarea___jrSae.styles-module__green___99l3h:focus {\n border-color: var(--agentation-color-green);\n}\n.styles-module__textarea___jrSae::placeholder {\n color: rgba(255, 255, 255, 0.35);\n}\n.styles-module__textarea___jrSae::-webkit-scrollbar {\n width: 6px;\n}\n.styles-module__textarea___jrSae::-webkit-scrollbar-track {\n background: transparent;\n}\n.styles-module__textarea___jrSae::-webkit-scrollbar-thumb {\n background: rgba(255, 255, 255, 0.2);\n border-radius: 3px;\n}\n\n.styles-module__actions___D6x3f {\n display: flex;\n justify-content: flex-end;\n gap: 0.375rem;\n margin-top: 0.5rem;\n}\n\n.styles-module__cancel___hRjnL,\n.styles-module__submit___K-mIR {\n padding: 0.4rem 0.875rem;\n font-size: 0.75rem;\n font-weight: 500;\n border-radius: 1rem;\n border: none;\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;\n}\n\n.styles-module__cancel___hRjnL {\n background: transparent;\n color: rgba(255, 255, 255, 0.5);\n}\n.styles-module__cancel___hRjnL:hover {\n background: rgba(255, 255, 255, 0.1);\n color: rgba(255, 255, 255, 0.8);\n}\n\n.styles-module__submit___K-mIR {\n color: white;\n}\n.styles-module__submit___K-mIR:hover:not(:disabled) {\n filter: brightness(0.9);\n}
1\n.styles-module__submit___K-mIR:disabled {\n cursor: not-allowed;\n}\n\n.styles-module__deleteWrapper___oSjdo {\n margin-right: auto;\n}\n\n.styles-module__deleteButton___4VuAE {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n border: none;\n background: transparent;\n color: rgba(255, 255, 255, 0.4);\n transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__deleteButton___4VuAE:hover {\n background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n color: var(--agentation-color-red);\n}\n.styles-module__deleteButton___4VuAE:active {\n transform: scale(0.92);\n}\n\n.styles-module__light___6AaSQ.styles-module__popup___IhzrD {\n background: #fff;\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.06);\n}\n.styles-module__light___6AaSQ .styles-module__element___fTV2z {\n color: rgba(0, 0, 0, 0.6);\n}\n.styles-module__light___6AaSQ .styles-module__timestamp___Dtpsv {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___6AaSQ .styles-module__chevron___ZZJlR {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___6AaSQ .styles-module__stylesBlock___VfQKn {\n background: rgba(0, 0, 0, 0.03);\n}\n.styles-module__light___6AaSQ .styles-module__styleLine___1YQiD {\n color: rgba(0, 0, 0, 0.75);\n}\n.styles-module__light___6AaSQ .styles-module__styleProperty___84L1i {\n color: #7c3aed;\n}\n.styles-module__light___6AaSQ .styles-module__styleValue___q51-h {\n color: rgba(0, 0, 0, 0.75);\n}\n.styles-module__light___6AaSQ .styles-module__quote___mcMmQ {\n color: rgba(0, 0, 0, 0.55);\n background: rgba(0, 0, 0, 0.04);\n}\n.styles-module__light___6AaSQ .styles-module__textarea___jrSae {\n background: rgba(0, 0, 0, 0.03);\n color: #1a1a1a;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.styles-module__light___6AaSQ .styles-module__textarea___jrSae::placeholder {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___6AaSQ .styles-module__textarea___jrSae::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.15);\n}\n.styles-module__light___6AaSQ .styles-module__cancel___hRjnL {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___6AaSQ .styles-module__cancel___hRjnL:hover {\n background: rgba(0, 0, 0, 0.06);\n color: rgba(0, 0, 0, 0.75);\n}\n.styles-module__light___6AaSQ .styles-module__deleteButton___4VuAE {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___6AaSQ .styles-module__deleteButton___4VuAE:hover {\n background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n color: var(--agentation-color-red);\n}',document.head.appendChild(e))}var a={popup:"styles-module__popup___IhzrD",enter:"styles-module__enter___L7U7N",entered:"styles-module__entered___COX-w",exit:"styles-module__exit___5eGjE",shake:"styles-module__shake___jdbWe",header:"styles-module__header___wWsSi",element:"styles-module__element___fTV2z",headerToggle:"styles-module__headerToggle___WpW0b",chevron:"styles-module__chevron___ZZJlR",expanded:"styles-module__expanded___2Hxgv",stylesWrapper:"styles-module__stylesWrapper___pnHgy",stylesInner:"styles-module__stylesInner___YYZe2",stylesBlock:"styles-module__stylesBlock___VfQKn",styleLine:"styles-module__styleLine___1YQiD",styleProperty:"styles-module__styleProperty___84L1i",styleValue:"styles-module__styleValue___q51-h",timestamp:"styles-module__timestamp___Dtpsv",quote:"styles-module__quote___mcMmQ",textarea:"styles-module__textarea___jrSae",actions:"styles-module__actions___D6x3f",cancel:"styles-module__cancel___hRjnL",submit:"styles-module__submit___K-mIR",deleteWrapper:"styles-module__deleteWrapper___oSjdo",deleteButton:"styles-module__deleteButton___4VuAE",light:"styles-module__light___6AaSQ"};if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-components-icon-transitions");e||((e=document.createElement("style")).id="feedback-tool-styles-components-icon-transitions",e.textContent=".icon-transitions-module__iconState___uqK9J {\n transition: opacity 0.2s ease, transform 0.2s ease;\n transform-origin: center;\n}\n\n.icon-transitions-module__iconStateFast___HxlMm {\n transition: opacity 0.15s ease, transform 0.15s ease;\n transform-origin: center;\n}\n\n.icon-transitions-module__iconFade___nPwXg {\n transition: opacity 0.2s ease;\n}\n\n.icon-transitions-module__iconFadeFast___Ofb2t {\n transition: opacity 0.15s ease;\n}\n\n.icon-transitions-module__visible___PlHsU {\n opacity: 1 !important;\n}\n\n.icon-transitions-module__visibleScaled___8Qog- {\n opacity: 1 !important;\n transform: scale(1);\n}\n\n.icon-transitions-module__hidden___ETykt {\n opacity: 0 !important;\n}\n\n.icon-transitions-module__hiddenScaled___JXn-m {\n opacity: 0 !important;\n transform: scale(0.8);\n}\n\n.icon-transitions-module__sending___uaLN- {\n opacity: 0.5 !important;\n transform: scale(0.8);\n}",document.head.appendChild(e))}
vendor: 4,380 bytes, lines 1-32
1var r={iconState:"icon-transitions-module__iconState___uqK9J",iconStateFast:"icon-transitions-module__iconStateFast___HxlMm",iconFade:"icon-transitions-module__iconFade___nPwXg",iconFadeFast:"icon-transitions-module__iconFadeFast___Ofb2t",visible:"icon-transitions-module__visible___PlHsU",visibleScaled:"icon-transitions-module__visibleScaled___8Qog-",hidden:"icon-transitions-module__hidden___ETykt",hiddenScaled:"icon-transitions-module__hiddenScaled___JXn-m",sending:"icon-transitions-module__sending___uaLN-"},IconClose=({size:e=16})=>(0,l.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",children:(0,l.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),IconPlus=({size:e=16})=>(0,l.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",children:(0,l.jsx)("path",{d:"M8 3v10M3 8h10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),IconListSparkle=({size:e=24,style:t={}})=>(0,l.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:t,children:[(0,l.jsxs)("g",{clipPath:"url(#clip0_list_sparkle)",children:[(0,l.jsx)("path",{d:"M11.5 12L5.5 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M18.5 6.75L5.5 6.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M9.25 17.25L5.5 17.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M16 12.75L16.5179 13.9677C16.8078 14.6494 17.3506 15.1922 18.0323 15.4821L19.25 16L18.0323 16.5179C17.3506 16.8078 16.8078 17.3506 16.5179 18.0323L16 19.25L15.4821 18.0323C15.1922 17.3506 14.6494 16.8078 13.9677 16.5179L12.75 16L13.9677 15.4821C14.6494 15.1922 15.1922 14.6494 15.4821 13.9677L16 12.75Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"})]}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"clip0_list_sparkle",children:(0,l.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),IconHelp=({size:e=20,...t})=>(0,l.jsxs)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",...t,children:[(0,l.jsx)("circle",{cx:"10",cy:"10",r:"6",stroke:"currentColor",strokeWidth:"1.25"}),(0,l.jsx)("path",{d:"M8.24 8.19C8.38 7.78 8.66 7.44 9.03 7.23C9.4 7.01 9.84 6.93 10.26 7C10.68 7.07 11.06 7.29 11.34 7.62C11.61 7.95 11.76 8.36 11.76 8.79152C11.76 10 10 10.6 10 10.6V10.83",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("circle",{cx:"10",cy:"13",r:"0.625",fill:"currentColor"})]}),IconCheckSmallAnimated=({size:e=14})=>(0,l.jsxs)("svg",{width:e,height:e,viewBox:"0 0 14 14",fill:"none",children:[(0,l.jsx)("style",{children:` 2 @keyframes checkDraw { 3 0% { 4 stroke-dashoffset: 12; 5 } 6 100% { 7 stroke-dashoffset: 0; 8 } 9 } 10 @keyframes checkBounce { 11 0% { 12 transform: scale(0.5); 13 opacity: 0; 14 } 15 50% { 16 transform: scale(1.12); 17 opacity: 1; 18 } 19 75% { 20 transform: scale(0.95); 21 } 22 100% { 23 transform: scale(1); 24 } 25 } 26 .check-path-animated { 27 stroke-dasharray: 12; 28 stroke-dashoffset: 0; 29 transform-origin: center; 30 animation: checkDraw 0.18s ease-out, checkBounce 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); 31 } 32 `}),(0,l.jsx)("path",{className:"check-path-animated",d:"M3.9375 7L6.125 9.1875L10.5 4.8125",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),IconCopyAnimated=({size:e=24,copied:t=!1})=>(0,l.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsxs)("g",{className:`${r.iconState} ${t?r.hiddenScaled:r.visibleScaled}`,children:[(0,l.jsx)("path",{d:"M4.75 11.25C4.75 10.4216 5.42157 9.75 6.25 9.75H12.75C13.5784 9.75 14.25 10.4216 14.25 11.25V17.75C14.25 18.5784 13.5784 19.25 12.75 19.25H6.25C5.42157 19.25 4.75 18.5784 4.75 17.75V11.25Z",stroke:"currentColor",strokeWidth:"1.5"}),(0,l.jsx)("path",{d:"M17.25 14.25H17.75C18.5784 14.25 19.25 13.5784 19.25 12.75V6.25C19.25 5.42157 18.5784 4.75 17.75 4.75H11.25C10.4216 4.75 9.75 5.42157 9.75 6.25V6.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),(0,l.jsxs)("g",{className:`${r.iconState} ${t?r.visibleScaled:r.hiddenScaled}
32`,children:[(0,l.jsx)("path",{d:"M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})]}),IconSendArrow=({size:e=24,state:t="idle"})=>(0,l.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsx)("g",{className:`${r.iconStateFast} ${"idle"===t?r.visibleScaled:"sending"===t?r.sending:r.hiddenScaled}`,children:(0,l.jsx)("path",{d:"M9.875 14.125L12.3506 19.6951C12.7184 20.5227 13.9091 20.4741 14.2083 19.6193L18.8139 6.46032C19.0907 5.6695 18.3305 4.90933 17.5397 5.18611L4.38072 9.79174C3.52589 10.0909 3.47731 11.2816 4.30494 11.6494L9.875 14.125ZM9.875 14.125L13.375 10.625",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,l.jsxs)("g",{className:`${r.iconStateFast} ${"sent"===t?r.visibleScaled:r.hiddenScaled}`,children:[(0,l.jsx)("path",{d:"M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,l.jsxs)("g",{className:`${r.iconStateFast} ${"failed"===t?r.visibleScaled:r.hiddenScaled}`,children:[(0,l.jsx)("path",{d:"M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z",stroke:"var(--agentation-color-red)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M12 8V12",stroke:"var(--agentation-color-red)",strokeWidth:"1.5",strokeLinecap:"round"}),(0,l.jsx)("circle",{cx:"12",cy:"15",r:"0.5",fill:"var(--agentation-color-red)",stroke:"var(--agentation-color-red)",strokeWidth:"1"})]})]}),IconEyeAnimated=({size:e=24,isOpen:t=!0})=>(0,l.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsxs)("g",{className:`${r.iconFade} ${t?r.visible:r.hidden}`,children:[(0,l.jsx)("path",{d:"M3.91752 12.7539C3.65127 12.2996 3.65037 11.7515 3.9149 11.2962C4.9042 9.59346 7.72688 5.49994 12 5.49994C16.2731 5.49994 19.0958 9.59346 20.0851 11.2962C20.3496 11.7515 20.3487 12.2996 20.0825 12.7539C19.0908 14.4459 16.2694 18.4999 12 18.4999C7.73064 18.4999 4.90918 14.4459 3.91752 12.7539Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M12 14.8261C13.5608 14.8261 14.8261 13.5608 14.8261 12C14.8261 10.4392 13.5608 9.17392 12 9.17392C10.4392 9.17392 9.17391 10.4392 9.17391 12C9.17391 13.5608 10.4392 14.8261 12 14.8261Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,l.jsxs)("g",{className:`${r.iconFade} ${t?r.hidden:r.visible}`,children:[(0,l.jsx)("path",{d:"M18.6025 9.28503C18.9174 8.9701 19.4364 8.99481 19.7015 9.35271C20.1484 9.95606 20.4943 10.507 20.7342 10.9199C21.134 11.6086 21.1329 12.4454 20.7303 13.1328C20.2144 14.013 19.2151 15.5225 17.7723 16.8193C16.3293 18.1162 14.3852 19.2497 12.0008 19.25C11.4192 19.25 10.8638 19.1823 10.3355 19.0613C9.77966 18.934 9.63498 18.2525 10.0382 17.8493C10.2412 17.6463 10.5374 17.573 10.8188 17.6302C11.1993 17.7076 11.5935 17.75 12.0008 17.75C13.8848 17.7497 15.4867 16.8568 16.7693 15.7041C18.0522 14.5511 18.9606 13.1867 19.4363 12.375C19.5656 12.1543 19.5659 11.8943 19.4373 11.6729C19.2235 11.3049 18.921 10.8242 18.5364 10.3003C18.3085 9.98991 18.3302 9.5573 18.6025 9.28503ZM12.0008 4.75C12.5814 4.75006 13.1358 4.81803 13.6632 4.93953C14.2182 5.06741 14.362 5.74812 13.9593 6.15091C13.7558 6.35435 13.4589 6.42748 13.1771 6.36984C12.7983 6.29239 12.4061 6.25006 12.0008 6.25C10.1167 6.25 8.51415 7.15145 7.23028 8.31543C5.94678 9.47919 5.03918 10.8555 4.56426 11.6729C4.43551 11.8945 4.43582 12.1542 4.56524 12.375C4.77587 12.7343 5.07189 13.2012 5.44718 13.7105C5.67623 14.0213 5.65493 14.4552 5.38193 14.7282C5.0671 15.0431 4.54833 15.0189 4.28292 14.6614C3.84652 14.0736 3.50813 13.5369 3.27129 13.1328C2.86831 12.4451 2.86717 11.6088 3.26739 10.9199C3.78185 10.0345 4.77959 8.51239 6.22247 7.2041C7.66547 5.89584 9.61202 4.75 12.0008 4.75Z",fill:"currentColor"}),(0,l.jsx)("path",{d:"M5 19L19 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})]}),IconPausePlayAnimated=({size:e=24,isPaused:t=!1})=>(0,l.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsxs)("g",{className:`${r.iconFadeFast} ${t?r.hidden:r.visible}`,children:[(0,l.jsx)("path",{d:"M8 6L8 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M16 18L16 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),(0,l.jsx)("path",{className:`${r.iconFadeFast} ${t?r.visible:r.hidden}`,d:"M17.75 10.701C18.75 11.2783 18.75 12.7217 17.75 13.299L8.75 18.4952C7.75 19.0725 6.5 18.3509 6.5 17.1962L6.5 6.80384C6.5 5.64914 7.75 4.92746 8.75 5.50481L17.75 10.701Z",stroke:"currentColor",strokeWidth:"1.5"})]}),IconGear=({size:e=16})=>(0,l.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsx)("path",{d:"M10.6504 5.81117C10.9939 4.39628 13.0061 4.39628 13.3496 5.81117C13.5715 6.72517 14.6187 7.15891 15.4219 6.66952C16.6652 5.91193 18.0881 7.33479 17.3305 8.57815C16.8411 9.38134 17.2748 10.4285 18.1888 10.6504C19.6037 10.9939 19.6037 13.0061 18.1888 13.3496C17.2748 13.5715 16.8411 14.6187 17.3305 15.4219C18.0881 16.6652 16.6652 18.0881 15.4219 17.3305C14.6187 16.8411 13.5715 17.2748 13.3496 18.1888C13.0061 19.6037 10.9939 19.6037 10.6504 18.1888C10.4285 17.2748 9.38135 16.8411 8.57815 17.3305C7.33479 18.0881 5.91193 16.6652 6.66952 15.4219C7.15891 14.6187 6.72517 13.5715 5.81117 13.3496C4.39628 13.0061 4.39628 10.9939 5.81117 10.6504C6.72517 10.4285 7.15891 9.38134 6.66952 8.57815C5.91193 7.33479 7.33479 5.91192 8.57815 6.66952C9.38135 7.15891 10.4285 6.72517 10.6504 5.81117Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("circle",{cx:"12",cy:"12",r:"2.5",stroke:"currentColor",strokeWidth:"1.5"})]}),IconTrashAlt=({size:e=16})=>(0,l.jsx)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:(0,l.jsx)("path",{d:"M13.5 4C14.7426 4 15.75 5.00736 15.75 6.25V7H18.5C18.9142 7 19.25 7.33579 19.25 7.75C19.25 8.16421 18.9142 8.5 18.5 8.5H17.9678L17.6328 16.2217C17.61 16.7475 17.5912 17.1861 17.5469 17.543C17.5015 17.9087 17.4225 18.2506 17.2461 18.5723C16.9747 19.0671 16.5579 19.4671 16.0518 19.7168C15.7227 19.8791 15.3772 19.9422 15.0098 19.9717C14.6514 20.0004 14.212
326 20 13.6865 20H10.3135C9.78735 20 9.34856 20.0004 8.99023 19.9717C8.62278 19.9422 8.27729 19.8791 7.94824 19.7168C7.44205 19.4671 7.02532 19.0671 6.75391 18.5723C6.57751 18.2506 6.49853 17.9087 6.45312 17.543C6.40883 17.1861 6.39005 16.7475 6.36719 16.2217L6.03223 8.5H5.5C5.08579 8.5 4.75 8.16421 4.75 7.75C4.75 7.33579 5.08579 7 5.5 7H8.25V6.25C8.25 5.00736 9.25736 4 10.5 4H13.5ZM7.86621 16.1562C7.89013 16.7063 7.90624 17.0751 7.94141 17.3584C7.97545 17.6326 8.02151 17.7644 8.06934 17.8516C8.19271 18.0763 8.38239 18.2577 8.6123 18.3711C8.70153 18.4151 8.83504 18.4545 9.11035 18.4766C9.39482 18.4994 9.76335 18.5 10.3135 18.5H13.6865C14.2367 18.5 14.6052 18.4994 14.8896 18.4766C15.165 18.4545 15.2985 18.4151 15.3877 18.3711C15.6176 18.2577 15.8073 18.0763 15.9307 17.8516C15.9785 17.7644 16.0245 17.6326 16.0586 17.3584C16.0938 17.0751 16.1099 16.7063 16.1338 16.1562L16.4668 8.5H7.5332L7.86621 16.1562ZM9.97656 10.75C10.3906 10.7371 10.7371 11.0626 10.75 11.4766L10.875 15.4766C10.8879 15.8906 10.5624 16.2371 10.1484 16.25C9.73443 16.2629 9.38794 15.9374 9.375 15.5234L9.25 11.5234C9.23706 11.1094 9.56255 10.7629 9.97656 10.75ZM14.0244 10.75C14.4384 10.7635 14.7635 11.1105 14.75 11.5244L14.6201 15.5244C14.6066 15.9384 14.2596 16.2634 13.8457 16.25C13.4317 16.2365 13.1067 15.8896 13.1201 15.4756L13.251 11.4756C13.2645 11.0617 13.6105 10.7366 14.0244 10.75ZM10.5 5.5C10.0858 5.5 9.75 5.83579 9.75 6.25V7H14.25V6.25C14.25 5.83579 13.9142 5.5 13.5 5.5H10.5Z",fill:"currentColor"})}),IconXmark=({size:e=16})=>(0,l.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsxs)("g",{clipPath:"url(#clip0_2_53)",children:[(0,l.jsx)("path",{d:"M16.25 16.25L7.75 7.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M7.75 16.25L16.25 7.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"clip0_2_53",children:(0,l.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),IconXmarkLarge=({size:e=24})=>(0,l.jsx)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:(0,l.jsx)("path",{d:"M16.7198 6.21973C17.0127 5.92683 17.4874 5.92683 17.7803 6.21973C18.0732 6.51262 18.0732 6.9874 17.7803 7.28027L13.0606 12L17.7803 16.7197C18.0732 17.0126 18.0732 17.4874 17.7803 17.7803C17.4875 18.0731 17.0127 18.0731 16.7198 17.7803L12.0001 13.0605L7.28033 17.7803C6.98746 18.0731 6.51268 18.0731 6.21979 17.7803C5.92689 17.4874 5.92689 17.0126 6.21979 16.7197L10.9395 12L6.21979 7.28027C5.92689 6.98738 5.92689 6.51262 6.21979 6.21973C6.51268 5.92683 6.98744 5.92683 7.28033 6.21973L12.0001 10.9395L16.7198 6.21973Z",fill:"currentColor"})}),IconSun=({size:e=16})=>(0,l.jsxs)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",children:[(0,l.jsx)("path",{d:"M9.99999 12.7082C11.4958 12.7082 12.7083 11.4956 12.7083 9.99984C12.7083 8.50407 11.4958 7.2915 9.99999 7.2915C8.50422 7.2915 7.29166 8.50407 7.29166 9.99984C7.29166 11.4956 8.50422 12.7082 9.99999 12.7082Z",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M10 3.9585V5.05698",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M10 14.9429V16.0414",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M5.7269 5.72656L6.50682 6.50649",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M13.4932 13.4932L14.2731 14.2731",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M3.95834 10H5.05683",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M14.9432 10H16.0417",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M5.7269 14.2731L6.50682 13.4932",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M13.4932 6.50649L14.2731 5.72656",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]}),IconMoon=({size:e=16})=>(0,l.jsx)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",children:(0,l.jsx)("path",{d:"M15.5 10.4955C15.4037 11.5379 15.0124 12.5314 14.3721 13.3596C13.7317 14.1878 12.8688 14.8165 11.8841 15.1722C10.8995 15.5278 9.83397 15.5957 8.81217 15.3679C7.79038 15.1401 6.8546 14.6259 6.11434 13.8857C5.37408 13.1454 4.85995 12.2096 4.63211 11.1878C4.40427 10.166 4.47215 9.10048 4.82781 8.11585C5.18346 7.13123 5.81218 6.26825 6.64039 5.62791C7.4686 4.98756 8.46206 4.59634 9.5045 4.5C8.89418 5.32569 8.60049 6.34302 8.67685 7.36695C8.75321 8.39087 9.19454 9.35339 9.92058 10.0794C10.6466 10.8055 11.6091 11.2468 12.6331 11.323
321C13.657 11.3995 14.6743 11.1058 15.5 10.4955Z",stroke:"currentColor",strokeWidth:"1.13793",strokeLinecap:"round",strokeLinejoin:"round"})}),IconEdit=({size:e=16})=>(0,l.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M11.3799 6.9572L9.05645 4.63375M11.3799 6.9572L6.74949 11.5699C6.61925 11.6996 6.45577 11.791 6.277 11.8339L4.29549 12.3092C3.93194 12.3964 3.60478 12.0683 3.69297 11.705L4.16585 9.75693C4.20893 9.57947 4.29978 9.4172 4.42854 9.28771L9.05645 4.63375M11.3799 6.9572L12.3455 5.98759C12.9839 5.34655 12.9839 4.31002 12.3455 3.66897C11.7033 3.02415 10.6594 3.02415 10.0172 3.66897L9.06126 4.62892L9.05645 4.63375",stroke:"currentColor",strokeWidth:"0.9",strokeLinecap:"round",strokeLinejoin:"round"})}),IconTrash=({size:e=24})=>(0,l.jsx)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M13.5 4C14.7426 4 15.75 5.00736 15.75 6.25V7H18.5C18.9142 7 19.25 7.33579 19.25 7.75C19.25 8.16421 18.9142 8.5 18.5 8.5H17.9678L17.6328 16.2217C17.61 16.7475 17.5912 17.1861 17.5469 17.543C17.5015 17.9087 17.4225 18.2506 17.2461 18.5723C16.9747 19.0671 16.5579 19.4671 16.0518 19.7168C15.7227 19.8791 15.3772 19.9422 15.0098 19.9717C14.6514 20.0004 14.2126 20 13.6865 20H10.3135C9.78735 20 9.34856 20.0004 8.99023 19.9717C8.62278 19.9422 8.27729 19.8791 7.94824 19.7168C7.44205 19.4671 7.02532 19.0671 6.75391 18.5723C6.57751 18.2506 6.49853 17.9087 6.45312 17.543C6.40883 17.1861 6.39005 16.7475 6.36719 16.2217L6.03223 8.5H5.5C5.08579 8.5 4.75 8.16421 4.75 7.75C4.75 7.33579 5.08579 7 5.5 7H8.25V6.25C8.25 5.00736 9.25736 4 10.5 4H13.5ZM7.86621 16.1562C7.89013 16.7063 7.90624 17.0751 7.94141 17.3584C7.97545 17.6326 8.02151 17.7644 8.06934 17.8516C8.19271 18.0763 8.38239 18.2577 8.6123 18.3711C8.70153 18.4151 8.83504 18.4545 9.11035 18.4766C9.39482 18.4994 9.76335 18.5 10.3135 18.5H13.6865C14.2367 18.5 14.6052 18.4994 14.8896 18.4766C15.165 18.4545 15.2985 18.4151 15.3877 18.3711C15.6176 18.2577 15.8073 18.0763 15.9307 17.8516C15.9785 17.7644 16.0245 17.6326 16.0586 17.3584C16.0938 17.0751 16.1099 16.7063 16.1338 16.1562L16.4668 8.5H7.5332L7.86621 16.1562ZM9.97656 10.75C10.3906 10.7371 10.7371 11.0626 10.75 11.4766L10.875 15.4766C10.8879 15.8906 10.5624 16.2371 10.1484 16.25C9.73443 16.2629 9.38794 15.9374 9.375 15.5234L9.25 11.5234C9.23706 11.1094 9.56255 10.7629 9.97656 10.75ZM14.0244 10.75C14.4383 10.7635 14.7635 11.1105 14.75 11.5244L14.6201 15.5244C14.6066 15.9384 14.2596 16.2634 13.8457 16.25C13.4317 16.2365 13.1067 15.8896 13.1201 15.4756L13.251 11.4756C13.2645 11.0617 13.6105 10.7366 14.0244 10.75ZM10.5 5.5C10.0858 5.5 9.75 5.83579 9.75 6.25V7H14.25V6.25C14.25 5.83579 13.9142 5.5 13.5 5.5H10.5Z",fill:"currentColor"})}),IconChevronLeft=({size:e=16})=>(0,l.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M8.5 3.5L4 8L8.5 12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),i=["data-feedback-toolbar","data-annotation-popup","data-annotation-marker"],d=i.flatMap(e=>[`:not([${e}])`,`:not([${e}] *)`]).join(""),_="feedback-freeze-styles",c="__agentation_freeze",u=function(){if("undefined"==typeof window)return{frozen:!1,installed:!0,origSetTimeout:setTimeout,origSetInterval:setInterval,origRAF:e=>0,pausedAnimations:[],frozenTimeoutQueue:[],frozenRAFQueue:[]};let e=window;return e[c]||(e[c]={frozen:!1,installed:!1,origSetTimeout:null,origSetInterval:null,origRAF:null,pausedAnimations:[],frozenTimeoutQueue:[],frozenRAFQueue:[]}),e[c]}();"undefined"==typeof window||u.installed||(u.origSetTimeout=window.setTimeout.bind(window),u.origSetInterval=window.setInterval.bind(window),u.origRAF=window.requestAnimationFrame.bind(window),window.setTimeout=(e,t,...n)=>"string"==typeof e?u.origSetTimeout(e,t):u.origSetTimeout((...t)=>{u.frozen?u.frozenTimeoutQueue.push(()=>e(...t)):e(...t)},t,...n),window.setInterval=(e,t,...n)=>"string"==typeof e?u.origSetInterval(e,t):u.origSetInterval((...t)=>{u.frozen||e(...t)},t,...n),window.requestAnimationFrame=e=>u.origRAF(t=>{u.frozen?u.frozenRAFQueue.push(e):e(t)}),u.installed=!0);var m=u.origSetTimeout,g=u.origSetInterval;function unfreeze(){if("undefined"==typeof document||!u.frozen)return;u.frozen=!1;let e=u.frozenTimeoutQueue;for(let t of(u.frozenTimeoutQueue=[],e))u.origSetTimeout(()=>{if(u.frozen){u.frozenTimeoutQueue.push(t);return}try{t()}catch(e){console.warn("[agentation] Error replaying queued timeout:",e)}},0);let t=u.frozenRAFQueue;for(let e of(u.frozenRAFQueue=[],t))u.origRAF(t=>{if(u.frozen){u.frozenRAFQueue.push(e);return}e(t)});for(let e of u.pausedAnimations)try{e.play()}catch(e){console.warn("[agentation] Error resuming animation:",e)}u.pausedAnimations=[],document.getElementById(_)?.remove(),document.querySelectorAll("video").forEach(e
32=>{"false"===e.dataset.wasPaused&&(e.play().catch(()=>{}),delete e.dataset.wasPaused)})}function focusBypassingTraps(e){if(!e)return;let trap=e=>e.stopImmediatePropagation();document.addEventListener("focusin",trap,!0),document.addEventListener("focusout",trap,!0);try{e.focus()}finally{document.removeEventListener("focusin",trap,!0),document.removeEventListener("focusout",trap,!0)}}var p=(0,o.forwardRef)(function({element:e,timestamp:t,selectedText:n,placeholder:s="What should change?",initialValue:r="",submitLabel:i="Add",onSubmit:d,onCancel:_,onDelete:c,style:u,accentColor:g="#3c82f7",isExiting:p=!1,lightMode:h=!1,computedStyles:y},f){let[b,x]=(0,o.useState)(r),[w,k]=(0,o.useState)(!1),[v,C]=(0,o.useState)("initial"),[S,j]=(0,o.useState)(!1),[L,$]=(0,o.useState)(!1),N=(0,o.useRef)(null),I=(0,o.useRef)(null),P=(0,o.useRef)(null),B=(0,o.useRef)(null);(0,o.useEffect)(()=>{p&&"exit"!==v&&C("exit")},[p,v]),(0,o.useEffect)(()=>{m(()=>{C("enter")},0);let e=m(()=>{C("entered")},200),t=m(()=>{let e=N.current;e&&(focusBypassingTraps(e),e.selectionStart=e.selectionEnd=e.value.length,e.scrollTop=e.scrollHeight)},50);return()=>{clearTimeout(e),clearTimeout(t),P.current&&clearTimeout(P.current),B.current&&clearTimeout(B.current)}},[]);let E=(0,o.useCallback)(()=>{B.current&&clearTimeout(B.current),k(!0),B.current=m(()=>{k(!1),focusBypassingTraps(N.current)},250)},[]);(0,o.useImperativeHandle)(f,()=>({shake:E}),[E]);let M=(0,o.useCallback)(()=>{C("exit"),P.current=m(()=>{_()},150)},[_]),T=(0,o.useCallback)(()=>{b.trim()&&d(b.trim())},[b,d]),A=(0,o.useCallback)(e=>{e.stopPropagation(),e.nativeEvent.isComposing||("Enter"!==e.key||e.shiftKey||(e.preventDefault(),T()),"Escape"===e.key&&M())},[T,M]),R=[a.popup,h?a.light:"","enter"===v?a.enter:"","entered"===v?a.entered:"","exit"===v?a.exit:"",w?a.shake:""].filter(Boolean).join(" ");return(0,l.jsxs)("div",{ref:I,className:R,"data-annotation-popup":!0,style:u,onClick:e=>e.stopPropagation(),children:[(0,l.jsxs)("div",{className:a.header,children:[y&&Object.keys(y).length>0?(0,l.jsxs)("button",{className:a.headerToggle,onClick:()=>{$(!L),L&&m(()=>focusBypassingTraps(N.current),0)},type:"button",children:[(0,l.jsx)("svg",{className:`${a.chevron} ${L?a.expanded:""}`,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M5.5 10.25L9 7.25L5.75 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,l.jsx)("span",{className:a.element,children:e})]}):(0,l.jsx)("span",{className:a.element,children:e}),t&&(0,l.jsx)("span",{className:a.timestamp,children:t})]}),y&&Object.keys(y).length>0&&(0,l.jsx)("div",{className:`${a.stylesWrapper} ${L?a.expanded:""}`,children:(0,l.jsx)("div",{className:a.stylesInner,children:(0,l.jsx)("div",{className:a.stylesBlock,children:Object.entries(y).map(([e,t])=>(0,l.jsxs)("div",{className:a.styleLine,children:[(0,l.jsx)("span",{className:a.styleProperty,children:e.replace(/([A-Z])/g,"-$1").toLowerCase()}),": ",(0,l.jsx)("span",{className:a.styleValue,children:t}),";"]},e))})})}),n&&(0,l.jsxs)("div",{className:a.quote,children:["â",n.slice(0,80),n.length>80?"...":"","â"]}),(0,l.jsx)("textarea",{ref:N,className:a.textarea,style:{borderColor:S?g:void 0},placeholder:s,value:b,onChange:e=>x(e.target.value),onFocus:()=>j(!0),onBlur:()=>j(!1),rows:2,onKeyDown:A}),(0,l.jsxs)("div",{className:a.actions,children:[c&&(0,l.jsx)("div",{className:a.deleteWrapper,children:(0,l.jsx)("button",{className:a.deleteButton,onClick:c,type:"button",children:(0,l.jsx)(IconTrash,{size:22})})}),(0,l.jsx)("button",{className:a.cancel,onClick:M,children:"Cancel"}),(0,l.jsx)("button",{className:a.submit,style:{backgroundColor:g,opacity:b.trim()?1:.4},onClick:T,disabled:!b.trim(),children:i})]})]})});function getParentElement(e){if(e.parentElement)return e.parentElement;let t=e.getRootNode();return t instanceof ShadowRoot?t.host:null}function closestCrossingShadow(e,t){let n=e;for(;n;){if(n.matches(t))return n;n=getParentElement(n)}return null}function identifyElement(e){let t=function(e,t=4){let n=[],o=e,s=0;for(;o&&s<t;){let e=o.tagName.toLowerCase();if("html"===e||"body"===e)break;let t=e;if(o.id)t=`#${o.id}`;else if(o.className&&"string"==typeof o.className){let e=o.className.split(/\s+/).find(e=>e.length>2&&!e.match(/^[a-z]{1,2}$/)&&!e.match(/[A-Z0-9]{5,}/));e&&(t=`.${e.split("_")[0]}`)}let l=getParentElement(o);!o.parentElement&&l&&(t=`\u27E8shadow\u27E9 ${t}`),n.unshift(t),o=l,s++}return n.join(" > ")}(e);if(e.dataset.element)return{name:e.dataset.element,path:t};let n=e.tagName.toLowerCase();if(["path","circle","rect","line","g"].includes(n)){let n=closestCrossingShadow(e,"svg");if(n){let e=getParentElement(n);if(e instanceof HTMLElement){let n=identifyElement(e).name;return{name:`graphic in ${n}`,path:t}}}return{name:"graphic element",path:t}}if("svg"===n){let n=getParentElement(e);
32if(n?.tagName.toLowerCase()==="button"){let e=n.textContent?.trim();return{name:e?`icon in "${e}" button`:"button icon",path:t}}return{name:"icon",path:t}}if("button"===n){let n=e.textContent?.trim(),o=e.getAttribute("aria-label");return o?{name:`button [${o}]`,path:t}:{name:n?`button "${n.slice(0,25)}"`:"button",path:t}}if("a"===n){let n=e.textContent?.trim(),o=e.getAttribute("href");return n?{name:`link "${n.slice(0,25)}"`,path:t}:o?{name:`link to ${o.slice(0,30)}`,path:t}:{name:"link",path:t}}if("input"===n){let n=e.getAttribute("type")||"text",o=e.getAttribute("placeholder"),s=e.getAttribute("name");return o?{name:`input "${o}"`,path:t}:s?{name:`input [${s}]`,path:t}:{name:`${n} input`,path:t}}if(["h1","h2","h3","h4","h5","h6"].includes(n)){let o=e.textContent?.trim();return{name:o?`${n} "${o.slice(0,35)}"`:n,path:t}}if("p"===n){let n=e.textContent?.trim();return n?{name:`paragraph: "${n.slice(0,40)}${n.length>40?"...":""}"`,path:t}:{name:"paragraph",path:t}}if("span"===n||"label"===n){let o=e.textContent?.trim();return o&&o.length<40?{name:`"${o}"`,path:t}:{name:n,path:t}}if("li"===n){let n=e.textContent?.trim();return n&&n.length<40?{name:`list item: "${n.slice(0,35)}"`,path:t}:{name:"list item",path:t}}if("blockquote"===n)return{name:"blockquote",path:t};if("code"===n){let n=e.textContent?.trim();return n&&n.length<30?{name:`code: \`${n}\``,path:t}:{name:"code",path:t}}if("pre"===n)return{name:"code block",path:t};if("img"===n){let n=e.getAttribute("alt");return{name:n?`image "${n.slice(0,30)}"`:"image",path:t}}if("video"===n)return{name:"video",path:t};if(["div","section","article","nav","header","footer","aside","main"].includes(n)){let o=e.className,s=e.getAttribute("role"),l=e.getAttribute("aria-label");if(l)return{name:`${n} [${l}
32]`,path:t};if(s)return{name:`${s}`,path:t};if("string"==typeof o&&o){let e=o.split(/[\s_-]+/).map(e=>e.replace(/[A-Z0-9]{5,}.*$/,"")).filter(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e)).slice(0,2);if(e.length>0)return{name:e.join(" "),path:t}}return{name:"div"===n?"container":n,path:t}}return{name:n,path:t}}function getNearbyText(e){let t=[],n=e.textContent?.trim();n&&n.length<100&&t.push(n);let o=e.previousElementSibling;if(o){let e=o.textContent?.trim();e&&e.length<50&&t.unshift(`[before: "${e.slice(0,40)}"]`)}let s=e.nextElementSibling;if(s){let e=s.textContent?.trim();e&&e.length<50&&t.push(`[after: "${e.slice(0,40)}"]`)}return t.join(" ")}function getNearbyElements(e){let t=getParentElement(e);if(!t)return"";let n=e.getRootNode(),o=n instanceof ShadowRoot&&e.parentElement?Array.from(e.parentElement.children):Array.from(t.children),s=o.filter(t=>t!==e&&t instanceof HTMLElement);if(0===s.length)return"";let l=s.slice(0,4).map(e=>{let t=e.tagName.toLowerCase(),n=e.className,o="";if("string"==typeof n&&n){let e=n.split(/\s+/).map(e=>e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e));e&&(o=`.${e}`)}if("button"===t||"a"===t){let n=e.textContent?.trim().slice(0,15);if(n)return`${t}${o} "${n}"`}return`${t}${o}`}),a=t.tagName.toLowerCase(),r=a;if("string"==typeof t.className&&t.className){let e=t.className.split(/\s+/).map(e=>e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e));e&&(r=`.${e}`)}let i=t.children.length,d=i>l.length+1?` (${i} total in ${r})`:"";return l.join(", ")+d}function getElementClasses(e){let t=e.className;if("string"!=typeof t||!t)return"";let n=t.split(/\s+/).filter(e=>e.length>0).map(e=>{let t=e.match(/^([a-zA-Z][a-zA-Z0-9_-]*?)(?:_[a-zA-Z0-9]{5,})?$/);return t?t[1]:e}).filter((e,t,n)=>n.indexOf(e)===t);return n.join(", ")}var h=new Set(["none","normal","auto","0px","rgba(0, 0, 0, 0)","transparent","static","visible"]),y=new Set(["p","span","h1","h2","h3","h4","h5","h6","label","li","td","th","blockquote","figcaption","caption","legend","dt","dd","pre","code","em","strong","b","i","a","time","cite","q"]),f=new Set(["input","textarea","select"]),b=new Set(["img","video","canvas","svg"]),x=new Set(["div","section","article","nav","header","footer","aside","main","ul","ol","form","fieldset"]);function getDetailedComputedStyles(e){if("undefined"==typeof window)return{};let t=window.getComputedStyle(e),n={},o=e.tagName.toLowerCase();for(let s of y.has(o)?["color","fontSize","fontWeight","fontFamily","lineHeight"]:"button"===o||"a"===o&&"button"===e.getAttribute("role")?["backgroundColor","color","padding","borderRadius","fontSize"]:f.has(o)?["backgroundColor","color","padding","borderRadius","fontSize"]:b.has(o)?["width","height","objectFit","borderRadius"]:x.has(o)?["display","padding","margin","gap","backgroundColor"]:["color","fontSize","margin","padding","backgroundColor"]){let e=s.replace(/([A-Z])/g,"-$1").toLowerCase(),o=t.getPropertyValue(e);o&&!h.has(o)&&(n[s]=o)}return n}var w=["color","backgroundColor","borderColor","fontSize","fontWeight","fontFamily","lineHeight","letterSpacing","textAlign","width","height","padding","margin","border","borderRadius","display","position","top","right","bottom","left","zIndex","flexDirection","justifyContent","alignItems","gap","opacity","visibility","overflow","boxShadow","transform"];function getForensicComputedStyles(e){if("undefined"==typeof window)return"";let t=window.getComputedStyle(e),n=[];for(let e of w){let o=e.replace(/([A-Z])/g,"-$1").toLowerCase(),s=t.getPropertyValue(o);s&&!h.has(s)&&n.push(`${o}: ${s}`)}return n.join("; ")}function getAccessibilityInfo(e){let t=[],n=e.getAttribute("role"),o=e.getAttribute("aria-label"),s=e.getAttribute("aria-describedby"),l=e.getAttribute("tabindex"),a=e.getAttribute("aria-hidden");n&&t.push(`role="${n}"`),o&&t.push(`aria-label="${o}"`),s&&t.push(`aria-describedby="${s}"`),l&&t.push(`tabindex=${l}`),"true"===a&&t.push("aria-hidden");let r=e.matches("a, button, input, select, textarea, [tabindex]");return r&&t.push("focusable"),t.join(", ")}function getFullElementPath(e){let t=[],n=e;for(;n&&"html"!==n.tagName.toLowerCase();){let e=n.tagName.toLowerCase(),o=e;if(n.id)o=`${e}#${n.id}`;else if(n.className&&"string"==typeof n.className){let t=n.className.split(/\s+/).map(e=>e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(e=>e.length>2);
32t&&(o=`${e}.${t}`)}let s=getParentElement(n);!n.parentElement&&s&&(o=`\u27E8shadow\u27E9 ${o}`),t.unshift(o),n=s}return t.join(" > ")}var k="feedback-annotations-";function getStorageKey(e){return`${k}${e}`}function loadAnnotations(e){if("undefined"==typeof window)return[];try{let t=localStorage.getItem(getStorageKey(e));if(!t)return[];let n=JSON.parse(t),o=Date.now()-6048e5;return n.filter(e=>!e.timestamp||e.timestamp>o)}catch{return[]}}function saveAnnotations(e,t){if("undefined"!=typeof window)try{localStorage.setItem(getStorageKey(e),JSON.stringify(t))}catch{}}function saveAnnotationsWithSyncMarker(e,t,n){let o=t.map(e=>({...e,_syncedTo:n}));saveAnnotations(e,o)}var v="agentation-session-";function getSessionStorageKey(e){return`${v}${e}`}function saveSessionId(e,t){if("undefined"!=typeof window)try{localStorage.setItem(getSessionStorageKey(e),t)}catch{}}var C=`${v}toolbar-hidden`;async function createSession(e,t){let n=await fetch(`${e}/sessions`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:t})});if(!n.ok)throw Error(`Failed to create session: ${n.status}`);return n.json()}async function getSession(e,t){let n=await fetch(`${e}/sessions/${t}`);if(!n.ok)throw Error(`Failed to get session: ${n.status}`);return n.json()}async function syncAnnotation(e,t,n){let o=await fetch(`${e}/sessions/${t}/annotations`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(!o.ok)throw Error(`Failed to sync annotation: ${o.status}`);return o.json()}async function updateAnnotation(e,t,n){let o=await fetch(`${e}/annotations/${t}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(!o.ok)throw Error(`Failed to update annotation: ${o.status}`);return o.json()}async function deleteAnnotation(e,t){let n=await fetch(`${e}/annotations/${t}`,{method:"DELETE"});if(!n.ok)throw Error(`Failed to delete annotation: ${n.status}`)}var S={FunctionComponent:0,ClassComponent:1,IndeterminateComponent:2,HostRoot:3,HostPortal:4,HostComponent:5,HostText:6,Fragment:7,Mode:8,ContextConsumer:9,ContextProvider:10,ForwardRef:11,Profiler:12,SuspenseComponent:13,MemoComponent:14,SimpleMemoComponent:15,LazyComponent:16,IncompleteClassComponent:17,DehydratedFragment:18,SuspenseListComponent:19,ScopeComponent:21,OffscreenComponent:22,LegacyHiddenComponent:23,CacheComponent:24,TracingMarkerComponent:25,HostHoistable:26,HostSingleton:27,IncompleteFunctionComponent:28,Throw:29,ViewTransitionComponent:30,ActivityComponent:31},j=new Set(["Component","PureComponent","Fragment","Suspense","Profiler","StrictMode","Routes","Route","Outlet","Root","ErrorBoundaryHandler","HotReload","Hot"]),L=[/Boundary$/,/BoundaryHandler$/,/Provider$/,/Consumer$/,/^(Inner|Outer)/,/Router$/,/^Client(Page|Segment|Root)/,/^Segment(ViewNode|Node)$/,/^LayoutSegment/,/^Server(Root|Component|Render)/,/^RSC/,/Context$/,/^Hot(Reload)?$/,/^(Dev|React)(Overlay|Tools|Root)/,/Overlay$/,/Handler$/,/^With[A-Z]/,/Wrapper$/,/^Root$/],$=[/Page$/,/View$/,/Screen$/,/Section$/,/Card$/,/List$/,/Item$/,/Form$/,/Modal$/,/Dialog$/,/Button$/,/Nav$/,/Header$/,/Footer$/,/Layout$/,/Panel$/,/Tab$/,/Menu$/],N=null;function hasReactFiber(e){return Object.keys(e).some(e=>e.startsWith("__reactFiber$")||e.startsWith("__reactInternalInstance$")||e.startsWith("__reactProps$"))}var I={map:new WeakMap};function getComponentNameFromType(e){return e?e.displayName?e.displayName:e.name?e.name:null:null}var P={FunctionComponent:0,IndeterminateComponent:2,ForwardRef:11,MemoComponent:14,SimpleMemoComponent:15};function getComponentName(e){if(!e.type||"string"==typeof e.type)return null;if("object"==typeof e.type||"function"==typeof e.type){let t=e.type;if(t.displayName)return t.displayName;if(t.name)return t.name}return null}var B=new Map;function getSourceLocation(e){let t=function(e){if(!e||"object"!=typeof e)return null;let t=Object.keys(e),n=t.find(e=>e.startsWith("__reactFiber$"));if(n)return e[n]||null;let o=t.find(e=>e.startsWith("__reactInternalInstance$"));if(o)return e[o]||null;let s=t.find(t=>{if(!t.startsWith("__react"))return!1;let n=e[t];return n&&"object"==typeof n&&"_debugSource"in n});return s&&e[s]||null}(e);if(!t)return{found:!1,reason:"no-fiber",isReactApp:!1,isProduction:!1};let n=function(e,t=50){let n=e,o=0;for(;n&&o<t;){if(n._debugSource)return{source:n._debugSource,componentName:getComponentName(n)};if(n._debugOwner?._debugSource)return{source:n._debugOwner._debugSource,componentName:getComponentName(n._debugOwner)};n=n.return,o++}return null}(t);if(n||(n=function(e){let t=e,n=0;for(;t&&n<50;){let e=t,o=["_debugSource","__source","_source","debugSource"];for(let n of o){let o=e[n];if(o&&"object"==typeof o&&"fileName"in o)return{source:o,componentName:getComponentName(t)}}if(t.memoizedProps){let e=t.memoizedProps;if(e.__source&&"object"==typeof e.__source){let n=e.__source;if(n.fileName&&n.lineNumber)return{source:{fileName:n.fileName,lineNumber:n.lineNumber,columnNumber:n.columnNumber},componentName:getComponentName(t)}}}t=t.return,n++}return null}(t)),n?.source)return{found:!0,source:{fileName:n.source.fileName,lineNumber:n.source.lineNumber,columnNumber:n.source.columnNumber,componentName:n.componentName||void 0},isReactApp:!0,isProduction:!1};let s=function(e,t=15){let n=e,s=0;for(;n&&s<t;){let e=function(e){let t=function(e){let t=e.tag,n=e.type,o=e.elementType;if("string"==typeof n||null==n||"function"==typeof n&&n.prototype?.isReactComponent)return null;if((t===P.FunctionComponent||t===P.IndeterminateComponent)&&"function"==typeof n)return n;if(t===P.ForwardRef&&o){let e=o.render;if("function"==typeof e)return e}if((t===P.MemoComponent||t===P.SimpleMemoComponent)&&o){let e=o.type;if("function"==typeof e)return e}return"function"==typeof n?n:null}(e);if(!t)return null;if(B.has(t))return B.get(t);let n=function(){let e=o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;if(e&&"H"in e)return{get:()=>e.H,set:t=>{e.H=t}};
32let t=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(t){let e=t.ReactCurrentDispatcher;if(e&&"current"in e)return{get:()=>e.current,set:t=>{e.current=t}}}return null}();if(!n)return B.set(t,null),null;let s=n.get(),l=null;try{let o=new Proxy({},{get(){throw Error("probe")}});n.set(o);try{t({})}catch(t){if(t instanceof Error&&"probe"===t.message&&t.stack){let n=function(e){let t=e.split("\n"),n=[/source-location/,/\/dist\/index\./,/node_modules\//,/react-dom/,/react\.development/,/react\.production/,/chunk-[A-Z0-9]+/i,/react-stack-bottom-frame/,/react-reconciler/,/scheduler/,/<anonymous>/],o=/^\s*at\s+(?:.*?\s+\()?(.+?):(\d+):(\d+)\)?$/,s=/^[^@]*@(.+?):(\d+):(\d+)$/;for(let e of t){let t=e.trim();if(!t||n.some(e=>e.test(t)))continue;let l=o.exec(t)||s.exec(t);if(l)return{fileName:l[1],line:parseInt(l[2],10),column:parseInt(l[3],10)}}return null}(t.stack);if(n){let t=(0,n.fileName).replace(/[?#].*$/,"").replace(/^turbopack:\/\/\/\[project\]\//,"").replace(/^webpack-internal:\/\/\/\.\//,"").replace(/^webpack-internal:\/\/\//,"").replace(/^webpack:\/\/\/\.\//,"").replace(/^webpack:\/\/\//,"").replace(/^turbopack:\/\/\//,"").replace(/^https?:\/\/[^/]+\//,"").replace(/^file:\/\/\//,"/").replace(/^\([^)]+\)\/\.\//,"").replace(/^\.\//,"");l={fileName:t,lineNumber:n.line,columnNumber:n.column,componentName:getComponentName(e)||void 0}}}}}finally{n.set(s)}return B.set(t,l),l}(n);if(e)return e;n=n.return,s++}return null}(t);return s?{found:!0,source:s,isReactApp:!0,isProduction:!1}:{found:!1,reason:"no-debug-source",isReactApp:!0,isProduction:!1}}if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-page-toolbar-css-styles");e||((e=document.createElement("style")).id="feedback-tool-styles-page-toolbar-css-styles",e.textContent='.styles-module__toolbar___wNsdK svg[fill=none],\n.styles-module__markersLayer___-25j1 svg[fill=none],\n.styles-module__fixedMarkersLayer___ffyX6 svg[fill=none] {\n fill: none !important;\n}\n.styles-module__toolbar___wNsdK svg[fill=none] :not([fill]),\n.styles-module__markersLayer___-25j1 svg[fill=none] :not([fill]),\n.styles-module__fixedMarkersLayer___ffyX6 svg[fill=none] :not([fill]) {\n fill: none !important;\n}\n\n.styles-module__toolbar___wNsdK :where(button, input, select, textarea, label) {\n background: unset;\n border: unset;\n border-radius: unset;\n padding: unset;\n margin: unset;\n color: unset;\n font: unset;\n letter-spacing: unset;\n text-transform: unset;\n text-decoration: unset;\n box-shadow: unset;\n outline: unset;\n}\n\n@keyframes styles-module__toolbarEnter___u8RRu {\n from {\n opacity: 0;\n transform: scale(0.5) rotate(90deg);\n }\n to {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n}\n@keyframes styles-module__toolbarHide___y8kaT {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.8);\n }\n}\n@keyframes styles-module__badgeEnter___mVQLj {\n from {\n opacity: 0;\n transform: scale(0);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__scaleIn___c-r1K {\n from {\n opacity: 0;\n transform: scale(0.85);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__scaleOut___Wctwz {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.85);\n }\n}\n@keyframes styles-module__slideUp___kgD36 {\n from {\n opacity: 0;\n transform: scale(0.85) translateY(8px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n@keyframes styles-module__slideDown___zcdje {\n from {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n to {\n opacity: 0;\n transform: scale(0.85) translateY(8px);\n }\n}\n@keyframes styles-module__markerIn___5FaAP {\n 0% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.3);\n }\n 100% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n}\n@keyframes styles-module__markerOut___GU5jX {\n 0% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.3);\n }\n}\n@keyframes styles-module__fadeIn___b9qmf {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes styles-module__fadeOut___6Ut6- {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes styles-module__tooltipIn___0N31w {\n from {\n opacity: 0;\n transform: translateX(-50%) translateY(2px) scale(0.891);\n }\n to {\n opacity: 1;\n transform: translateX(-50%) translateY(0) scale(0.909);\n }\n}\n@keyframes styles-module__hoverHighlightIn___6WYHY {\n from {\n opacity: 0;\n transform: scale(0.98);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__hoverTooltipIn___FYGQx {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(4px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n@keyframes styles-module__settingsPanelIn___MGfO8 {\n from {\n opacity: 0;\n transform: translateY(10px) scale(0.95);\n filter: blur(5px);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0px);\n }\n}\n@keyframes styles-module__settingsPanelOut___Zfymi {\n from {\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0px);\n }\n to {\n opacity: 0;\n transform: translateY(20px) scale(0.95);\n filter: blur(5px);\n }\n}\n.styles-module__disableTransitions___EopxO :is(*, *::before, *::after) {\n transition: none !important;\n}\n\n.styles-module__toolbar___wNsdK {\n position: fixed;\n width: 297px;\n z-index: 100000;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n pointer-events: none;\n transition: left 0s, top 0s, right 0s, bottom 0s;\n}\n\n:where(.styles-module__toolbar___wNsdK) {\n bottom: 1.25rem;\n right: 1.25rem;\n}\n\n.styles-module__toolbarContainer___dIhma {\n user-select: none;\n margin-left: auto;\n align-self: flex-end;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #1a1a1a;\n color: #fff;\n border: none;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1);\n pointer-events: auto;\n cursor: grab;\n transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__dragging___xrolZ {\n transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n cursor: grabbing;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__entrance___sgHd8 {\n animation: styles-module__toolbarEnter___u8RRu 0.5s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__hiding___1td44 {\n animation: styles-module__toolbarHide___y8kaT 0.4s cubic-bezier(0.4, 0, 1, 1) forwards;\n pointer-events: none;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn {\n width: 44px;\n height: 44px;\n border-radius: 22px;\n padding: 0;\n cursor: pointer;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn svg {\n margin-top: -1
32px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n background: #2a2a2a;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:active {\n transform: scale(0.95);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx {\n height: 44px;\n border-radius: 1.5rem;\n padding: 0.375rem;\n width: 257px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx.styles-module__serverConnected___Gfbou {\n width: 297px;\n}\n\n.styles-module__toggleContent___0yfyP {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: opacity 0.1s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toggleContent___0yfyP.styles-module__visible___KHwEW {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n}\n.styles-module__toggleContent___0yfyP.styles-module__hidden___Ae8H4 {\n opacity: 0;\n pointer-events: none;\n}\n\n.styles-module__controlsContent___9GJWU {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n transition: filter 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__controlsContent___9GJWU.styles-module__visible___KHwEW {\n opacity: 1;\n filter: blur(0px);\n transform: scale(1);\n visibility: visible;\n pointer-events: auto;\n}\n.styles-module__controlsContent___9GJWU.styles-module__hidden___Ae8H4 {\n pointer-events: none;\n opacity: 0;\n filter: blur(10px);\n transform: scale(0.4);\n}\n\n.styles-module__badge___2XsgF {\n position: absolute;\n top: -13px;\n right: -13px;\n user-select: none;\n min-width: 18px;\n height: 18px;\n padding: 0 5px;\n border-radius: 9px;\n background-color: var(--agentation-color-accent);\n color: white;\n font-size: 0.625rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.04);\n opacity: 1;\n transition: transform 0.3s ease, opacity 0.2s ease;\n transform: scale(1);\n}\n.styles-module__badge___2XsgF.styles-module__fadeOut___6Ut6- {\n opacity: 0;\n transform: scale(0);\n pointer-events: none;\n}\n.styles-module__badge___2XsgF.styles-module__entrance___sgHd8 {\n animation: styles-module__badgeEnter___mVQLj 0.3s cubic-bezier(0.34, 1.2, 0.64, 1) 0.4s both;\n}\n\n.styles-module__controlButton___8Q0jc {\n position: relative;\n cursor: pointer !important;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: none;\n background: transparent;\n color: rgba(255, 255, 255, 0.85);\n transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease, opacity 0.2s ease;\n}\n.styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n}\n.styles-module__controlButton___8Q0jc:active:not(:disabled) {\n transform: scale(0.92);\n}\n.styles-module__controlButton___8Q0jc:disabled {\n opacity: 0.35;\n cursor: not-allowed;\n}\n.styles-module__controlButton___8Q0jc[data-active=true] {\n color: var(--agentation-color-blue);\n background-color: color-mix(in srgb, var(--agentation-color-blue) 25%, transparent);\n}\n.styles-module__controlButton___8Q0jc[data-error=true] {\n color: var(--agentation-color-red);\n background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n}\n.styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n color: var(--agentation-color-red);\n}\n.styles-module__controlButton___8Q0jc[data-no-hover=true], .styles-module__controlButton___8Q0jc.styles-module__statusShowing___te6iu {\n cursor: default !important;\n pointer-events: none;\n background: transparent !important;\n}\n.styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n color: var(--agentation-color-green);\n background: transparent;\n cursor: default;\n}\n.styles-module__controlButton___8Q0jc[data-failed=true] {\n color: var(--agentation-color-red);\n background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n}\n\n.styles-module__buttonBadge___NeFWb {\n position: absolute;\n top: 0px;\n right: 0px;\n min-width: 16px;\n height: 16px;\n padding: 0 4px;\n border-radius: 8px;\n background-color: var(--agentation-color-accent);\n color: white;\n font-size: 0.625rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 0 0 2px #1a1a1a, 0 1px 3px rgba(0, 0, 0, 0.2);\n pointer-events: none;\n}\n[data-agentation-theme=light] .styles-module__buttonBadge___NeFWb {\n box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n@keyframes styles-module__mcpIndicatorPulseConnected___EDodZ {\n 0%, 100% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-green) 50%, transparent);\n }\n 50% {\n box-shadow: 0 0 0 5px color-mix(in srgb, var(--agentation-color-green) 0%, transparent);\n }\n}\n@keyframes styles-module__mcpIndicatorPulseConnecting___cCYte {\n 0%, 100% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-yellow) 50%, transparent);\n }\n 50% {\n box-shadow: 0 0 0 5px color-mix(in srgb, var(--agentation-color-yellow) 0%, transparent);\n }\n}\n.styles-module__mcpIndicator___zGJeL {\n position: absolute;\n top: 3px;\n right: 3px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n pointer-events: none;\n transition: background-color 0.3s ease, opacity 0.15s ease, transform 0.15s ease;\n opacity: 1;\n transform: scale(1);\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connected___7c28g {\n background-color: var(--agentation-color-green);\n animation: styles-module__mcpIndicatorPulseConnected___EDodZ 2.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connecting___uo-CW {\n background-color: var(--agentation-color-yellow);\n animation: styles-module__mcpIndicatorPulseConnecting___cCYte 1.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__hidden___Ae8H4 {\n opacity: 0;\n transform: scale(0);\n animation: none;\n}\n\n@keyframes styles-module__connectionPulse___-Zycw {\n 0%, 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.6;\n transform: scale(0.9);\n }\n}\n.styles-module__connectionIndicatorWrapper___L-e-3 {\n width: 8px;\n height: 34px;\n margin-left: 6px;\n margin-right: 6px;\n}\n\n.styles-module__connectionIndicator___afk9p {\n position: relative;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.3s ease, background-color 0.3s ease;
32\n cursor: default;\n}\n\n.styles-module__connectionIndicatorVisible___C-i5B {\n opacity: 1;\n}\n\n.styles-module__connectionIndicatorConnected___IY8pR {\n background-color: var(--agentation-color-green);\n animation: styles-module__connectionPulse___-Zycw 2.5s ease-in-out infinite;\n}\n\n.styles-module__connectionIndicatorDisconnected___kmpaZ {\n background-color: var(--agentation-color-red);\n animation: none;\n}\n\n.styles-module__connectionIndicatorConnecting___QmSLH {\n background-color: var(--agentation-color-yellow);\n animation: styles-module__connectionPulse___-Zycw 1s ease-in-out infinite;\n}\n\n.styles-module__buttonWrapper___rBcdv {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n opacity: 1;\n visibility: visible;\n transform: translateX(-50%) scale(1);\n transition-delay: 0.85s;\n}\n.styles-module__buttonWrapper___rBcdv:has(.styles-module__controlButton___8Q0jc:disabled):hover .styles-module__buttonTooltip___Burd9 {\n opacity: 0;\n visibility: hidden;\n}\n\n.styles-module__tooltipsInSession___-0lHH .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n transition-delay: 0s;\n}\n\n.styles-module__sendButtonWrapper___UUxG6 {\n width: 0;\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n margin-left: -0.375rem;\n transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), margin 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6 .styles-module__controlButton___8Q0jc {\n transform: scale(0.8);\n transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU {\n width: 34px;\n opacity: 1;\n overflow: visible;\n pointer-events: auto;\n margin-left: 0;\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU .styles-module__controlButton___8Q0jc {\n transform: scale(1);\n}\n\n.styles-module__buttonTooltip___Burd9 {\n position: absolute;\n bottom: calc(100% + 14px);\n left: 50%;\n transform: translateX(-50%) scale(0.95);\n padding: 6px 10px;\n background: #1a1a1a;\n color: rgba(255, 255, 255, 0.9);\n font-size: 12px;\n font-weight: 500;\n border-radius: 8px;\n white-space: nowrap;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n z-index: 100001;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n transition: opacity 0.135s ease, transform 0.135s ease, visibility 0.135s ease;\n}\n.styles-module__buttonTooltip___Burd9::after {\n content: "";\n position: absolute;\n top: calc(100% - 4px);\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n width: 8px;\n height: 8px;\n background: #1a1a1a;\n border-radius: 0 0 2px 0;\n}\n\n.styles-module__shortcut___lEAQk {\n margin-left: 4px;\n opacity: 0.5;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9 {\n bottom: auto;\n top: calc(100% + 14px);\n transform: translateX(-50%) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9::after {\n top: -4px;\n bottom: auto;\n border-radius: 2px 0 0 0;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-50%) scale(1);\n}\n\n.styles-module__tooltipsHidden___VtLJG .styles-module__buttonTooltip___Burd9 {\n opacity: 0 !important;\n visibility: hidden !important;\n transition: none !important;\n}\n\n.styles-module__tooltipVisible___0jcCv,\n.styles-module__tooltipsHidden___VtLJG .styles-module__tooltipVisible___0jcCv {\n opacity: 1 !important;\n visibility: visible !important;\n transform: translateX(-50%) scale(1) !important;\n transition-delay: 0s !important;\n}\n\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n left: 50%;\n transform: translateX(-12px) scale(0.95);\n}\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9::after {\n left: 16px;\n}\n.styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-12px) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-12px) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-12px) scale(1);\n}\n\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n left: 50%;\n transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9::after {\n left: auto;\n right: 8px;\n}\n.styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__divider___c--s1 {\n width: 1px;\n height: 12px;\n background: rgba(255, 255, 255, 0.15);\n margin: 0 0.125rem;\n}\n\n.styles-module__overlay___Q1O9y {\n position: fixed;\n inset: 0;\n z-index: 99997;\n pointer-events: none;\n}\n.styles-module__overlay___Q1O9y > * {\n pointer-events: auto;\n}\n\n.styles-module__hoverHighlight___ogakW {\n position: fixed;\n border: 2px solid color-mix(in srgb, var(--agentation-color-accent) 50%, transparent);\n border-radius: 4px;\n background-color: color-mix(in srgb, var(--agentation-color-accent) 4%, transparent);\n pointer-events: none !important;\n box-sizing: border-box;\n will-change: opacity;\n contain: layout style;\n}\n.styles-module__hoverHighlight___ogakW.styles-module__enter___WFIki {\n animation: styles-module__hoverHighlightIn___6WYHY 0.12s ease-out forwards;\n}\n\n.styles-module__multiSelectOutline___cSJ-m {\n position: fixed;\n border: 2px dashed color-mix(in srgb, var(--agentation-color-green) 60%, transparent);\n border-radius: 4px;\n pointer-events: none !important;\n background-color: color-mix(in srgb, var(--agentation-color-green) 5%, transparent);\n box-sizing: border-box;\n will-change: opacity;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__enter___WFIki {\n animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__exit___fyOJ0 {\n animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__singleSelectOutline___QhX-O {\n position: fixed;\n border: 2px solid color-mix(in srgb, var(--agentation-color-blue) 60%, transparent);\n border-radius: 4px;\n pointer-events: none !important;\n background-color: color-mix(in srgb, var(--agentation-color-blue) 5%, transparent);\n box-sizing: border-box;\n will-change: opacity;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__enter___WFIki {\n animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__exit___fyOJ0 {\n animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__hoverTooltip___bvLk7 {\n position: fixed;\n font-size: 0.6875rem;\n font-weight: 500;\n color: #fff;\n background: rgba(0, 0, 0, 0.85);\n padding: 0.35rem 0.6rem;\n border-radius: 0.375rem;\n pointer-events: none !important;\n white-space: nowrap;\n max-width: 280px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.styles-module__hoverTooltip___bvLk7.styles-module__enter___WFIki {\n animation: styles-module__hoverTooltipIn___FYGQx 0.1s ease-out forwards;\n}\n\n.styles-module__hoverReactPath___gx1IJ {\n font-size: 0.625rem;\n color: rgba(255, 255, 255, 0.6);\n margin-bottom: 0.15rem;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__hoverElementName___QMLMl {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__markersLayer___-25j1 {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 0;\n z-index: 99998;\n pointer-events: none;\n}\n.styles-module__markersLayer___-25j1 > * {\n pointer-events: auto;\n}\n\n.styles-module__fixedMarkersLayer___ffyX6 {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 99998;\n pointer-events: none;\n}\n.styles-module__fixedMarkersLayer___ffyX6 > * {\n pointer-events: auto;\n}\n\n.styles-module__marker___6sQrs {\n position: absolute;\n width: 22px;\n height: 22px;\n background: var(--agentation-color-blue);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.6875rem;\n font-weight: 600;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n cursor: pointer;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.04);\n user-select: none;\n will-change: transform, opacity;\n contain: layout style;\n z-index: 1;\n}\n.styles-module__marker___6sQrs:hover {\n z-index: 2;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7) {\n transition: background-color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__marker___6sQrs.styles-module__enter___WFIki {\n animation: styles-module__markerIn___5FaAP 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n.styles-module__marker___6sQrs.styles-module__exit___fyOJ0 {\n animation: styles-module__markerOut___GU5jX 0.2s ease-out both;\n pointer-events: none;\n}\n.styles-module__marker___6sQrs.styles-module__clearing___FQ--7 {\n animation: styles-module__markerOut___GU5jX 0.15s ease-out both;\n pointer-events: none;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7):hover {\n transform: translate(-50%, -50%) scale(1.1);\n}\n.styles-module__marker___6sQrs.styles-module__pending___2IHLC {\n position: fixed;\n background-color: var(--agentation-color-blue);\n}\n.styles-module__marker___6sQrs.styles-module__fixed___dBMHC {\n position: fixed;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz {\n background-color: var(--agentation-color-green);\n width: 26px;
32\n height: 26px;\n border-radius: 6px;\n font-size: 0.75rem;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz.styles-module__pending___2IHLC {\n background-color: var(--agentation-color-green);\n}\n.styles-module__marker___6sQrs.styles-module__hovered___ZgXIy {\n background-color: var(--agentation-color-red);\n}\n\n.styles-module__renumber___nCTxD {\n display: block;\n animation: styles-module__renumberRoll___Wgbq3 0.2s ease-out;\n}\n\n@keyframes styles-module__renumberRoll___Wgbq3 {\n 0% {\n transform: translateX(-40%);\n opacity: 0;\n }\n 100% {\n transform: translateX(0);\n opacity: 1;\n }\n}\n.styles-module__markerTooltip___aLJID {\n position: absolute;\n top: calc(100% + 10px);\n left: 50%;\n transform: translateX(-50%) scale(0.909);\n z-index: 100002;\n background: #1a1a1a;\n padding: 8px 0.75rem;\n border-radius: 0.75rem;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n font-weight: 400;\n color: #fff;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n min-width: 120px;\n max-width: 200px;\n pointer-events: none;\n cursor: default;\n}\n.styles-module__markerTooltip___aLJID.styles-module__enter___WFIki {\n animation: styles-module__tooltipIn___0N31w 0.1s ease-out forwards;\n}\n\n.styles-module__markerQuote___FHmrz {\n display: block;\n font-size: 12px;\n font-style: italic;\n color: rgba(255, 255, 255, 0.6);\n margin-bottom: 0.3125rem;\n line-height: 1.4;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__markerNote___QkrrS {\n display: block;\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n color: #fff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 2px;\n}\n\n.styles-module__markerHint___2iF-6 {\n display: block;\n font-size: 0.625rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.6);\n margin-top: 0.375rem;\n white-space: nowrap;\n}\n\n.styles-module__settingsPanel___OxX3Y {\n position: absolute;\n right: 5px;\n bottom: calc(100% + 0.5rem);\n z-index: 1;\n overflow: hidden;\n background: #1c1c1c;\n border-radius: 1rem;\n padding: 13px 0 16px;\n min-width: 205px;\n cursor: default;\n opacity: 1;\n box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);\n transition: background-color 0.25s ease, box-shadow 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y::before, .styles-module__settingsPanel___OxX3Y::after {\n content: "";\n position: absolute;\n top: 0;\n bottom: 0;\n width: 16px;\n z-index: 2;\n pointer-events: none;\n}\n.styles-module__settingsPanel___OxX3Y::before {\n left: 0;\n background: linear-gradient(to right, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y::after {\n right: 0;\n background: linear-gradient(to left, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsHeader___pwDY9,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrand___0gJeM,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrandSlash___uTG18,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsVersion___TUcFq,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsSection___m-YM2,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleButton___FMKfw,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY,\n.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz,\n.styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa,\n.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax,\n.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr,\n.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp,\n.styles-module__settingsPanel___OxX3Y .styles-module__themeToggle___2rUjA {\n transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__enter___WFIki {\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0px);\n transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__exit___fyOJ0 {\n opacity: 0;\n transform: translateY(8px) scale(0.95);\n filter: blur(5px);\n pointer-events: none;\n transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease;\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y {\n background: #1a1a1a;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX {\n color: rgba(255, 255, 255, 0.6);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12 {\n color: rgba(255, 255, 255, 0.85);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12:hover {\n background: rgba(255, 255, 255, 0.1);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n background: rgba(255, 255, 255, 0.15);\n color: #fff;\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.styles-module__settingsPanelContainer___Xksv8 {\n overflow: visible;\n position: relative;\n display: flex;\n padding: 0 1rem;\n}\n\n.styles-module__settingsPage___6YfHH {\n min-width: 100%;\n flex-shrink: 0;\n transition: transform 0.2s ease, opacity 0.2s ease;\n transition-delay: 0s;\n opacity: 1;\n}\n\n.styles-module__settingsPage___6YfHH.styles-module__slideLeft___Ps01J {\n transform: translateX(-24px);\n opacity: 0;\n pointer-events: none;\n}\n\n.styles-module__automationsPage___uvCq6 {\n position: absolute;\n top: 0;\n left: 24px;\n width: 100%;\n height: 100%;\n padding: 3px 1rem 0;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n transition: transform 0.2s ease, opacity 0.2s ease;\n opacity: 0;\n pointer-events: none;\n}\n\n.styles-module__automationsPage___uvCq6.styles-module__slideIn___4-qXe {\n transform: translateX(-24px);\n opacity: 1;\n pointer-events: auto;\n}\n\n.styles-module__settingsNavLink___wCzJt {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 0;\n border: none;\n background: transparent;\n font-family: inherit;\n font-size: 0.8125rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n cursor: pointer;\n transition: color 0.15s ease;\n}
32\n.styles-module__settingsNavLink___wCzJt:hover {\n color: rgba(255, 255, 255, 0.9);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___wCzJt {\n color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___wCzJt:hover {\n color: rgba(0, 0, 0, 0.8);\n}\n.styles-module__settingsNavLink___wCzJt svg {\n color: rgba(255, 255, 255, 0.4);\n transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___wCzJt:hover svg {\n color: #fff;\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___wCzJt svg {\n color: rgba(0, 0, 0, 0.25);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___wCzJt:hover svg {\n color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__settingsNavLinkRight___ZWwhj {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.styles-module__mcpNavIndicator___cl9pO {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connected___7c28g {\n background-color: var(--agentation-color-green);\n animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connecting___uo-CW {\n background-color: var(--agentation-color-yellow);\n animation: styles-module__mcpPulse___uNggr 1.5s ease-in-out infinite;\n}\n\n.styles-module__settingsBackButton___bIe2j {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 0 12px 0;\n margin: -6px 0 0.5rem 0;\n border: none;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n border-radius: 0;\n background: transparent;\n font-family: inherit;\n font-size: 0.8125rem;\n font-weight: 500;\n letter-spacing: -0.15px;\n color: #fff;\n cursor: pointer;\n transition: transform 0.12s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j svg {\n opacity: 0.4;\n flex-shrink: 0;\n transition: opacity 0.15s ease, transform 0.18s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j:hover {\n border-bottom-color: rgba(255, 255, 255, 0.07);\n}\n.styles-module__settingsBackButton___bIe2j:hover svg {\n opacity: 1;\n}\n[data-agentation-theme=light] .styles-module__settingsBackButton___bIe2j {\n color: rgba(0, 0, 0, 0.85);\n border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n[data-agentation-theme=light] .styles-module__settingsBackButton___bIe2j:hover {\n border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__automationHeader___InP0r {\n display: flex;\n align-items: center;\n gap: 0.125rem;\n font-size: 0.8125rem;\n font-weight: 400;\n color: #fff;\n}\n[data-agentation-theme=light] .styles-module__automationHeader___InP0r {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__automationDescription___NKlmo {\n font-size: 0.6875rem;\n font-weight: 300;\n color: rgba(255, 255, 255, 0.5);\n margin-top: 2px;\n line-height: 14px;\n}\n[data-agentation-theme=light] .styles-module__automationDescription___NKlmo {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__learnMoreLink___8xv-x {\n color: rgba(255, 255, 255, 0.8);\n text-decoration: underline dotted;\n text-decoration-color: rgba(255, 255, 255, 0.2);\n text-underline-offset: 2px;\n transition: color 0.15s ease;\n}\n.styles-module__learnMoreLink___8xv-x:hover {\n color: #fff;\n}\n[data-agentation-theme=light] .styles-module__learnMoreLink___8xv-x {\n color: rgba(0, 0, 0, 0.6);\n text-decoration-color: rgba(0, 0, 0, 0.2);\n}\n[data-agentation-theme=light] .styles-module__learnMoreLink___8xv-x:hover {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__autoSendRow___UblX5 {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.styles-module__autoSendLabel___icDc2 {\n font-size: 0.6875rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.4);\n transition: color 0.15s ease;\n}\n.styles-module__autoSendLabel___icDc2.styles-module__active___-zoN6 {\n color: #66b8ff;\n color: color(display-p3 0.4 0.72 1);\n}\n[data-agentation-theme=light] .styles-module__autoSendLabel___icDc2 {\n color: rgba(0, 0, 0, 0.4);\n}\n[data-agentation-theme=light] .styles-module__autoSendLabel___icDc2.styles-module__active___-zoN6 {\n color: var(--agentation-color-blue);\n}\n\n.styles-module__webhookUrlInput___2375C {\n display: block;\n width: 100%;\n flex: 1;\n min-height: 60px;\n box-sizing: border-box;\n margin-top: 11px;\n padding: 8px 10px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 6px;\n background: rgba(255, 255, 255, 0.03);\n font-family: inherit;\n font-size: 0.75rem;\n font-weight: 400;\n color: #fff;\n outline: none;\n resize: none;\n cursor: text !important;\n user-select: text;\n transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;\n}\n.styles-module__webhookUrlInput___2375C::placeholder {\n color: rgba(255, 255, 255, 0.3);\n}\n.styles-module__webhookUrlInput___2375C:focus {\n border-color: rgba(255, 255, 255, 0.3);\n background: rgba(255, 255, 255, 0.08);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___2375C {\n border-color: rgba(0, 0, 0, 0.1);\n background: rgba(0, 0, 0, 0.03);\n color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___2375C::placeholder {\n color: rgba(0, 0, 0, 0.3);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___2375C:focus {\n border-color: rgba(0, 0, 0, 0.25);\n background: rgba(0, 0, 0, 0.05);\n}\n\n.styles-module__settingsHeader___pwDY9 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 24px;\n margin-bottom: 0.5rem;\n padding-bottom: 9px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n\n.styles-module__settingsBrand___0gJeM {\n font-size: 0.8125rem;\n font-weight: 600;\n letter-spacing: -0.0094em;\n color: #fff;\n}\n\n.styles-module__settingsBrandSlash___uTG18 {\n color: var(--agentation-color-accent);\n transition: color 0.2s ease;\n}\n\n.styles-module__settingsVersion___TUcFq {\n font-size: 11px;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.4);\n margin-left: auto;\n letter-spacing: -0.0094em;\n}\n\n.styles-module__settingsSection___m-YM2 + .styles-module__settingsSection___m-YM2 {\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n border-top: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__settingsSection___m-YM2.styles-module__settingsSectionExtraPadding___jdhFV {\n padding-top: calc(0.5rem + 4px);\n}\n\n.styles-module__settingsSectionGrow___h-5HZ {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n\n.styles-module__settingsRow___3sdhc {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 24px;\n}\n.styles-module__settingsRow___3sdhc.styles-module__settingsRowMarginTop___zA0Sp {\n margin-top: 8px;\n}\n\n.styles-module__dropdownContainer___BVnxe {\n position: relative;\n}\n\n.styles-module__dropdownButton___16NPz {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.25rem 0.5rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n font-size: 0.8125rem;\n font-weight: 600;\n color: #fff;
32\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease;\n letter-spacing: -0.0094em;\n}\n.styles-module__dropdownButton___16NPz:hover {\n background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownButton___16NPz svg {\n opacity: 0.6;\n}\n\n.styles-module__cycleButton___FMKfw {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0;\n border: none;\n background: transparent;\n font-size: 0.8125rem;\n font-weight: 500;\n color: #fff;\n cursor: pointer;\n letter-spacing: -0.0094em;\n}\n[data-agentation-theme=light] .styles-module__cycleButton___FMKfw {\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__cycleButton___FMKfw:disabled {\n opacity: 0.35;\n cursor: not-allowed;\n}\n\n.styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX {\n color: rgba(255, 255, 255, 0.2);\n}\n[data-agentation-theme=light] .styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX {\n color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__settingsRowDisabled___EgS0V .styles-module__toggleSwitch___l4Ygm {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n@keyframes styles-module__cycleTextIn___Q6zJf {\n 0% {\n opacity: 0;\n transform: translateY(-6px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.styles-module__cycleButtonText___fD1LR {\n display: inline-block;\n animation: styles-module__cycleTextIn___Q6zJf 0.2s ease-out;\n}\n\n.styles-module__cycleDots___LWuoQ {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.styles-module__cycleDot___nPgLY {\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n transform: scale(0.667);\n transition: background-color 0.25s ease-out, transform 0.25s ease-out;\n}\n.styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n background: #fff;\n transform: scale(1);\n}\n[data-agentation-theme=light] .styles-module__cycleDot___nPgLY {\n background: rgba(0, 0, 0, 0.2);\n}\n[data-agentation-theme=light] .styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n background: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__dropdownMenu___k73ER {\n position: absolute;\n right: 0;\n top: calc(100% + 0.25rem);\n background: #1a1a1a;\n border-radius: 0.5rem;\n padding: 0.25rem;\n min-width: 120px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);\n z-index: 10;\n animation: styles-module__scaleIn___c-r1K 0.15s ease-out;\n}\n\n.styles-module__dropdownItem___ylsLj {\n width: 100%;\n display: flex;\n align-items: center;\n padding: 0.5rem 0.625rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n font-size: 0.8125rem;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.85);\n cursor: pointer;\n text-align: left;\n transition: background-color 0.15s ease, color 0.15s ease;\n letter-spacing: -0.0094em;\n}\n.styles-module__dropdownItem___ylsLj:hover {\n background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownItem___ylsLj.styles-module__selected___OwRqP {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n font-weight: 600;\n}\n\n.styles-module__settingsLabel___8UjfX {\n font-size: 0.8125rem;\n font-weight: 400;\n letter-spacing: -0.0094em;\n color: rgba(255, 255, 255, 0.5);\n display: flex;\n align-items: center;\n gap: 0.125rem;\n}\n[data-agentation-theme=light] .styles-module__settingsLabel___8UjfX {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__settingsLabelMarker___ewdtV {\n padding-top: 3px;\n margin-bottom: 10px;\n}\n\n.styles-module__settingsOptions___LyrBA {\n display: flex;\n gap: 0.25rem;\n}\n\n.styles-module__settingsOption___UNa12 {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.25rem;\n padding: 0.375rem 0.5rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n font-size: 0.6875rem;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.7);\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease;\n}\n.styles-module__settingsOption___UNa12:hover {\n background: rgba(0, 0, 0, 0.05);\n}\n.styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n background: color-mix(in srgb, var(--agentation-color-blue) 15%, transparent);\n color: var(--agentation-color-blue);\n}\n\n.styles-module__sliderContainer___ducXj {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.styles-module__slider___GLdxp {\n -webkit-appearance: none;\n appearance: none;\n width: 100%;\n height: 4px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 2px;\n outline: none;\n cursor: pointer;\n}\n.styles-module__slider___GLdxp::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n background: white;\n border-radius: 50%;\n cursor: pointer;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp::-moz-range-thumb {\n width: 14px;\n height: 14px;\n background: white;\n border: none;\n border-radius: 50%;\n cursor: pointer;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp:hover::-webkit-slider-thumb {\n transform: scale(1.15);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n.styles-module__slider___GLdxp:hover::-moz-range-thumb {\n transform: scale(1.15);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n\n.styles-module__sliderLabels___FhLDB {\n display: flex;\n justify-content: space-between;\n}\n\n.styles-module__sliderLabel___U8sPr {\n font-size: 0.625rem;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.4);\n cursor: pointer;\n transition: color 0.15s ease;\n}
32\n.styles-module__sliderLabel___U8sPr:hover {\n color: rgba(255, 255, 255, 0.7);\n}\n.styles-module__sliderLabel___U8sPr.styles-module__active___-zoN6 {\n color: rgba(255, 255, 255, 0.9);\n}\n\n.styles-module__colorOptions___iHCNX {\n display: flex;\n gap: 0.5rem;\n margin-top: 0.375rem;\n margin-bottom: 1px;\n}\n\n.styles-module__colorOption___IodiY {\n display: block;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid transparent;\n background-color: var(--swatch);\n cursor: pointer;\n transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);\n}\n@supports (color: color(display-p3 0 0 0)) {\n .styles-module__colorOption___IodiY {\n background-color: var(--swatch-p3);\n }\n}\n.styles-module__colorOption___IodiY:hover {\n transform: scale(1.15);\n}\n.styles-module__colorOption___IodiY.styles-module__selected___OwRqP {\n transform: scale(0.83);\n}\n\n.styles-module__colorOptionRing___U2xpo {\n display: flex;\n width: 24px;\n height: 24px;\n border: 2px solid transparent;\n border-radius: 50%;\n transition: border-color 0.3s ease;\n}\n.styles-module__colorOptionRing___U2xpo.styles-module__selected___OwRqP {\n border-color: var(--swatch);\n}\n@supports (color: color(display-p3 0 0 0)) {\n .styles-module__colorOptionRing___U2xpo.styles-module__selected___OwRqP {\n border-color: var(--swatch-p3);\n }\n}\n\n.styles-module__settingsToggle___fBrFn {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n cursor: pointer;\n}\n.styles-module__settingsToggle___fBrFn + .styles-module__settingsToggle___fBrFn {\n margin-top: calc(0.5rem + 6px);\n}\n.styles-module__settingsToggle___fBrFn input[type=checkbox] {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n}\n.styles-module__settingsToggle___fBrFn.styles-module__settingsToggleMarginBottom___MZUyF {\n margin-bottom: calc(0.5rem + 6px);\n}\n\n.styles-module__customCheckbox___U39ax {\n position: relative;\n width: 14px;\n height: 14px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background-color 0.25s ease, border-color 0.25s ease;\n}
32\n.styles-module__customCheckbox___U39ax svg {\n color: #1a1a1a;\n opacity: 1;\n transition: opacity 0.15s ease;\n}\ninput[type=checkbox]:checked + .styles-module__customCheckbox___U39ax {\n border-color: rgba(255, 255, 255, 0.3);\n background: rgb(255, 255, 255);\n}\n[data-agentation-theme=light] .styles-module__customCheckbox___U39ax {\n border: 1px solid rgba(0, 0, 0, 0.15);\n background: #fff;\n}\n[data-agentation-theme=light] .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo {\n border-color: #1a1a1a;\n background: #1a1a1a;\n}\n[data-agentation-theme=light] .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo svg {\n color: #fff;\n}\n\n.styles-module__toggleLabel___Xm8Aa {\n font-size: 0.8125rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n letter-spacing: -0.0094em;\n display: flex;\n align-items: center;\n gap: 0.25rem;\n}\n[data-agentation-theme=light] .styles-module__toggleLabel___Xm8Aa {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__toggleSwitch___l4Ygm {\n position: relative;\n display: inline-block;\n width: 24px;\n height: 16px;\n flex-shrink: 0;\n cursor: pointer;\n transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.styles-module__toggleSwitch___l4Ygm input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn {\n background-color: var(--agentation-color-blue);\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn::before {\n transform: translateX(8px);\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw {\n opacity: 0.4;\n pointer-events: none;\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw .styles-module__toggleSlider___wprIn {\n cursor: not-allowed;\n}\n\n.styles-module__toggleSlider___wprIn {\n position: absolute;\n cursor: pointer;\n inset: 0;\n border-radius: 16px;\n background: #484848;\n}\n[data-agentation-theme=light] .styles-module__toggleSlider___wprIn {\n background: #dddddd;\n}\n.styles-module__toggleSlider___wprIn::before {\n content: "";\n position: absolute;\n height: 12px;\n width: 12px;\n left: 2px;\n bottom: 2px;\n background: white;\n border-radius: 50%;\n transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes styles-module__mcpPulse___uNggr {\n 0% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-green) 50%, transparent);\n }\n 70% {\n box-shadow: 0 0 0 6px color-mix(in srgb, var(--agentation-color-green) 0%, transparent);\n }\n 100% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-green) 0%, transparent);\n }\n}\n@keyframes styles-module__mcpPulseError___fov9B {\n 0% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-red) 50%, transparent);\n }\n 70% {\n box-shadow: 0 0 0 6px color-mix(in srgb, var(--agentation-color-red) 0%, transparent);\n }\n 100% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-red) 0%, transparent);\n }\n}\n.styles-module__mcpStatusDot___ibgkc {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connecting___uo-CW {\n background-color: var(--agentation-color-yellow);\n animation: styles-module__mcpPulse___uNggr 1.5s infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connected___7c28g {\n background-color: var(--agentation-color-green);\n animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__disconnected___cHPxR {\n background-color: var(--agentation-color-red);\n animation: styles-module__mcpPulseError___fov9B 2s infinite;\n}\n\n.styles-module__dragSelection___kZLq2 {\n position: fixed;\n top: 0;\n left: 0;\n border: 2px solid color-mix(in srgb, var(--agentation-color-green) 60%, transparent);\n border-radius: 4px;\n background-color: color-mix(in srgb, var(--agentation-color-green) 8%, transparent);\n pointer-events: none;\n z-index: 99997;\n will-change: transform, width, height;\n contain: layout style;\n}\n\n.styles-module__dragCount___KM90j {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: var(--agentation-color-green);\n color: white;\n font-size: 0.875rem;\n font-weight: 600;\n padding: 0.25rem 0.5rem;\n border-radius: 1rem;\n min-width: 1.5rem;\n text-align: center;\n}\n\n.styles-module__highlightsContainer___-0xzG {\n position: fixed;\n top: 0;\n left: 0;\n pointer-events: none;\n z-index: 99996;\n}\n\n.styles-module__selectedElementHighlight___fyVlI {\n position: fixed;\n top: 0;\n left: 0;\n border: 2px solid color-mix(in srgb, var(--agentation-color-green) 50%, transparent);\n border-radius: 4px;\n background: color-mix(in srgb, var(--agentation-color-green) 6%, transparent);\n pointer-events: none;\n will-change: transform, width, height;\n contain: layout style;\n}\n\n[data-agentation-theme=light] .styles-module__toolbarContainer___dIhma {\n background: #fff;
32\n color: rgba(0, 0, 0, 0.85);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n[data-agentation-theme=light] .styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n background: #f5f5f5;\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc {\n color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n background: rgba(0, 0, 0, 0.06);\n color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-active=true] {\n color: var(--agentation-color-blue);\n background: color-mix(in srgb, var(--agentation-color-blue) 15%, transparent);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-error=true] {\n color: var(--agentation-color-red);\n background: color-mix(in srgb, var(--agentation-color-red) 15%, transparent);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n color: var(--agentation-color-red);\n background: color-mix(in srgb, var(--agentation-color-red) 15%, transparent);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n color: var(--agentation-color-green);\n background: transparent;\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-failed=true] {\n color: var(--agentation-color-red);\n background: color-mix(in srgb, var(--agentation-color-red) 15%, transparent);\n}\n[data-agentation-theme=light] .styles-module__buttonTooltip___Burd9 {\n background: #fff;\n color: rgba(0, 0, 0, 0.85);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n[data-agentation-theme=light] .styles-module__buttonTooltip___Burd9::after {\n background: #fff;\n}\n[data-agentation-theme=light] .styles-module__divider___c--s1 {\n background: rgba(0, 0, 0, 0.1);\n}\n[data-agentation-theme=light] .styles-module__markerTooltip___aLJID {\n background: #fff;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.06);\n}\n[data-agentation-theme=light] .styles-module__markerTooltip___aLJID .styles-module__markerQuote___FHmrz {\n color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__markerTooltip___aLJID .styles-module__markerNote___QkrrS {\n color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__markerTooltip___aLJID .styles-module__markerHint___2iF-6 {\n color: rgba(0, 0, 0, 0.35);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y {\n background: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y::before {\n background: linear-gradient(to right, #fff 0%, transparent 100%);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y::after {\n background: linear-gradient(to left, #fff 0%, transparent 100%);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__settingsHeader___pwDY9 {\n border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__settingsBrand___0gJeM {\n color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__settingsVersion___TUcFq {\n color: rgba(0, 0, 0, 0.4);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__settingsSection___m-YM2 {\n border-top-color: rgba(0, 0, 0, 0.08);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX {\n color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__cycleButton___FMKfw {\n color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY {\n background: rgba(0, 0, 0, 0.2);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n background: rgba(0, 0, 0, 0.7);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz {\n color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz:hover {\n background: rgba(0, 0, 0, 0.05);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa {\n color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax {\n border: 1px solid rgba(0, 0, 0, 0.15);\n background: #fff;\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo {\n border-color: #1a1a1a;\n background: #1a1a1a;\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo svg {\n
32color: #fff;\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr {\n color: rgba(0, 0, 0, 0.4);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr:hover {\n color: rgba(0, 0, 0, 0.7);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr.styles-module__active___-zoN6 {\n color: rgba(0, 0, 0, 0.9);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp {\n background: rgba(0, 0, 0, 0.1);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp::-webkit-slider-thumb {\n background: #1a1a1a;\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp::-moz-range-thumb {\n background: #1a1a1a;\n}\n\n.styles-module__themeToggle___2rUjA {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n margin-left: 0.5rem;\n border: none;\n border-radius: 6px;\n background: transparent;\n color: rgba(255, 255, 255, 0.4);\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease;\n}\n.styles-module__themeToggle___2rUjA:hover {\n background: rgba(255, 255, 255, 0.1);\n color: rgba(255, 255, 255, 0.8);\n}\n[data-agentation-theme=light] .styles-module__themeToggle___2rUjA {\n color: rgba(0, 0, 0, 0.4);\n}\n[data-agentation-theme=light] .styles-module__themeToggle___2rUjA:hover {\n background: rgba(0, 0, 0, 0.06);\n color: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__themeIconWrapper___LsJIM {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: 20px;\n height: 20px;\n}\n\n.styles-module__themeIcon___lCCmo {\n display: flex;\n align-items: center;\n justify-content: center;\n animation: styles-module__themeIconIn___TU6ML 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n\n@keyframes styles-module__themeIconIn___TU6ML {\n 0% {\n opacity: 0;\n transform: scale(0.8) rotate(-30deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n}',document.head.appendChild(e))}var E={toolbar:"styles-module__toolbar___wNsdK",markersLayer:"styles-module__markersLayer___-25j1",fixedMarkersLayer:"styles-module__fixedMarkersLayer___ffyX6",disableTransitions:"styles-module__disableTransitions___EopxO",toolbarContainer:"styles-module__toolbarContainer___dIhma",dragging:"styles-module__dragging___xrolZ",entrance:"styles-module__entrance___sgHd8",toolbarEnter:"styles-module__toolbarEnter___u8RRu",hiding:"styles-module__hiding___1td44",toolbarHide:"styles-module__toolbarHide___y8kaT",collapsed:"styles-module__collapsed___Rydsn",expanded:"styles-module__expanded___ofKPx",serverConnected:"styles-module__serverConnected___Gfbou",toggleContent:"styles-module__toggleContent___0yfyP",visible:"styles-module__visible___KHwEW",hidden:"styles-module__hidden___Ae8H4",controlsContent:"styles-module__controlsContent___9GJWU",badge:"styles-module__badge___2XsgF",fadeOut:"styles-module__fadeOut___6Ut6-",badgeEnter:"styles-module__badgeEnter___mVQLj",controlButton:"styles-module__controlButton___8Q0jc",statusShowing:"styles-module__statusShowing___te6iu",buttonBadge:"styles-module__buttonBadge___NeFWb",mcpIndicator:"styles-module__mcpIndicator___zGJeL",connected:"styles-module__connected___7c28g",mcpIndicatorPulseConnected:"styles-module__mcpIndicatorPulseConnected___EDodZ",connecting:"styles-module__connecting___uo-CW",mcpIndicatorPulseConnecting:"styles-module__mcpIndicatorPulseConnecting___cCYte",connectionIndicatorWrapper:"styles-module__connectionIndicatorWrapper___L-e-3",connectionIndicator:"styles-module__connectionIndicator___afk9p",connectionIndicatorVisible:"styles-module__connectionIndicatorVisible___C-i5B",connectionIndicatorConnected:"styles-module__connectionIndicatorConnected___IY8pR",connectionPulse:"styles-module__connectionPulse___-Zycw",connectionIndicatorDisconnected:"styles-module__connectionIndicatorDisconnected___kmpaZ",connectionIndicatorConnecting:"styles-module__connectionIndicatorConnecting___QmSLH",buttonWrapper:"styles-module__buttonWrapper___rBcdv",buttonTooltip:"styles-module__buttonTooltip___Burd9",tooltipsInSession:"styles-module__tooltipsInSession___-0lHH",sendButtonWrapper:"styles-module__sendButtonWrapper___UUxG6",sendButtonVisible:"styles-module__sendButtonVisible___WPSQU",shortcut:"styles-module__shortcut___lEAQk",tooltipBelow:"styles-module__tooltipBelow___m6ats",tooltipsHidden:"styles-module__tooltipsHidden___VtLJG",tooltipVisible:"styles-module__tooltipVisible___0jcCv",buttonWrapperAlignLeft:"styles-module__buttonWrapperAlignLeft___myzIp",buttonWrapperAlignRight:"styles-module__buttonWrapperAlignRight___HCQFR",divider:"styles-module__divider___c--s1",overlay:"styles-module__overlay___Q1O9y",hoverHighlight:"styles-module__hoverHighlight___ogakW",enter:"styles-module__enter___WFIki",hoverHighlightIn:"styles-module__hoverHighlightIn___6WYHY",multiSelectOutline:"styles-module__multiSelectOutline___cSJ-m",fadeIn:"styles-module__fadeIn___b9qmf",exit:"styles-module__exit___fyOJ0",singleSelectOutline:"styles-module__singleSelectOutline___QhX-O",hoverTooltip:"styles-module__hoverTooltip___bvLk7",hoverTooltipIn:"styles-module__hoverTooltipIn___FYGQx",hoverReactPath:"styles-module__hoverReactPath___gx1IJ",hoverElementName:"styles-module__hoverElementName___QMLMl",marker:"styles-module__marker___6sQrs",clearing:"styles-module__clearing___FQ--7",markerIn:"styles-module__markerIn___5FaAP",markerOut:"styles-module__markerOut___GU5jX",pending:"styles-module__pending___2IHLC",fixed:"styles-module__fixed___dBMHC",multiSelect:"styles-module__multiSelect___YWiuz",hovered:"styles-module__hovered___ZgXIy",renumber:"styles-module__renumber___nCTxD",renumberRoll:"styles-module__renumberRoll___Wgbq3",markerTooltip:"styles-module__markerTooltip___aLJID",tooltipIn:"styles-module__tooltipIn___0N31w",markerQuote:"styles-module__markerQuote___FHmrz",markerNote:"styles-module__markerNote___QkrrS",markerHint:"styles-module__markerHint___2iF-6",settingsPanel:"styles-module__settingsPanel___OxX3Y",settingsHeader:"styles-module__settingsHeader___pwDY9",settingsBrand:"styles-module__settingsBrand___0gJeM",settingsBrandSlash:"styles-module__settingsBrandSlash___uTG18",settingsVersion:"styles-module__settingsVersion___TUcFq",settingsSection:"styles-module__settingsSection___m-YM2",settingsLabel:"styles-module__settingsLabel___8UjfX",cycleButton:"styles-module__cycleButton___FMKfw",cycleDot:"styles-module__cycleDot___nPgLY",dropdownButton:"styles-module__dropdownButton___16NPz",toggleLabel:"styles-module__toggleLabel___Xm8Aa",customCheckbox:"styles-module__customCheckbox___U39ax",sliderLabel:"styles-module__sliderLabel___U8sPr",slider:"styles-module__slider___GLdxp",themeToggle:"styles-module__themeToggle___2rUjA",settingsOption:"styles-module__settingsOption___UNa12",selected:"styles-module__selected___OwRqP",settingsPanelContainer:"styles-module__settingsPanelContainer___Xksv8",settingsPage:"styles-module__settingsPage___6YfHH",slideLeft:"styles-module__slideLeft___Ps01J",automationsPage:"styles-module__automationsPage___uvCq6",slideIn:"styles-module__slideIn___4-qXe",settingsNavLink:"styles-module__settingsNavLink___wCzJt",settingsNavLinkRight:"styles-module__settingsNavLinkRight___ZWwhj",mcpNavIndicator:"styles-module__mcpNavIndicator___cl9pO",mcpPulse:"styles-module__mcpPulse___uNggr",settingsBackButton:"styles-module__settingsBackButton___bIe2j",automationHeader:"styles-module__automationHeader___InP0r",automationDescription:"styles-module__automationDescription___NKlmo",learnMoreLink:"styles-module__learnMoreLink___8xv-x",autoSendRow:"styles-module__autoSendRow___UblX5",autoSendLabel:"styles-module__autoSendLabel___icDc2",active:"styles-module__active___-zoN6",webhookUrlInput:"styles-module__webhookUrlInput___2375C",settingsSectionExtraPadding:"styles-module__settingsSectionExtraPadding___jdhFV",settingsSectionGrow:"styles-module__settingsSectionGrow___h-5HZ",settingsRow:"styles-module__settingsRow___3sdhc",settingsRowMarginTop:"styles-module__settingsRowMarginTop___zA0Sp",dropdownContainer:"styles-module__dropdownContainer___BVnxe",settingsRowDisabled:"styles-module__settingsRowDisabled___EgS0V",toggleSwitch:"styles-module__toggleSwitch___l4Ygm",cycleButtonText:"styles-module__cycleButtonText___fD1LR",cycleTextIn:"styles-module__cycleTextIn___Q6zJf",cycleDots:"styles-module__cycleDots___LWuoQ",dropdownMenu:"styles-module__dropdownMenu___k73ER",scaleIn:"styles-module__scaleIn___c-r1K",dropdownItem:"styles-module__dropdownItem___ylsLj",settingsLabelMarker:"styles-module__settingsLabelMarker___ewdtV",settingsOptions:"styles-module__settingsOptions___LyrBA",sliderContainer:"styles-module__sliderContainer___ducXj",sliderLabels:"styles-module__sliderLabels___FhLDB",colorOptions:"styles-module__colorOptions___iHCNX",colorOption:"styles-module__colorOption___IodiY",colorOptionRing:"styles-module__colorOptionRing___U2xpo",settingsToggle:"styles-module__settingsToggle___fBrFn",settingsToggleMarginBottom:"styles-module__settingsToggleMarginBottom___MZUyF",checked:"styles-module__checked___mnZLo",toggleSlider:"styles-module__toggleSlider___wprIn",disabled:"styles-module__disabled___332Jw",mcpStatusDot:"styles-module__mcpStatusDot___ibgkc",disconnected:"styles-module__disconnected___cHPxR",mcpPulseError:"styles-module__mcpPulseError___fov9B",dragSelection:"styles-module__dragSelection___kZLq2",dragCount:"styles-module__dragCount___KM90j",highlightsContainer:"styles-module__highlightsContainer___-0xzG",selectedElementHighlight:"styles-module__selectedElementHighlight___fyVlI",themeIconWrapper:"styles-module__themeIconWrapper___LsJIM",themeIcon:"styles-module__themeIcon___lCCmo",themeIconIn:"styles-module__themeIconIn___TU6ML",scaleOut:"styles-module__scaleOut___Wctwz",slideUp:"styles-module__slideUp___kgD36",slideDown:"styles-module__slideDown___zcdje",settingsPanelIn:"styles-module__settingsPanelIn___MGfO8",settingsPanelOut:"styles-module__settingsPanelOut___Zfymi"},Tooltip=({content:e,children:t,...n})=>{let[a,r]=(0,o.useState)(!1),[i,d]=(0,o.useState)(!1),[_,c]=(0,o.useState)({top:0,right:0}),u=(0,o.useRef)(null),g=(0,o.useRef)(null),p=(0,o.useRef)(null),updatePosition=()=>
32{if(u.current){let e=u.current.getBoundingClientRect();c({top:e.top+e.height/2,right:window.innerWidth-e.left+8})}};return(0,o.useEffect)(()=>()=>{g.current&&clearTimeout(g.current),p.current&&clearTimeout(p.current)},[]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{ref:u,onMouseEnter:()=>{d(!0),p.current&&(clearTimeout(p.current),p.current=null),updatePosition(),g.current=m(()=>{r(!0)},500)},onMouseLeave:()=>{g.current&&(clearTimeout(g.current),g.current=null),r(!1),p.current=m(()=>{d(!1)},150)},...n,children:t}),i&&(0,s.createPortal)((0,l.jsx)("div",{"data-feedback-toolbar":!0,style:{position:"fixed",top:_.top,right:_.right,transform:"translateY(-50%)",padding:"6px 10px",background:"#383838",color:"rgba(255, 255, 255, 0.7)",fontSize:"11px",fontWeight:400,lineHeight:"14px",borderRadius:"10px",width:"180px",textAlign:"left",zIndex:100020,pointerEvents:"none",boxShadow:"0px 1px 8px rgba(0, 0, 0, 0.28)",opacity:a?1:0,transition:"opacity 0.15s ease"},children:e}),document.body)]})};if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-help-tooltip-styles");e||((e=document.createElement("style")).id="feedback-tool-styles-help-tooltip-styles",e.textContent=".styles-module__tooltip___mcXL2 {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: help;\n}\n\n.styles-module__tooltipIcon___Nq2nD {\n transform: translateY(0.5px);\n color: #fff;\n opacity: 0.2;\n transition: opacity 0.15s ease;\n will-change: transform;\n}\n.styles-module__tooltip___mcXL2:hover .styles-module__tooltipIcon___Nq2nD {\n opacity: 0.5;\n}\n[data-agentation-theme=light] .styles-module__tooltipIcon___Nq2nD {\n color: #000;\n}",document.head.appendChild(e))}var HelpTooltip=({content:e})=>(0,l.jsx)(Tooltip,{className:"styles-module__tooltip___mcXL2",content:e,children:(0,l.jsx)(IconHelp,{className:"styles-module__tooltipIcon___Nq2nD"})});function identifyElementWithReact(e,t="filtered"){let{name:n,path:o}=identifyElement(e);if("off"===t)return{name:n,elementName:n,path:o,reactComponents:null};let s=function(e,t){let n=function(e){let t=e?.mode??"filtered",n=j;if(e?.skipExact){let t=e.skipExact instanceof Set?e.skipExact:new Set(e.skipExact);n=new Set([...j,...t])}return{maxComponents:e?.maxComponents??6,maxDepth:e?.maxDepth??30,mode:t,skipExact:n,skipPatterns:e?.skipPatterns?[...L,...e.skipPatterns]:L,userPatterns:e?.userPatterns??$,filter:e?.filter}}(t),o="all"===n.mode;if(o){let t=I.map.get(e);if(void 0!==t)return t}if(!function(){if(null!==N)return N;if("undefined"==typeof document)return!1;if(document.body&&hasReactFiber(document.body))return N=!0,!0;for(let e of["#root","#app","#__next","[data-reactroot]"]){let t=document.querySelector(e);if(t&&hasReactFiber(t))return N=!0,!0}if(document.body){for(let e of document.body.children)if(hasReactFiber(e))return N=!0,!0}return N=!1,!1}()){let t={path:null,components:[]};return o&&I.map.set(e,t),t}let s="smart"===n.mode?function(e,t=10){let n=new Set,o=e,s=0;for(;o&&s<t;)o.className&&"string"==typeof o.className&&o.className.split(/\s+/).forEach(e=>{if(e.length>1){let t=e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"").toLowerCase();t.length>1&&n.add(t)}}),o=o.parentElement,s++;return n}(e):void 0,l=[];try{let t=function(e){let t=function(e){let t=Object.keys(e);return t.find(e=>e.startsWith("__reactFiber$")||e.startsWith("__reactInternalInstance$"))||null}(e);return t?e[t]:null}(e),o=0;for(;t&&o<n.maxDepth&&l.length<n.maxComponents;){let e=function(e){let{tag:t,type:n,elementType:o}=e;if(t===S.HostComponent||t===S.HostText||t===S.HostHoistable||t===S.HostSingleton||t===S.Fragment||t===S.Mode||t===S.Profiler||t===S.DehydratedFragment||t===S.HostRoot||t===S.HostPortal||t===S.ScopeComponent||t===S.OffscreenComponent||t===S.LegacyHiddenComponent||t===S.CacheComponent||t===S.TracingMarkerComponent||t===S.Throw||t===S.ViewTransitionComponent||t===S.ActivityComponent)return null;if(t===S.ForwardRef){if(o?.render){let e=getComponentNameFromType(o.render);if(e)return e}return o?.displayName?o.displayName:getComponentNameFromType(n)}if(t===S.MemoComponent||t===S.SimpleMemoComponent){if(o?.type){let e=getComponentNameFromType(o.type);if(e)return e}return o?.displayName?o.displayName:getComponentNameFromType(n)}
32return t===S.ContextProvider?n?._context?.displayName?`${n._context.displayName}.Provider`:null:t===S.ContextConsumer?n?.displayName?`${n.displayName}.Consumer`:null:t===S.LazyComponent?o?._status===1&&o._result?getComponentNameFromType(o._result):null:t===S.SuspenseComponent||t===S.SuspenseListComponent?null:t===S.IncompleteClassComponent||t===S.IncompleteFunctionComponent||t===S.FunctionComponent||t===S.ClassComponent||t===S.IndeterminateComponent?getComponentNameFromType(n):null}(t);e&&!(e.length<=2||e.length<=3&&e===e.toLowerCase())&&function(e,t,n,o){if(n.filter)return n.filter(e,t);switch(n.mode){case"all":default:return!0;case"filtered":if(n.skipExact.has(e)||n.skipPatterns.some(t=>t.test(e)))return!1;return!0;case"smart":if(n.skipExact.has(e)||n.skipPatterns.some(t=>t.test(e)))return!1;if(o&&function(e,t){let n=e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z][a-z])/g,"$1-$2").toLowerCase();for(let e of t){if(e===n)return!0;let t=n.split("-").filter(e=>e.length>2),o=e.split("-").filter(e=>e.length>2);for(let e of t)for(let t of o)if(e===t||e.includes(t)||t.includes(e))return!0}return!1}(e,o)||n.userPatterns.some(t=>t.test(e)))return!0;return!1}}(e,o,n,s)&&l.push(e),t=t.return,o++}}catch{let t={path:null,components:[]};return o&&I.map.set(e,t),t}if(0===l.length){let t={path:null,components:[]};return o&&I.map.set(e,t),t}let a=l.slice().reverse().map(e=>`<${e}>`).join(" "),r={path:a,components:l};return o&&I.map.set(e,r),r}(e,{mode:t});return{name:s.path?`${s.path} ${n}`:n,elementName:n,path:o,reactComponents:s.path}}var M=!1,T={outputDetail:"standard",autoClearAfterCopy:!1,annotationColorId:"blue",blockInteractions:!0,reactEnabled:!0,markerClickBehavior:"edit",webhookUrl:"",webhooksEnabled:!0},isValidUrl=e=>{if(!e||!e.trim())return!1;try{let t=new URL(e.trim());return"http:"===t.protocol||"https:"===t.protocol}catch{return!1}},A=[{value:"compact",label:"Compact"},{value:"standard",label:"Standard"},{value:"detailed",label:"Detailed"},{value:"forensic",label:"Forensic"}],R=[{id:"indigo",label:"Indigo",srgb:"#6155F5",p3:"color(display-p3 0.38 0.33 0.96)"},{id:"blue",label:"Blue",srgb:"#0088FF",p3:"color(display-p3 0.00 0.53 1.00)"},{id:"cyan",label:"Cyan",srgb:"#00C3D0",p3:"color(display-p3 0.00 0.76 0.82)"},{id:"green",label:"Green",srgb:"#34C759",p3:"color(display-p3 0.20 0.78 0.35)"},{id:"yellow",label:"Yellow",srgb:"#FFCC00",p3:"color(display-p3 1.00 0.80 0.00)"},{id:"orange",label:"Orange",srgb:"#FF8D28",p3:"color(display-p3 1.00 0.55 0.16)"},{id:"red",label:"Red",srgb:"#FF383C",p3:"color(display-p3 1.00 0.22 0.24)"}];function deepElementFromPoint(e,t){let n=document.elementFromPoint(e,t);if(!n)return null;for(;n?.shadowRoot;){let o=n.shadowRoot.elementFromPoint(e,t);if(!o||o===n)break;n=o}return n}function isElementFixed(e){let t=e;for(;t&&t!==document.body;){let e=window.getComputedStyle(t),n=e.position;if("fixed"===n||"sticky"===n)return!0;t=t.parentElement}return!1}function isRenderableAnnotation(e){return"resolved"!==e.status&&"dismissed"!==e.status}function detectSourceFile(e){let t=getSourceLocation(e),n=t.found?t:function(e,t=10){let n=e,o=0;for(;n&&o<t;){let e=getSourceLocation(n);if(e.found)return e;n=n.parentElement,o++}return getSourceLocation(e)}(e);if(n.found&&n.source)return function(e,t="path"){let{fileName:n,lineNumber:o,columnNumber:s}=e,l=`${n}:${o}`;return(void 0!==s&&(l+=`:${s}`),"vscode"===t)?`vscode://file${n.startsWith("/")?"":"/"}${l}`:l}(n.source,"path")}function generateOutput(e,t,n="standard",o="filtered"){if(0===e.length)return"";let s="undefined"!=typeof window?`${window.innerWidth}\xd7${window.innerHeight}`:"unknown",l=`## Page Feedback: ${t} 33`;return"forensic"===n?(l+=` 34**Environment:** 35- Viewport: ${s} 36`,"undefined"!=typeof window&&(l+=`- URL: ${window.location.href} 37- User Agent: ${navigator.userAgent} 38- Timestamp: ${new Date().toISOString()} 39- Device Pixel Ratio: ${window.devicePixelRatio} 40`),l+=` 41--- 42`):"compact"!==n&&(l+=`**Viewport:** ${s} 43`),l+="\n",e.forEach((e,t)=>{"compact"===n?(l+=`${t+1}. **${e.element}**${e.sourceFile?` (${e.sourceFile})`:""}: ${e.comment}`,e.selectedText&&(l+=` (re: "${e.selectedText.slice(0,30)}${e.selectedText.length>30?"...":""}")`),l+="\n"):("forensic"===n?(l+=`### ${t+1}. ${e.element} 44`,e.isMultiSelect&&e.fullPath&&(l+=`*Forensic data shown for first element of selection* 45`),e.fullPath&&(l+=`**Full DOM Path:** ${e.fullPath}
46`),e.cssClasses&&(l+=`**CSS Classes:** ${e.cssClasses} 47`),e.boundingBox&&(l+=`**Position:** x:${Math.round(e.boundingBox.x)}, y:${Math.round(e.boundingBox.y)} (${Math.round(e.boundingBox.width)}\xd7${Math.round(e.boundingBox.height)}px) 48`),l+=`**Annotation at:** ${e.x.toFixed(1)}% from left, ${Math.round(e.y)}px from top 49`,e.selectedText&&(l+=`**Selected text:** "${e.selectedText}" 50`),e.nearbyText&&!e.selectedText&&(l+=`**Context:** ${e.nearbyText.slice(0,100)} 51`),e.computedStyles&&(l+=`**Computed Styles:** ${e.computedStyles} 52`),e.accessibility&&(l+=`**Accessibility:** ${e.accessibility} 53`),e.nearbyElements&&(l+=`**Nearby Elements:** ${e.nearbyElements} 54`),e.sourceFile&&(l+=`**Source:** ${e.sourceFile} 55`),e.reactComponents&&(l+=`**React:** ${e.reactComponents} 56`)):(l+=`### ${t+1}. ${e.element} 57**Location:** ${e.elementPath} 58`,e.sourceFile&&(l+=`**Source:** ${e.sourceFile} 59`),e.reactComponents&&(l+=`**React:** ${e.reactComponents} 60`),"detailed"===n&&(e.cssClasses&&(l+=`**Classes:** ${e.cssClasses} 61`),e.boundingBox&&(l+=`**Position:** ${Math.round(e.boundingBox.x)}px, ${Math.round(e.boundingBox.y)}px (${Math.round(e.boundingBox.width)}\xd7${Math.round(e.boundingBox.height)}px) 62`)),e.selectedText&&(l+=`**Selected text:** "${e.selectedText}" 63`),"detailed"===n&&e.nearbyText&&!e.selectedText&&(l+=`**Context:** ${e.nearbyText.slice(0,100)} 64`)),l+=`**Feedback:** ${e.comment} 65 66`)}),l.trim()}function PageFeedbackToolbarCSS({demoAnnotations:e,demoDelay:t=1e3,enableDemoMode:n=!1,onAnnotationAdd:a,onAnnotationDelete:r,onAnnotationUpdate:c,onAnnotationsClear:h,onCopy:y,onSubmit:f,copyToClipboard:b=!0,endpoint:x,sessionId:w,onSessionCreated:v,webhookUrl:S,className:j}={}){let[L,$]=(0,o.useState)(!1),[N,I]=(0,o.useState)([]),[P,B]=(0,o.useState)(!0),[F,z]=(0,o.useState)(()=>(function(){if("undefined"==typeof window)return!1;try{return"1"===sessionStorage.getItem(C)}catch{return!1}})()),[O,W]=(0,o.useState)(!1),H=(0,o.useRef)(null);(0,o.useEffect)(()=>{let stop=e=>{let t=H.current;t&&t.contains(e.target)&&e.stopPropagation()},e=["mousedown","click","pointerdown"];return e.forEach(e=>document.body.addEventListener(e,stop)),()=>{e.forEach(e=>document.body.removeEventListener(e,stop))}},[]);let[Y,D]=(0,o.useState)(!1),[X,U]=(0,o.useState)(!1),[Q,V]=(0,o.useState)(null),[Z,J]=(0,o.useState)({x:0,y:0}),[K,q]=(0,o.useState)(null),[G,ee]=(0,o.useState)(!1),[et,en]=(0,o.useState)("idle"),[eo,es]=(0,o.useState)(!1),[el,ea]=(0,o.useState)(!1),[er,ei]=(0,o.useState)(null),[ed,e_]=(0,o.useState)(null),[ec,eu]=(0,o.useState)([]),[em,eg]=(0,o.useState)(null),[ep,eh]=(0,o.useState)(null),[ey,ef]=(0,o.useState)(null),[eb,ex]=(0,o.useState)(null),[ew,ek]=(0,o.useState)([]),[ev,eC]=(0,o.useState)(0),[eS,ej]=(0,o.useState)(!1),[eL,e$]=(0,o.useState)(!1),[eN,eI]=(0,o.useState)(!1),[eP,eB]=(0,o.useState)(!1),[eE,eM]=(0,o.useState)(!1),[eT,eA]=(0,o.useState)("main"),[eR,eF]=(0,o.useState)(!1),[ez,eO]=(0,o.useState)(!1),eW=(0,o.useRef)(null),[eH,eY]=(0,o.useState)([]),eD=(0,o.useRef)({cmd:!1,shift:!1}),hideTooltipsUntilMouseLeave=()=>{eF(!0)},showTooltipsAgain=()=>{eF(!1)};(0,o.useEffect)(()=>()=>{eW.current&&clearTimeout(eW.current)},[]);let[eX,eU]=(0,o.useState)(()=>{try{let e=JSON.parse(localStorage.getItem("feedback-toolbar-settings")??"");return{...T,...e,annotationColorId:R.find(t=>t.id===e.annotationColorId)?e.annotationColorId:T.annotationColorId}}catch{return T}}),[eQ,eV]=(0,o.useState)(!0),[eZ,eJ]=(0,o.useState)(!1),[eK,eq]=(0,o.useState)(w??null),eG=(0,o.useRef)(!1),[e0,e1]=(0,o.useState)(x?"connecting":"disconnected"),[e5,e2]=(0,o.useState)(null),[e6,e7]=(0,o.useState)(!1),[e4,e8]=(0,o.useState)(null),[e3,e9]=(0,o.useState)(0),te=(0,o.useRef)(!1),[tt,tn]=(0,o.useState)(new Set),[to,ts]=(0,o.useState)(new Set),[tl,ta]=(0,o.useState)(!1),[tr,ti]=(0,o.useState)(!1),[td,t_]=(0,o.useState)(!1),tc=(0,o.useRef)(null),tu=(0,o.useRef)(null),tm=(0,o.useRef)(null),tg=(0,o.useRef)(null),tp=(0,o.useRef)(!1),th=(0,o.useRef)(0),ty=(0,o.useRef)(null),tf=(0,o.useRef)(null),tb=(0,o.useRef)(null),tx=(0,o.useRef)(null),tw=(0,o.useRef)(null),tk="undefined"!=typeof window?window.location.pathname:"/";(0,o.useEffect)(()=>
66{if(eP)eM(!0);else{eF(!1),eA("main");let e=m(()=>eM(!1),0);return()=>clearTimeout(e)}},[eP]);let tv=L&&P;(0,o.useEffect)(()=>{if(tv){U(!1),D(!0),tn(new Set);let e=m(()=>{tn(e=>{let t=new Set(e);return N.forEach(e=>t.add(e.id)),t})},350);return()=>clearTimeout(e)}if(Y){U(!0);let e=m(()=>{D(!1),U(!1)},250);return()=>clearTimeout(e)}},[tv]),(0,o.useEffect)(()=>{e$(!0),eC(window.scrollY);let e=loadAnnotations(tk);I(e.filter(isRenderableAnnotation)),M||(eJ(!0),M=!0,m(()=>eJ(!1),750));try{let e=localStorage.getItem("feedback-toolbar-theme");null!==e&&eV("dark"===e)}catch(e){}try{let e=localStorage.getItem("feedback-toolbar-position");if(e){let t=JSON.parse(e);"number"==typeof t.x&&"number"==typeof t.y&&e2(t)}}catch(e){}},[tk]),(0,o.useEffect)(()=>{eL&&localStorage.setItem("feedback-toolbar-settings",JSON.stringify(eX))},[eX,eL]),(0,o.useEffect)(()=>{eL&&localStorage.setItem("feedback-toolbar-theme",eQ?"dark":"light")},[eQ,eL]);let tC=(0,o.useRef)(!1);(0,o.useEffect)(()=>{let e=tC.current;tC.current=e6,e&&!e6&&e5&&eL&&localStorage.setItem("feedback-toolbar-position",JSON.stringify(e5))},[e6,e5,eL]),(0,o.useEffect)(()=>{if(!x||!eL||eG.current)return;eG.current=!0,e1("connecting");let initSession=async()=>{try{let e=function(e){if("undefined"==typeof window)return null;try{return localStorage.getItem(getSessionStorageKey(e))}catch{return null}}(tk),t=w||e,n=!1;if(t)try{let e=await getSession(x,t);eq(e.id),e1("connected"),saveSessionId(tk,e.id),n=!0;let o=loadAnnotations(tk),s=new Set(e.annotations.map(e=>e.id)),l=o.filter(e=>!s.has(e.id));if(l.length>0){let t="undefined"!=typeof window?window.location.origin:"",n=`${t}${tk}`,o=await Promise.allSettled(l.map(t=>syncAnnotation(x,e.id,{...t,sessionId:e.id,url:n}))),s=o.map((e,t)=>"fulfilled"===e.status?e.value:(console.warn("[Agentation] Failed to sync annotation:",e.reason),l[t])),a=[...e.annotations,...s];I(a.filter(isRenderableAnnotation)),saveAnnotationsWithSyncMarker(tk,a.filter(isRenderableAnnotation),e.id)}else I(e.annotations.filter(isRenderableAnnotation)),saveAnnotationsWithSyncMarker(tk,e.annotations.filter(isRenderableAnnotation),e.id)}catch(e){console.warn("[Agentation] Could not join session, creating new:",e),function(e){if("undefined"!=typeof window)try{localStorage.removeItem(getSessionStorageKey(e))}catch{}}(tk)}if(!n){let e="undefined"!=typeof window?window.location.href:"/",t=await createSession(x,e);eq(t.id),e1("connected"),saveSessionId(tk,t.id),v?.(t.id);let n=function(){let e=new Map;if("undefined"==typeof window)return e;try{let t=Date.now()-6048e5;for(let n=0;n<localStorage.length;n++){let o=localStorage.key(n);if(o?.startsWith(k)){let n=o.slice(k.length),s=localStorage.getItem(o);if(s){let o=JSON.parse(s),l=o.filter(e=>!e.timestamp||e.timestamp>t);l.length>0&&e.set(n,l)}}}}catch{}return e}(),o="undefined"!=typeof window?window.location.origin:"",s=[];for(let[e,l]of n){let n=l.filter(e=>!e._syncedTo);if(0===n.length)continue;let a=`${o}${e}`,r=e===tk;s.push((async()=>{try{let o=r?t:await createSession(x,a),s=await Promise.allSettled(n.map(e=>syncAnnotation(x,o.id,{...e,sessionId:o.id,url:a}))),l=s.map((e,t)=>"fulfilled"===e.status?e.value:(console.warn("[Agentation] Failed to sync annotation:",e.reason),n[t])),i=l.filter(isRenderableAnnotation);if(saveAnnotationsWithSyncMarker(e,i,o.id),r){let e=new Set(n.map(e=>e.id));I(t=>{let n=t.filter(t=>!e.has(t.id));return[...i,...n]})}}catch(t){console.warn(`[Agentation] Failed to sync annotations for ${e}:`,t)}})())}await Promise.allSettled(s)}}catch(e){e1("disconnected"),console.warn("[Agentation] Failed to initialize session, using local storage:",e)}};initSession()},[x,w,eL,v,tk]),(0,o.useEffect)(()=>{if(!x||!eL)return;let checkHealth=async()=>{try{let e=await fetch(`${x}/health`);e.ok?e1("connected"):e1("disconnected")}catch{e1("disconnected")}};checkHealth();let e=g(checkHealth,1e4);return()=>clearInterval(e)},[x,eL]),(0,o.useEffect)(()=>{if(!x||!eL||!eK)return;let e=new EventSource(`${x}/sessions/${eK}/events`),t=["resolved","dismissed"],handler=e=>{try{let n=JSON.parse(e.data);if(t.includes(n.payload?.status)){let e=n.payload.id;ts(t=>new Set(t).add(e)),m(()=>{I(t=>t.filter(t=>t.id!==e)),ts(t=>{let n=new Set(t);return n.delete(e),n})},150)}}catch{}};return e.addEventListener("annotation.updated",handler),()=>{e.removeEventListener("annotation.updated",handler),e.close()}},[x,eL,eK]),(0,o.useEffect)(()=>
66{if(!x||!eL)return;let e="disconnected"===tf.current,t="connected"===e0;if(tf.current=e0,e&&t){let syncLocalAnnotations=async()=>{try{let e=loadAnnotations(tk);if(0===e.length)return;let t="undefined"!=typeof window?window.location.origin:"",n=`${t}${tk}`,o=eK,s=[];if(o)try{let e=await getSession(x,o);s=e.annotations}catch{o=null}if(!o){let e=await createSession(x,n);o=e.id,eq(o),saveSessionId(tk,o)}let l=new Set(s.map(e=>e.id)),a=e.filter(e=>!l.has(e.id));if(a.length>0){let e=await Promise.allSettled(a.map(e=>syncAnnotation(x,o,{...e,sessionId:o,url:n}))),t=e.map((e,t)=>"fulfilled"===e.status?e.value:(console.warn("[Agentation] Failed to sync annotation on reconnect:",e.reason),a[t])),l=[...s,...t],r=l.filter(isRenderableAnnotation);I(r),saveAnnotationsWithSyncMarker(tk,r,o)}}catch(e){console.warn("[Agentation] Failed to sync on reconnect:",e)}};syncLocalAnnotations()}},[e0,x,eL,eK,tk]);let tS=(0,o.useCallback)(()=>{O||(W(!0),eB(!1),$(!1),m(()=>{(function(e){if("undefined"!=typeof window)try{e?sessionStorage.setItem(C,"1"):sessionStorage.removeItem(C)}catch{}})(!0),z(!0),W(!1)},400))},[O]);(0,o.useEffect)(()=>{if(!n||!eL||!e||0===e.length||N.length>0)return;let o=[];return o.push(m(()=>{$(!0)},t-200)),e.forEach((e,n)=>{let s=t+300*n;o.push(m(()=>{let t=document.querySelector(e.selector);if(!t)return;let o=t.getBoundingClientRect(),{name:s,path:l}=identifyElement(t),a={id:`demo-${Date.now()}-${n}`,x:(o.left+o.width/2)/window.innerWidth*100,y:o.top+o.height/2+window.scrollY,comment:e.comment,element:s,elementPath:l,timestamp:Date.now(),selectedText:e.selectedText,boundingBox:{x:o.left,y:o.top+window.scrollY,width:o.width,height:o.height},nearbyText:getNearbyText(t),cssClasses:getElementClasses(t)};I(e=>[...e,a])},s))}),()=>{o.forEach(clearTimeout)}},[n,eL,e,t]),(0,o.useEffect)(()=>{let handleScroll=()=>{eC(window.scrollY),ej(!0),tw.current&&clearTimeout(tw.current),tw.current=m(()=>{ej(!1)},150)};return window.addEventListener("scroll",handleScroll,{passive:!0}),()=>{window.removeEventListener("scroll",handleScroll),tw.current&&clearTimeout(tw.current)}},[]),(0,o.useEffect)(()=>{eL&&N.length>0?eK?saveAnnotationsWithSyncMarker(tk,N,eK):saveAnnotations(tk,N):eL&&0===N.length&&localStorage.removeItem(getStorageKey(tk))},[N,tk,eL,eK]);let tj=(0,o.useCallback)(()=>{eN||(!function(){if("undefined"==typeof document||u.frozen)return;u.frozen=!0,u.frozenTimeoutQueue=[],u.frozenRAFQueue=[];let e=document.getElementById(_);e||((e=document.createElement("style")).id=_),e.textContent=` 67 *${d}, 68 *${d}::before, 69 *${d}::after { 70 animation-play-state: paused !important; 71 transition: none !important; 72 } 73 `,document.head.appendChild(e),u.pausedAnimations=[];try{document.getAnimations().forEach(e=>{if("running"!==e.playState)return;let t=e.effect?.target;t&&i.some(e=>!!t.closest?.(`[${e}]`))||(e.pause(),u.pausedAnimations.push(e))})}catch{}document.querySelectorAll("video").forEach(e=>{e.paused||(e.dataset.wasPaused="false",e.pause())})}(),eI(!0))},[eN]),tL=(0,o.useCallback)(()=>{eN&&(unfreeze(),eI(!1))},[eN]),t$=(0,o.useCallback)(()=>{eN?tL():tj()},[eN,tj,tL]),tN=(0,o.useCallback)(()=>{if(0===eH.length)return;let e=eH[0],t=e.element,n=eH.length>1,o=eH.map(e=>e.element.getBoundingClientRect());if(n){let e={left:Math.min(...o.map(e=>e.left)),top:Math.min(...o.map(e=>e.top)),right:Math.max(...o.map(e=>e.right)),bottom:Math.max(...o.map(e=>e.bottom))},n=eH.slice(0,5).map(e=>e.name).join(", "),s=eH.length>5?` +${eH.length-5} more`:"",l=o.map(e=>({x:e.left,y:e.top+window.scrollY,width:e.width,height:e.height})),a=eH[eH.length-1],r=a.element,i=o[o.length-1],d=i.left+i.width/2,_=i.top+i.height/2,c=isElementFixed(r);q({x:d/window.innerWidth*100,y:c?_:_+window.scrollY,clientY:_,element:`${eH.length} elements: ${n}${s}`,elementPath:"multi-select",boundingBox:{x:e.left,y:e.top+window.scrollY,width:e.right-e.left,height:e.bottom-e.top},isMultiSelect:!0,isFixed:c,elementBoundingBoxes:l,multiSelectElements:eH.map(e=>e.element),targetElement:r,fullPath:getFullElementPath(t),accessibility:getAccessibilityInfo(t),computedStyles:getForensicComputedStyles(t),computedStylesObj:getDetailedComputedStyles(t),nearbyElements:getNearbyElements(t),cssClasse
73s:getElementClasses(t),nearbyText:getNearbyText(t),sourceFile:detectSourceFile(t)})}else{let n=o[0],s=isElementFixed(t);q({x:n.left/window.innerWidth*100,y:s?n.top:n.top+window.scrollY,clientY:n.top,element:e.name,elementPath:e.path,boundingBox:{x:n.left,y:s?n.top:n.top+window.scrollY,width:n.width,height:n.height},isFixed:s,fullPath:getFullElementPath(t),accessibility:getAccessibilityInfo(t),computedStyles:getForensicComputedStyles(t),computedStylesObj:getDetailedComputedStyles(t),nearbyElements:getNearbyElements(t),cssClasses:getElementClasses(t),nearbyText:getNearbyText(t),reactComponents:e.reactComponents,sourceFile:detectSourceFile(t)})}eY([]),V(null)},[eH]);(0,o.useEffect)(()=>{!L&&(q(null),ef(null),ex(null),ek([]),V(null),eB(!1),eY([]),eD.current={cmd:!1,shift:!1},eN&&tL())},[L,eN,tL]),(0,o.useEffect)(()=>()=>{unfreeze()},[]),(0,o.useEffect)(()=>{if(!L)return;let e=document.createElement("style");return e.id="feedback-cursor-styles",e.textContent=` 74 body * { 75 cursor: crosshair !important; 76 } 77 body p, body span, body h1, body h2, body h3, body h4, body h5, body h6, 78 body li, body td, body th, body label, body blockquote, body figcaption, 79 body caption, body legend, body dt, body dd, body pre, body code, 80 body em, body strong, body b, body i, body u, body s, body a, 81 body time, body address, body cite, body q, body abbr, body dfn, 82 body mark, body small, body sub, body sup, body [contenteditable], 83 body p *, body span *, body h1 *, body h2 *, body h3 *, body h4 *, 84 body h5 *, body h6 *, body li *, body a *, body label *, body pre *, 85 body code *, body blockquote *, body [contenteditable] * { 86 cursor: text !important; 87 } 88 [data-feedback-toolbar], [data-feedback-toolbar] * { 89 cursor: auto !important; 90 } 91 [data-feedback-toolbar] textarea, 92 [data-feedback-toolbar] input[type="text"], 93 [data-feedback-toolbar] input[type="url"] { 94 cursor: text !important; 95 } 96 [data-feedback-toolbar] button, 97 [data-feedback-toolbar] button *, 98 [data-feedback-toolbar] label, 99 [data-feedback-toolbar] label *, 100 [data-feedback-toolbar] a, 101 [data-feedback-toolbar] a *, 102 [data-feedback-toolbar] [role="button"], 103 [data-feedback-toolbar] [role="button"] * { 104 cursor: pointer !important; 105 } 106 [data-annotation-marker], [data-annotation-marker] * { 107 cursor: pointer !important; 108 } 109 `,document.head.appendChild(e),()=>{let e=document.getElementById("feedback-cursor-styles");e&&e.remove()}},[L]),(0,o.useEffect)(()=>{if(!L||K)return;let handleMouseMove=e=>{let t=e.composedPath()[0]||e.target;if(closestCrossingShadow(t,"[data-feedback-toolbar]")){V(null);return}let n=deepElementFromPoint(e.clientX,e.clientY);if(!n||closestCrossingShadow(n,"[data-feedback-toolbar]")){V(null);return}let{name:o,elementName:s,path:l,reactComponents:a}=identifyElementWithReact(n,"off"),r=n.getBoundingClientRect();V({element:o,elementName:s,elementPath:l,rect:r,reactComponents:a}),J({x:e.clientX,y:e.clientY})};return document.addEventListener("mousemove",handleMouseMove),()=>document.removeEventListener("mousemove",handleMouseMove)},[L,K,"off"]),(0,o.useEffect)(()=>{if(!L)return;let handleClick=e=>{let t;if(tp.current){tp.current=!1;return}let n=e.composedPath()[0]||e.target;if(closestCrossingShadow(n,"[data-feedback-toolbar]")||closestCrossingShadow(n,"[data-annotation-popup]")||closestCrossingShadow(n,"[data-annotation-marker]"))return;if(e.metaKey&&e.shiftKey&&!K&&!ey){e.preventDefault(),e.stopPropagation();let t=deepElementFromPoint(e.clientX,e.clientY);if(!t)return;let n=t.getBoundingClientRect(),{name:o,path:s,reactComponents:l}=identifyElementWithReact(t,"off"),a=eH.findIndex(e=>e.element===t);a>=0?eY(e=>e.filter((e,t)=>t!==a)):eY(e=>[...e,{element:t,rect:n,name:o,path:s,reactComponents:l??void 0}]);return}let o=closestCrossingShadow(n,"button, a, input, select, textarea, [role='button'], [onclick]");if(eX.blockInteractions&&o&&(e.preventDefault(),e.stopPropagation()),K){if(o&&!eX.blockInteractions)return;e.preventDefault(),tb.current?.shake();return}if(ey){if(o&&!eX.blockInteractions)return;e.preventDefault(),tx.current?.shake();return}e.preventDefault();let s=deepElementFromPoint(e.clientX,e.clientY);if(!s)return;let{name:l,path:a,reactComponents:r}=identifyElementWithReact(s,"off"),i=s.getBoundingClientRect(),d=e.clientX/window.innerWidth*100,_=isElementFixed(s),c=_?e.clientY:e.clientY+window.scrollY,u=window.getSelection();u&&u.toString().trim().length>0&&(t=u.toString().trim().slice(0,500));let m=getDetailedComputedStyles(s),g=getForensicComputedStyles(s);q({x:d,y:c,clientY:e.clientY,element:l,elementPath:a,selectedText:t,boundingBox:{x:i.left,y:_?i.top:i.top+window.scrollY,width:i.width,height:i.height}
109,nearbyText:getNearbyText(s),cssClasses:getElementClasses(s),isFixed:_,fullPath:getFullElementPath(s),accessibility:getAccessibilityInfo(s),computedStyles:g,computedStylesObj:m,nearbyElements:getNearbyElements(s),reactComponents:r??void 0,sourceFile:detectSourceFile(s),targetElement:s}),V(null)};return document.addEventListener("click",handleClick,!0),()=>document.removeEventListener("click",handleClick,!0)},[L,K,ey,eX.blockInteractions,"off",eH]),(0,o.useEffect)(()=>{if(!L)return;let handleKeyDown=e=>{"Meta"===e.key&&(eD.current.cmd=!0),"Shift"===e.key&&(eD.current.shift=!0)},handleKeyUp=e=>{let t=eD.current.cmd&&eD.current.shift;"Meta"===e.key&&(eD.current.cmd=!1),"Shift"===e.key&&(eD.current.shift=!1);let n=eD.current.cmd&&eD.current.shift;t&&!n&&eH.length>0&&tN()},handleBlur=()=>{eD.current={cmd:!1,shift:!1},eY([])};return document.addEventListener("keydown",handleKeyDown),document.addEventListener("keyup",handleKeyUp),window.addEventListener("blur",handleBlur),()=>{document.removeEventListener("keydown",handleKeyDown),document.removeEventListener("keyup",handleKeyUp),window.removeEventListener("blur",handleBlur)}},[L,eH,tN]),(0,o.useEffect)(()=>{if(!L||K)return;let handleMouseDown=e=>{let t=e.composedPath()[0]||e.target;if(closestCrossingShadow(t,"[data-feedback-toolbar]")||closestCrossingShadow(t,"[data-annotation-marker]")||closestCrossingShadow(t,"[data-annotation-popup]"))return;let n=new Set(["P","SPAN","H1","H2","H3","H4","H5","H6","LI","TD","TH","LABEL","BLOCKQUOTE","FIGCAPTION","CAPTION","LEGEND","DT","DD","PRE","CODE","EM","STRONG","B","I","U","S","A","TIME","ADDRESS","CITE","Q","ABBR","DFN","MARK","SMALL","SUB","SUP"]);n.has(t.tagName)||t.isContentEditable||(tc.current={x:e.clientX,y:e.clientY})};return document.addEventListener("mousedown",handleMouseDown),()=>document.removeEventListener("mousedown",handleMouseDown)},[L,K]),(0,o.useEffect)(()=>{if(!L||K)return;let handleMouseMove=e=>{if(!tc.current)return;let t=e.clientX-tc.current.x,n=e.clientY-tc.current.y,o=t*t+n*n;if(!td&&o>=64&&(tu.current=tc.current,t_(!0)),(td||o>=64)&&tu.current){if(tm.current){let t=Math.min(tu.current.x,e.clientX),n=Math.min(tu.current.y,e.clientY),o=Math.abs(e.clientX-tu.current.x),s=Math.abs(e.clientY-tu.current.y);tm.current.style.transform=`translate(${t}px, ${n}px)`,tm.current.style.width=`${o}px`,tm.current.style.height=`${s}px`}let t=Date.now();if(t-th.current<50)return;th.current=t;let n=tu.current.x,o=tu.current.y,s=Math.min(n,e.clientX),l=Math.min(o,e.clientY),a=Math.max(n,e.clientX),r=Math.max(o,e.clientY),i=(s+a)/2,d=(l+r)/2,_=new Set;for(let[e,t]of[[s,l],[a,l],[s,r],[a,r],[i,d],[i,l],[i,r],[s,d],[a,d]]){let n=document.elementsFromPoint(e,t);for(let e of n)e instanceof HTMLElement&&_.add(e)}let c=document.querySelectorAll("button, a, input, img, p, h1, h2, h3, h4, h5, h6, li, label, td, th, div, span, section, article, aside, nav");for(let e of c)if(e instanceof HTMLElement){let t=e.getBoundingClientRect(),n=t.left+t.width/2,o=t.top+t.height/2,i=n>=s&&n<=a&&o>=l&&o<=r,d=Math.min(t.right,a)-Math.max(t.left,s),c=Math.min(t.bottom,r)-Math.max(t.top,l),u=d>0&&c>0?d*c:0,m=t.width*t.height,g=m>0?u/m:0;(i||g>.5)&&_.add(e)}let u=[],m=new Set(["BUTTON","A","INPUT","IMG","P","H1","H2","H3","H4","H5","H6","LI","LABEL","TD","TH","SECTION","ARTICLE","ASIDE","NAV"]);for(let e of _){if(closestCrossingShadow(e,"[data-feedback-toolbar]")||closestCrossingShadow(e,"[data-annotation-marker]"))continue;let t=e.getBoundingClientRect();if((!(t.width>.8*window.innerWidth)||!(t.height>.5*window.innerHeight))&&!(t.width<10)&&!(t.height<10)&&t.left<a&&t.right>s&&t.top<r&&t.bottom>l){let n=e.tagName,o=m.has(n);if(!o&&("DIV"===n||"SPAN"===n)){let t=e.textContent&&e.textContent.trim().length>0,n=null!==e.onclick||"button"===e.getAttribute("role")||"link"===e.getAttribute("role")||e.classList.contains("clickable")||e.hasAttribute("data-clickable");(t||n)&&!e.querySelector("p, h1, h2, h3, h4, h5, h6, button, a")&&(o=!0)}if(o){let e=!1;for(let n of u)if(n.left<=t.left&&n.right>=t.right&&n.top<=t.top&&n.bottom>=t.bottom){e=!0;break}e||u.push(t)}}}if(tg.current){let e=tg.current;for(;e.children.length>u.length;)e.removeChild(e.lastChild);u.forEach((t,n)=>{let o=e.children[n];o||((o=document.createElement("div")).className=E.selectedElementHighlight,e.appendChild(o)),o.style.transform=`translate(${t.left}px, ${t.top}px)`,o.style.width=`${t.width}px`,o.style.height=`${t.height}px`})}}};return document.addEventListener("mousemove",handleMouseMove,{passive:!0}),()=>document.removeEventListener("mousemove",handleMouseMove)},[L,K,td,8]),(0,o.useEffect)(()=>
109{if(!L)return;let handleMouseUp=e=>{let t=tu.current;if(td&&t){tp.current=!0;let n=Math.min(t.x,e.clientX),o=Math.min(t.y,e.clientY),s=Math.max(t.x,e.clientX),l=Math.max(t.y,e.clientY),a=[];document.querySelectorAll("button, a, input, img, p, h1, h2, h3, h4, h5, h6, li, label, td, th").forEach(e=>{if(!(e instanceof HTMLElement)||closestCrossingShadow(e,"[data-feedback-toolbar]")||closestCrossingShadow(e,"[data-annotation-marker]"))return;let t=e.getBoundingClientRect();(!(t.width>.8*window.innerWidth)||!(t.height>.5*window.innerHeight))&&!(t.width<10)&&!(t.height<10)&&t.left<s&&t.right>n&&t.top<l&&t.bottom>o&&a.push({element:e,rect:t})});let r=a.filter(({element:e})=>!a.some(({element:t})=>t!==e&&e.contains(t))),i=e.clientX/window.innerWidth*100,d=e.clientY+window.scrollY;if(r.length>0){let t=r.reduce((e,{rect:t})=>({left:Math.min(e.left,t.left),top:Math.min(e.top,t.top),right:Math.max(e.right,t.right),bottom:Math.max(e.bottom,t.bottom)}),{left:1/0,top:1/0,right:-1/0,bottom:-1/0}),n=r.slice(0,5).map(({element:e})=>identifyElement(e).name).join(", "),o=r.length>5?` +${r.length-5} more`:"",s=r[0].element,l=getDetailedComputedStyles(s),a=getForensicComputedStyles(s);q({x:i,y:d,clientY:e.clientY,element:`${r.length} elements: ${n}${o}`,elementPath:"multi-select",boundingBox:{x:t.left,y:t.top+window.scrollY,width:t.right-t.left,height:t.bottom-t.top},isMultiSelect:!0,fullPath:getFullElementPath(s),accessibility:getAccessibilityInfo(s),computedStyles:a,computedStylesObj:l,nearbyElements:getNearbyElements(s),cssClasses:getElementClasses(s),nearbyText:getNearbyText(s),sourceFile:detectSourceFile(s)})}else{let t=Math.abs(s-n),a=Math.abs(l-o);t>20&&a>20&&q({x:i,y:d,clientY:e.clientY,element:"Area selection",elementPath:`region at (${Math.round(n)}, ${Math.round(o)})`,boundingBox:{x:n,y:o+window.scrollY,width:t,height:a},isMultiSelect:!0})}V(null)}else td&&(tp.current=!0);tc.current=null,tu.current=null,t_(!1),tg.current&&(tg.current.innerHTML="")};return document.addEventListener("mouseup",handleMouseUp),()=>document.removeEventListener("mouseup",handleMouseUp)},[L,td]);let tI=(0,o.useCallback)(async(e,t,n)=>{let o=eX.webhookUrl||S;if(!o||!eX.webhooksEnabled&&!n)return!1;try{let n=await fetch(o,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({event:e,timestamp:Date.now(),url:"undefined"!=typeof window?window.location.href:void 0,...t})});return n.ok}catch(e){return console.warn("[Agentation] Webhook failed:",e),!1}},[S,eX.webhookUrl,eX.webhooksEnabled]),tP=(0,o.useCallback)(e=>{if(!K)return;let t={id:Date.now().toString(),x:K.x,y:K.y,comment:e,element:K.element,elementPath:K.elementPath,timestamp:Date.now(),selectedText:K.selectedText,boundingBox:K.boundingBox,nearbyText:K.nearbyText,cssClasses:K.cssClasses,isMultiSelect:K.isMultiSelect,isFixed:K.isFixed,fullPath:K.fullPath,accessibility:K.accessibility,computedStyles:K.computedStyles,nearbyElements:K.nearbyElements,reactComponents:K.reactComponents,sourceFile:K.sourceFile,elementBoundingBoxes:K.elementBoundingBoxes,...x&&eK?{sessionId:eK,url:"undefined"!=typeof window?window.location.href:void 0,status:"pending"}:{}};I(e=>[...e,t]),ty.current=t.id,m(()=>{ty.current=null},300),m(()=>{tn(e=>new Set(e).add(t.id))},250),a?.(t),tI("annotation.add",{annotation:t}),ta(!0),m(()=>{q(null),ta(!1)},150),window.getSelection()?.removeAllRanges(),x&&eK&&syncAnnotation(x,eK,t).then(e=>{e.id!==t.id&&(I(n=>n.map(n=>n.id===t.id?{...n,id:e.id}:n)),tn(n=>{let o=new Set(n);return o.delete(t.id),o.add(e.id),o}))}).catch(e=>{console.warn("[Agentation] Failed to sync annotation:",e)})},[K,a,tI,x,eK]),tB=(0,o.useCallback)(()=>{ta(!0),m(()=>{q(null),ta(!1)},150)},[]),tE=(0,o.useCallback)(e=>{let t=N.findIndex(t=>t.id===e),n=N[t];ey?.id===e&&(ti(!0),m(()=>{ef(null),ex(null),ek([]),ti(!1)},150)),eg(e),ts(t=>new Set(t).add(e)),n&&(r?.(n),tI("annotation.delete",{annotation:n})),x&&deleteAnnotation(x,e).catch(e=>{console.warn("[Agentation] Failed to delete annotation from server:",e)}),m(()=>{I(t=>t.filter(t=>t.id!==e)),ts(t=>{let n=new Set(t);return n.delete(e),n}),eg(null),t<N.length-1&&(eh(t),m(()=>eh(null),200))},150)},[N,ey,r,tI,x]),tM=(0,o.useCallback)(e=>{if(ef(e),ei(null),e_(null),eu([]),e.elementBoundingBoxes?.length){let t=[];for(let n of e.elementBoundingBoxes){let e=n.x+n.width/2,o=n.y+n.height/2-window.scrollY,s=deepElementFromPoint(e,o);
109s&&t.push(s)}ek(t),ex(null)}else if(e.boundingBox){let t=e.boundingBox,n=t.x+t.width/2,o=e.isFixed?t.y+t.height/2:t.y+t.height/2-window.scrollY,s=deepElementFromPoint(n,o);if(s){let e=s.getBoundingClientRect(),n=e.width/t.width,o=e.height/t.height;n<.5||o<.5?ex(null):ex(s)}else ex(null);ek([])}else ex(null),ek([])},[]),tT=(0,o.useCallback)(e=>{if(!e){ei(null),e_(null),eu([]);return}if(ei(e.id),e.elementBoundingBoxes?.length){let t=[];for(let n of e.elementBoundingBoxes){let e=n.x+n.width/2,o=n.y+n.height/2-window.scrollY,s=document.elementsFromPoint(e,o),l=s.find(e=>!e.closest("[data-annotation-marker]")&&!e.closest("[data-agentation-root]"));l&&t.push(l)}eu(t),e_(null)}else if(e.boundingBox){let t=e.boundingBox,n=t.x+t.width/2,o=e.isFixed?t.y+t.height/2:t.y+t.height/2-window.scrollY,s=deepElementFromPoint(n,o);if(s){let e=s.getBoundingClientRect(),n=e.width/t.width,o=e.height/t.height;n<.5||o<.5?e_(null):e_(s)}else e_(null);eu([])}else e_(null),eu([])},[]),tA=(0,o.useCallback)(e=>{if(!ey)return;let t={...ey,comment:e};I(e=>e.map(e=>e.id===ey.id?t:e)),c?.(t),tI("annotation.update",{annotation:t}),x&&updateAnnotation(x,ey.id,{comment:e}).catch(e=>{console.warn("[Agentation] Failed to update annotation on server:",e)}),ti(!0),m(()=>{ef(null),ex(null),ek([]),ti(!1)},150)},[ey,c,tI,x]),tR=(0,o.useCallback)(()=>{ti(!0),m(()=>{ef(null),ex(null),ek([]),ti(!1)},150)},[]),tF=(0,o.useCallback)(()=>{let e=N.length;0!==e&&(h?.(N),tI("annotations.clear",{annotations:N}),x&&Promise.all(N.map(e=>deleteAnnotation(x,e.id).catch(e=>{console.warn("[Agentation] Failed to delete annotation from server:",e)}))),ea(!0),es(!0),m(()=>{I([]),tn(new Set),localStorage.removeItem(getStorageKey(tk)),ea(!1)},30*e+200),m(()=>es(!1),1500))},[tk,N,h,tI,x]),tz=(0,o.useCallback)(async()=>{let e="undefined"!=typeof window?window.location.pathname+window.location.search+window.location.hash:tk,t=generateOutput(N,e,eX.outputDetail,"off");if(t){if(b)try{await navigator.clipboard.writeText(t)}catch{}y?.(t),ee(!0),m(()=>ee(!1),2e3),eX.autoClearAfterCopy&&m(()=>tF(),500)}},[N,tk,eX.outputDetail,"off",eX.autoClearAfterCopy,tF,b,y]),tO=(0,o.useCallback)(async()=>{let e="undefined"!=typeof window?window.location.pathname+window.location.search+window.location.hash:tk,t=generateOutput(N,e,eX.outputDetail,"off");if(!t)return;f&&f(t,N),en("sending"),await new Promise(e=>m(e,150));let n=await tI("submit",{output:t,annotations:N},!0);en(n?"sent":"failed"),m(()=>en("idle"),2500),n&&eX.autoClearAfterCopy&&m(()=>tF(),500)},[f,tI,N,tk,eX.outputDetail,"off",eX.autoClearAfterCopy,tF]);(0,o.useEffect)(()=>{if(!e4)return;let handleMouseMove=e=>{let t=e.clientX-e4.x,n=e.clientY-e4.y,o=Math.sqrt(t*t+n*n);if(!e6&&o>10&&e7(!0),e6||o>10){let e=e4.toolbarX+t,o=e4.toolbarY+n,s=L?"connected"===e0?297:257:44,l=window.innerWidth-20-297;e2({x:e=Math.max(20-(297-s),Math.min(l,e)),y:o=Math.max(20,Math.min(window.innerHeight-44-20,o))})}},handleMouseUp=()=>{e6&&(te.current=!0),e7(!1),e8(null)};return document.addEventListener("mousemove",handleMouseMove),document.addEventListener("mouseup",handleMouseUp),()=>{document.removeEventListener("mousemove",handleMouseMove),document.removeEventListener("mouseup",handleMouseUp)}},[e4,e6,L,e0]);let tW=(0,o.useCallback)(e=>{if(e.target.closest("button")||e.target.closest(`.${E.settingsPanel}`))return;let t=e.currentTarget.parentElement;if(!t)return;let n=t.getBoundingClientRect(),o=e5?.x??n.left,s=e5?.y??n.top;e9((Math.random()-.5)*10),e8({x:e.clientX,y:e.clientY,toolbarX:o,toolbarY:s})},[e5]);if((0,o.useEffect)(()=>{if(!e5)return;let constrainPosition=()=>{let e=e5.x,t=e5.y,n=L?"connected"===e0?297:257:44,o=window.innerWidth-20-297;e=Math.max(20-(297-n),Math.min(o,e)),t=Math.max(20,Math.min(window.innerHeight-44-20,t)),(e!==e5.x||t!==e5.y)&&e2({x:e,y:t})};return constrainPosition(),window.addEventListener("resize",constrainPosition),()=>window.removeEventListener("resize",constrainPosition)},[e5,L,e0]),(0,o.useEffect)(()=>{let handleKeyDown=e=>{let t=e.target,n="INPUT"===t.tagName||"TEXTAREA"===t.tagName||t.isContentEditable;if("Escape"===e.key){if(eH.length>0){eY([]);return}K||L&&(hideTooltipsUntilMouseLeave(),$(!1))}if((e.metaKey||e.ctrlKey)&&e.shiftKey&&("f"===e.key||"F"===e.key)){e.preventDefault(),hideTooltipsUntilMouseLeave(),$(e=>!e);return}
109if(!n&&!e.metaKey&&!e.ctrlKey&&(("p"===e.key||"P"===e.key)&&(e.preventDefault(),hideTooltipsUntilMouseLeave(),t$()),("h"===e.key||"H"===e.key)&&N.length>0&&(e.preventDefault(),hideTooltipsUntilMouseLeave(),B(e=>!e)),("c"===e.key||"C"===e.key)&&N.length>0&&(e.preventDefault(),hideTooltipsUntilMouseLeave(),tz()),("x"===e.key||"X"===e.key)&&N.length>0&&(e.preventDefault(),hideTooltipsUntilMouseLeave(),tF()),"s"===e.key||"S"===e.key)){let t=isValidUrl(eX.webhookUrl)||isValidUrl(S||"");N.length>0&&t&&"idle"===et&&(e.preventDefault(),hideTooltipsUntilMouseLeave(),tO())}};return document.addEventListener("keydown",handleKeyDown),()=>document.removeEventListener("keydown",handleKeyDown)},[L,K,N.length,eX.webhookUrl,S,et,tO,t$,tz,tF,eH]),!eL||F)return null;let tH=N.length>0,tY=N.filter(e=>!to.has(e.id)&&isRenderableAnnotation(e)),tD=N.filter(e=>to.has(e.id)),getTooltipPosition=e=>{let t=e.x/100*window.innerWidth,n="string"==typeof e.y?parseFloat(e.y):e.y,o={},s=window.innerHeight-n-22-10;s<80&&(o.top="auto",o.bottom="calc(100% + 10px)");let l=t-100;if(l<10)o.left=`calc(50% + ${10-l}px)`;else if(l+200>window.innerWidth-10){let e=l+200-(window.innerWidth-10);o.left=`calc(50% - ${e}px)`}return o};return(0,s.createPortal)((0,l.jsxs)("div",{ref:H,style:{display:"contents"},"data-agentation-theme":eQ?"dark":"light","data-agentation-accent":eX.annotationColorId,children:[(0,l.jsx)("div",{className:`${E.toolbar}${j?` ${j}`:""}`,"data-feedback-toolbar":!0,style:e5?{left:e5.x,top:e5.y,right:"auto",bottom:"auto"}:void 0,children:(0,l.jsxs)("div",{className:`${E.toolbarContainer} ${L?E.expanded:E.collapsed} ${eZ?E.entrance:""} ${O?E.hiding:""} ${e6?E.dragging:""} ${!eX.webhooksEnabled&&(isValidUrl(eX.webhookUrl)||isValidUrl(S||""))?E.serverConnected:""}`,onClick:L?void 0:e=>{if(te.current){te.current=!1,e.preventDefault();return}$(!0)},onMouseDown:tW,role:L?void 0:"button",tabIndex:L?-1:0,title:L?void 0:"Start feedback mode",style:{...e6&&{transform:`scale(1.05) rotate(${e3}deg)`,cursor:"grabbing"}},children:[(0,l.jsxs)("div",{className:`${E.toggleContent} ${L?E.hidden:E.visible}`,children:[(0,l.jsx)(IconListSparkle,{size:24}),tH&&(0,l.jsx)("span",{className:`${E.badge} ${L?E.fadeOut:""} ${eZ?E.entrance:""}`,children:N.length})]}),(0,l.jsxs)("div",{className:`${E.controlsContent} ${L?E.visible:E.hidden} ${e5&&e5.y<100?E.tooltipBelow:""} ${eR||eP?E.tooltipsHidden:""} ${ez?E.tooltipsInSession:""}`,onMouseEnter:()=>{ez||(eW.current=setTimeout(()=>eO(!0),850))},onMouseLeave:()=>{eW.current&&(clearTimeout(eW.current),eW.current=null),eO(!1),showTooltipsAgain()},children:[(0,l.jsxs)("div",{className:`${E.buttonWrapper} ${e5&&e5.x<120?E.buttonWrapperAlignLeft:""}`,children:[(0,l.jsx)("button",{className:E.controlButton,onClick:e=>{e.stopPropagation(),hideTooltipsUntilMouseLeave(),t$()},"data-active":eN,children:(0,l.jsx)(IconPausePlayAnimated,{size:24,isPaused:eN})}),(0,l.jsxs)("span",{className:E.buttonTooltip,children:[eN?"Resume animations":"Pause animations",(0,l.jsx)("span",{className:E.shortcut,children:"P"})]})]}),(0,l.jsxs)("div",{className:E.buttonWrapper,children:[(0,l.jsx)("button",{className:E.controlButton,onClick:e=>{e.stopPropagation(),hideTooltipsUntilMouseLeave(),B(!P)},disabled:!tH,children:(0,l.jsx)(IconEyeAnimated,{size:24,isOpen:P})}),(0,l.jsxs)("span",{className:E.buttonTooltip,children:[P?"Hide markers":"Show markers",(0,l.jsx)("span",{className:E.shortcut,children:"H"})]})]}),(0,l.jsxs)("div",{className:E.buttonWrapper,children:[(0,l.jsx)("button",{className:`${E.controlButton} ${G?E.statusShowing:""}`,onClick:e=>{e.stopPropagation(),hideTooltipsUntilMouseLeave(),tz()},disabled:!tH,"data-active":G,children:(0,l.jsx)(IconCopyAnimated,{size:24,copied:G})}),(0,l.jsxs)("span",{className:E.buttonTooltip,children:["Copy feedback",(0,l.jsx)("span",{className:E.shortcut,children:"C"})]})]}),(0,l.jsxs)("div",{className:`${E.buttonWrapper} ${E.sendButtonWrapper} ${L&&!eX.webhooksEnabled&&(isValidUrl(eX.webhookUrl)||isValidUrl(S||""))?E.sendButtonVisible:""}`,children:[(0,l.jsxs)("button",{className:`${E.controlButton} ${"sent"===et||"failed"===et?E.statusShowing:""}`,onClick:e=>{e.stopPropagation(),hideTooltipsUntilMouseLeave(),tO()},disabled:!tH||!isValidUrl(eX.webhookUrl)&&!isValidUrl(S||"")||"sending"===et,"data-no-hover":"sent"===et||"failed"===et,tabIndex:isValidUrl(eX.webhookUrl)||isValidUrl(S||"")?0:-1,children:[(0,l.jsx)(IconSendArrow,{size:24,state:et}),tH&&"idle"===et&&(0,l.jsx)("span",{className:E.buttonBadge,children:N.length})]}),(0,l.jsxs)("span",{className:E.buttonTooltip,children:["Send Annotations",(0,l.jsx)("span",{className:E.shortcut,children:"S"})]})]}),(0,l.jsxs)("div",{className:E.buttonWrapper,children:[(0,l.jsx)("button",{className:E.controlButton,onClick:e=>{e.stopPropagation(),hideTooltipsUntilMouseLeave(),tF()},disabled:!tH,"data-danger":!0,children:(0,l.jsx)(IconTrashAlt,{size:24})}),(0,l.jsxs)("span",{className:E.buttonTooltip,children:["Clear all",(0,l.jsx)("span",{className:E.shortcut,children:"X"})]})]}),(0,l.jsxs)("div",{className:E.buttonWrapper,children:[(0,l.jsx)("button",{className:E.controlButton,onClick:e=>{e.stopPropagation(),hideTooltipsUntilMouseLeave(),eB(!eP)},children:(0,l.jsx)(IconGear,{size:24})}),x&&"disconnected"!==e0&&(0,l.jsx)("span",{className:`${E.mcpIndicator} ${E[e0]} ${eP?E.hidden:""}`,title:"connected"===e0?"MCP Connected":"MCP Connecting..."}),(0,l.jsx)("span",{className:E.buttonTooltip,children:"Settings"})]}),(0,l.jsx)("div",{className:E.divider}),(0,l.jsxs)("div",{className:`${E.buttonWrapper} ${e5&&"undefined"!=typeof window&&e5.x>window.innerWidth-120?E.buttonWrapperAlignRight:""}`,children:[(0,l.jsx)("button",{className:E.controlButton,onClick:e=>{e.stopPropagation(),hideTooltipsUntilMouseLeave(),$(!1)},children:(0,l.jsx)(IconXmarkLarge,{size:24})}),(0,l.jsxs)("span",{className:E.buttonTooltip,children:["Exit",(0,l.jsx)("span",{className:E.shortcut,children:"Esc"})]})]})]}),(0,l.jsx)("div",{className:`${E.settingsPanel} ${eE?E.enter:E.exit}`,onClick:e=>e.stopPropagation(),style:e5&&e5.y<230?{bottom:"auto",top:"calc(100% + 0.5rem)"}:void 0,children:(0,l.jsxs)("div",{className:E.settingsPanelContainer,children:[(0,l.jsxs)("div",{className:`${E.settingsPage} ${"automations"===eT?E.slideLeft:""}`,children:[(0,l.jsxs)("div",{className:E.settingsHeader,children:[(0,l.jsxs)("span",{className:E.settingsBrand,children:[(0,l.jsx)("span",{className:E.settingsBrandSlash,children:"/"}),"agentation"]}),(0,l.jsxs)("span",{className:E.settingsVersion,children:["v","2.3.3"]}),(0,l.jsx)("button",{className:E.themeToggle,onClick:()=>{H.current?.classList.add(E.disableTransitions),eV(e=>!e),requestAnimationFrame(()=>{H.current?.classList.remove(E.disableTransitions)})},title:eQ?"Switch to light mode":"Switch to dark mode",children:(0,l.jsx)("span",{className:E.themeIconWrapper,children:(0,l.jsx)("span",{className:E.themeIcon,children:eQ?(0,l.jsx)(IconSun,{size:20}):(0,l.jsx)(IconMoon,{size:20})},eQ?"sun":"moon")})})]}),(0,l.jsxs)("div",{className:E.settingsSection,children:[(0,l.jsxs)("div",{className:E.settingsRow,children:[(0,l.jsxs)("div",{className:E.settingsLabel,children:["Output Detail",(0,l.jsx)(HelpTooltip,{content:"Controls how much detail is included in the copied output"})]}),(0,l.jsxs)("button",{className:E.cycleButton,onClick:()=>{let e=A.findIndex(e=>e.value===eX.outputDetail),t=(e+1)%A.length;eU(e=>({...e,outputDetail:A[t].value}))},children:[(0,l.jsx)("span",{className:E.cycleButtonText,children:A.find(e=>e.value===eX.outputDetail)?.label},eX.outputDetail),(0,l.jsx)("span",{className:E.cycleDots,children:A.map((e,t)=>(0,l.jsx)("span",{className:`${E.cycleDot} ${eX.outputDetail===e.value?E.active:""}`},e.value))})]})]}),(0,l.jsxs)("div",{className:`${E.settingsRow} ${E.settingsRowMarginTop} ${E.settingsRowDisabled}`,children:[(0,l.jsxs)("div",{className:E.settingsLabel,children:["React Components",(0,l.jsx)(HelpTooltip,{content:"Disabled â production builds minify component names, making detection unreliable. Use in development mode."})]}),(0,l.jsxs)("label",{className:`${E.toggleSwitch} ${E.disabled}`,children:[(0,l.jsx)("input",{type:"checkbox",checked:!1,disabled:!0,onChange:()=>eU(e=>({...e,reactEnabled:!e.reactEnabled}))}),(0,l.jsx)("span",{className:E.toggleSlider})]})]}),(0,l.jsxs)("div",{className:`${E.settingsRow} ${E.settingsRowMarginTop}`,children:[(0,l.jsxs)("div",{className:E.settingsLabel,children:["Hide Until Restart",(0,l.jsx)(HelpTooltip,{content:"Hides the toolbar until you open a new tab"})]}),(0,l.jsxs)("label",{className:E.toggleSwitch,children:[(0,l.jsx)("input",{type:"checkbox",checked:!1,onChange:e=>{e.target.checked&&tS()}}),(0,l.jsx)("span",{className:E.toggleSlider})]})]})]}),(0,l.jsxs)("div",{className:E.settingsSection,children:[(0,l.jsx)("div",{className:`${E.settingsLabel} ${E.settingsLabelMarker}`,children:"Marker Color"}),(0,l.jsx)("div",{className:E.colorOptions,children:R.map(e=>(0,l.jsx)("div",{role:"button",onClick:()=>eU(t=>({...t,annotationColorId:e.id})),style:{"--swatch":e.srgb,"--swatch-p3":e.p3},className:`${E.colorOptionRing} ${eX.annotationColorId===e.id?E.selected:""}`,children:(0,l.jsx)("div",{className:`${E.colorOption} ${eX.annotationColorId===e.id?E.selected:""}`,title:e.label})},e.id))})]}),(0,l.jsxs)("div",{className:E.settingsSection,children:[(0,l.jsxs)("label",{className:E.settingsToggle,children:[(0,l.jsx)("input",{type:"checkbox",id:"autoClearAfterCopy",checked:eX.autoClearAfterCopy,onChange:e=>eU(t=>({...t,autoClearAfterCopy:e.target.checked}))}),(0,l.jsx)("label",{className:`${E.customCheckbox} ${eX.autoClearAfterCopy?E.checked:""}`,htmlFor:"autoClearAfterCopy",children:eX.autoClearAfterCopy&&(0,l.jsx)(IconCheckSmallAnimated,{size:14})}),(0,l.jsxs)("span",{className:E.toggleLabel,children:["Clear on copy/send",(0,l.jsx)(HelpTooltip,{content:"Automatically clear annotations after copying"})]})]}),(0,l.jsxs)("label",{className:`${E.settingsToggle} ${E.settingsToggleMarginBottom}`,children:[(0,l.jsx)("input",{type:"checkbox",id:"blockInteractions",checked:eX.blockInteractions,onChange:e=>eU(t=>({...t,blockInteractions:e.target.checked}))}),(0,l.jsx)("label",{className:`${E.customCheckbox} ${eX.blockInteractions?E.checked:""}`,htmlFor:"blockInteractions",children:eX.blockInteractions&&(0,l.jsx)(IconCheckSmallAnimated,{size:14})}),(0,l.jsx)("span",{className:E.toggleLabel,children:"Block page interactions"})]})]}),(0,l.jsx)("div",{className:`${E.settingsSection} ${E.settingsSectionExtraPadding}`,children:(0,l.jsxs)("button",{className:E.settingsNavLink,onClick:()=>eA("automations"),children:[(0,l.jsx)("span",{children:"Manage MCP & Webhooks"}),(0,l.jsxs)("span",{className:E.settingsNavLinkRight,children:[x&&"disconnected"!==e0&&(0,l.jsx)("span",{className:`${E.mcpNavIndicator} ${E[e0]}`}),(0,l.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M7.5 12.5L12 8L7.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})})]}),(0,l.jsxs)("div",{className:`${E.settingsPage} ${E.automationsPage} ${"automations"===eT?E.slideIn:""}`,children:[(0,l.jsxs)("button",{className:E.settingsBackButton,onClick:()=>eA("main"),children:[(0,l.jsx)(IconChevronLeft,{size:16}),(0,l.jsx)("span",{children:"Manage MCP & Webhooks"})]}),(0,l.jsxs)("div",{className:E.settingsSection,children:[(0,l.jsxs)("div",{className:E.settingsRow,children:[(0,l.jsxs)("span",{className:E.automationHeader,children:["MCP Connection",(0,l.jsx)(HelpTooltip,{content:"Connect via Model Context Protocol to let AI agents like Claude Code receive annotations in real-time."})]}),x&&(0,l.jsx)("div",{className:`${E.mcpStatusDot} ${E[e0]}`,title:"connected"===e0?"Connected":"connecting"===e0?"Connecting...":"Disconnected"})]}),(0,l.jsxs)("p",{className:E.automationDescription,style:{paddingBottom:6},children:["MCP connection allows agents to receive and act on annotations."," ",(0,l.jsx)("a",{href:"https://agentation.dev/mcp",target:"_blank",rel:"noopener noreferrer",className:E.learnMoreLink,children:"Learn more"})]})]}),(0,l.jsxs)("div",{className:`${E.settingsSection} ${E.settingsSectionGrow}`,children:[(0,l.jsxs)("div",{className:E.settingsRow,children:[(0,l.jsxs)("span",{className:E.automationHeader,children:["Webhooks",(0,l.jsx)(HelpTooltip,{content:"Send annotation data to any URL endpoint when annotations change. Useful for custom integrations."})]}),(0,l.jsxs)("div",{className:E.autoSendRow,children:[(0,l.jsx)("span",{className:`${E.autoSendLabel} ${eX.webhooksEnabled?E.active:""}`,children:"Auto-Send"}),(0,l.jsxs)("label",{className:`${E.toggleSwitch} ${eX.webhookUrl?"":E.disabled}`,children:[(0,l.jsx)("input",{type:"checkbox",checked:eX.webhooksEnabled,disabled:!eX.webhookUrl,onChange:()=>eU(e=>({...e,webhooksEnabled:!e.webhooksEnabled}))}),(0,l.jsx)("span",{className:E.toggleSlider})]})]})]}),(0,l.jsx)("p",{className:E.automationDescription,children:"The webhook URL will receive live annotation changes and annotation data."}),(0,l.jsx)("textarea",{className:E.webhookUrlInput,placeholder:"Webhook URL",value:eX.webhookUrl,onKeyDown:e=>e.stopPropagation(),onChange:e=>eU(t=>({...t,webhookUrl:e.target.value}))})]})]})]})})]})}),(0,l.jsxs)("div",{className:E.markersLayer,"data-feedback-toolbar":!0,children:[Y&&tY.filter(e=>!e.isFixed).map((e,t)=>{let n=!X&&er===e.id,o=em===e.id,s=(n||o)&&!ey,a=e.isMultiSelect,r=N.findIndex(t=>t.id===e.id),i=!tt.has(e.id),d=X?E.exit:el?E.clearing:i?E.enter:"",_=s&&"delete"===eX.markerClickBehavior;return(0,l.jsxs)("div",{className:`${E.marker} ${a?E.multiSelect:""} ${d} ${_?E.hovered:""}`,"data-annotation-marker":!0,style:{left:`${e.x}%`,top:e.y,backgroundColor:_?void 0:a?"var(--agentation-color-green)":"var(--agentation-color-accent)",animationDelay:X?`${(tY.length-1-t)*20}
109ms`:`${20*t}ms`},onMouseEnter:()=>!X&&e.id!==ty.current&&tT(e),onMouseLeave:()=>tT(null),onClick:t=>{t.stopPropagation(),X||("delete"===eX.markerClickBehavior?tE(e.id):tM(e))},onContextMenu:t=>{"delete"!==eX.markerClickBehavior||(t.preventDefault(),t.stopPropagation(),X||tM(e))},children:[s?_?(0,l.jsx)(IconXmark,{size:a?18:16}):(0,l.jsx)(IconEdit,{size:16}):(0,l.jsx)("span",{className:null!==ep&&r>=ep?E.renumber:void 0,children:r+1}),n&&!ey&&(0,l.jsxs)("div",{className:`${E.markerTooltip} ${E.enter}`,style:getTooltipPosition(e),children:[(0,l.jsxs)("span",{className:E.markerQuote,children:[e.element,e.selectedText&&` "${e.selectedText.slice(0,30)}${e.selectedText.length>30?"...":""}"`]}),(0,l.jsx)("span",{className:E.markerNote,children:e.comment})]})]},e.id)}),Y&&!X&&tD.filter(e=>!e.isFixed).map(e=>{let t=e.isMultiSelect;return(0,l.jsx)("div",{className:`${E.marker} ${E.hovered} ${t?E.multiSelect:""} ${E.exit}`,"data-annotation-marker":!0,style:{left:`${e.x}%`,top:e.y},children:(0,l.jsx)(IconXmark,{size:t?12:10})},e.id)})]}),(0,l.jsxs)("div",{className:E.fixedMarkersLayer,"data-feedback-toolbar":!0,children:[Y&&tY.filter(e=>e.isFixed).map((e,t)=>{let n=tY.filter(e=>e.isFixed),o=!X&&er===e.id,s=em===e.id,a=(o||s)&&!ey,r=e.isMultiSelect,i=N.findIndex(t=>t.id===e.id),d=!tt.has(e.id),_=X?E.exit:el?E.clearing:d?E.enter:"",c=a&&"delete"===eX.markerClickBehavior;return(0,l.jsxs)("div",{className:`${E.marker} ${E.fixed} ${r?E.multiSelect:""} ${_} ${c?E.hovered:""}`,"data-annotation-marker":!0,style:{left:`${e.x}%`,top:e.y,backgroundColor:c?void 0:r?"var(--agentation-color-green)":"var(--agentation-color-accent)",animationDelay:X?`${(n.length-1-t)*20}ms`:`${20*t}ms`},onMouseEnter:()=>!X&&e.id!==ty.current&&tT(e),onMouseLeave:()=>tT(null),onClick:t=>{t.stopPropagation(),X||("delete"===eX.markerClickBehavior?tE(e.id):tM(e))},onContextMenu:t=>{"delete"!==eX.markerClickBehavior||(t.preventDefault(),t.stopPropagation(),X||tM(e))},children:[a?c?(0,l.jsx)(IconXmark,{size:r?18:16}):(0,l.jsx)(IconEdit,{size:16}):(0,l.jsx)("span",{className:null!==ep&&i>=ep?E.renumber:void 0,children:i+1}),o&&!ey&&(0,l.jsxs)("div",{className:`${E.markerTooltip} ${E.enter}`,style:getTooltipPosition(e),children:[(0,l.jsxs)("span",{className:E.markerQuote,children:[e.element,e.selectedText&&` "${e.selectedText.slice(0,30)}${e.selectedText.length>30?"...":""}"`]}),(0,l.jsx)("span",{className:E.markerNote,children:e.comment})]})]},e.id)}),Y&&!X&&tD.filter(e=>e.isFixed).map(e=>{let t=e.isMultiSelect;return(0,l.jsx)("div",{className:`${E.marker} ${E.fixed} ${E.hovered} ${t?E.multiSelect:""} ${E.exit}`,"data-annotation-marker":!0,style:{left:`${e.x}%`,top:e.y},children:(0,l.jsx)(IconClose,{size:t?12:10})},e.id)})]}),L&&(0,l.jsxs)("div",{className:E.overlay,"data-feedback-toolbar":!0,style:K||ey?{zIndex:99999}:void 0,children:[Q?.rect&&!K&&!eS&&!td&&(0,l.jsx)("div",{className:`${E.hoverHighlight} ${E.enter}`,style:{left:Q.rect.left,top:Q.rect.top,width:Q.rect.width,height:Q.rect.height,borderColor:"color-mix(in srgb, var(--agentation-color-accent) 50%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 4%, transparent)"}}),eH.filter(e=>document.contains(e.element)).map((e,t)=>{let n=e.element.getBoundingClientRect(),o=eH.length>1;return(0,l.jsx)("div",{className:o?E.multiSelectOutline:E.singleSelectOutline,style:{position:"fixed",left:n.left,top:n.top,width:n.width,height:n.height,...o?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}},t)}),er&&!K&&(()=>{let e=N.find(e=>e.id===er);if(!e?.boundingBox)return null;if(e.elementBoundingBoxes?.length)return ec.length>0?ec.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,l.jsx)("div",{className:`${E.multiSelectOutline} ${E.enter}`,style:{left:n.left,top:n.top,width:n.width,height:n.height}},`hover-outline-live-${t}`)}):e.elementBoundingBoxes.map((e,t)=>(0,l.jsx)("div",{className:`${E.multiSelectOutline} ${E.enter}`,style:{left:e.x,top:e.y-ev,width:e.width,height:e.height}},`hover-outline-${t}`));let t=ed&&document.contains(ed)?ed.getBoundingClientRect():null,n=t?{x:t.left,y:t.top,width:t.width,height:t.height}:{x:e.boundingBox.x,y:e.isFixed?e.boundingBox.y:e.boundingBox.y-ev,width:e.boundingBox.width,height:e.boundingBox.height},o=e.isMultiSelect;return(0,l.jsx)("div",{className:`${o?E.multiSelectOutline:E.singleSelectOutline} ${E.enter}`,style:{left:n.x,top:n.y,width:n.width,height:n.height,...o?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}})})(),Q&&!K&&!eS&&!td&&(0,l.jsxs)("div",{className:`${E.hoverTooltip} ${E.enter}`,style:{left:Math.max(8,Math.min(Z.x,window.innerWidth-100)),top:Math.max(Z.y-(Q.reactComponents?48:32),8)},children:[Q.reactComponents&&(0,l.jsx)("div",{className:E.hoverReactPath,children:Q.reactComponents}),(0,l.jsx)("div",{className:E.hoverElementName,children:Q.elementName})]}),K&&(0,l.jsxs)(l.Fragment,{children:[K.multiSelectElements?.length?K.multiSelectElements.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,l.jsx)("div",{className:`${E.multiSelectOutline} ${tl?E.exit:E.enter}`,style:{left:n.left,top:n.top,width:n.width,height:n.height}},`pending-multi-${t}`)}):K.targetElement&&document.contains(K.targetElement)?(()=>{let e=K.targetElement.getBoundingClientRect();return(0,l.jsx)("div",{className:`${E.singleSelectOutline} ${tl?E.exit:E.enter}`,style:{left:e.left,top:e.top,width:e.width,height:e.height,borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}})}
109)():K.boundingBox&&(0,l.jsx)("div",{className:`${K.isMultiSelect?E.multiSelectOutline:E.singleSelectOutline} ${tl?E.exit:E.enter}`,style:{left:K.boundingBox.x,top:K.boundingBox.y-ev,width:K.boundingBox.width,height:K.boundingBox.height,...K.isMultiSelect?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}}),(()=>{let e=K.x,t=K.isFixed?K.y:K.y-ev;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:`${E.marker} ${E.pending} ${K.isMultiSelect?E.multiSelect:""} ${tl?E.exit:E.enter}`,style:{left:`${e}%`,top:t,backgroundColor:K.isMultiSelect?"var(--agentation-color-green)":"var(--agentation-color-accent)"},children:(0,l.jsx)(IconPlus,{size:12})}),(0,l.jsx)(p,{ref:tb,element:K.element,selectedText:K.selectedText,computedStyles:K.computedStylesObj,placeholder:"Area selection"===K.element?"What should change in this area?":K.isMultiSelect?"Feedback for this group of elements...":"What should change?",onSubmit:tP,onCancel:tB,isExiting:tl,lightMode:!eQ,accentColor:K.isMultiSelect?"var(--agentation-color-green)":"var(--agentation-color-accent)",style:{left:Math.max(160,Math.min(window.innerWidth-160,e/100*window.innerWidth)),...t>window.innerHeight-290?{bottom:window.innerHeight-t+20}:{top:t+20}}})]})})()]}),ey&&(0,l.jsxs)(l.Fragment,{children:[ey.elementBoundingBoxes?.length?ew.length>0?ew.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,l.jsx)("div",{className:`${E.multiSelectOutline} ${E.enter}`,style:{left:n.left,top:n.top,width:n.width,height:n.height}},`edit-multi-live-${t}`)}):ey.elementBoundingBoxes.map((e,t)=>(0,l.jsx)("div",{className:`${E.multiSelectOutline} ${E.enter}`,style:{left:e.x,top:e.y-ev,width:e.width,height:e.height}},`edit-multi-${t}`)):(()=>{let e=eb&&document.contains(eb)?eb.getBoundingClientRect():null,t=e?{x:e.left,y:e.top,width:e.width,height:e.height}:ey.boundingBox?{x:ey.boundingBox.x,y:ey.isFixed?ey.boundingBox.y:ey.boundingBox.y-ev,width:ey.boundingBox.width,height:ey.boundingBox.height}:null;return t?(0,l.jsx)("div",{className:`${ey.isMultiSelect?E.multiSelectOutline:E.singleSelectOutline} ${E.enter}`,style:{left:t.x,top:t.y,width:t.width,height:t.height,...ey.isMultiSelect?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}}):null})(),(0,l.jsx)(p,{ref:tx,element:ey.element,selectedText:ey.selectedText,computedStyles:function(e){if(!e)return;let t={},n=e.split(";").map(e=>e.trim()).filter(Boolean);for(let e of n){let n=e.indexOf(":");if(n>0){let o=e.slice(0,n).trim(),s=e.slice(n+1).trim();o&&s&&(t[o]=s)}}return Object.keys(t).length>0?t:void 0}(ey.computedStyles),placeholder:"Edit your feedback...",initialValue:ey.comment,submitLabel:"Save",onSubmit:tA,onCancel:tR,onDelete:()=>tE(ey.id),isExiting:tr,lightMode:!eQ,accentColor:ey.isMultiSelect?"var(--agentation-color-green)":"var(--agentation-color-accent)",style:(()=>{let e=ey.isFixed?ey.y:ey.y-ev;return{left:Math.max(160,Math.min(window.innerWidth-160,ey.x/100*window.innerWidth)),...e>window.innerHeight-290?{bottom:window.innerHeight-e+20}:{top:e+20}}})()})]}),td&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{ref:tm,className:E.dragSelection}),(0,l.jsx)("div",{ref:tg,className:E.highlightsContainer})]})]})]}),document.body)}(()=>{if("undefined"==typeof document||document.getElementById("agentation-color-tokens"))return;let e=document.createElement("style");e.id="agentation-color-tokens",e.textContent=[...R.map(e=>` 110 [data-agentation-accent="${e.id}"] { 111 --agentation-color-accent: ${e.srgb}; 112 } 113 114 @supports (color: color(display-p3 0 0 0)) { 115 [data-agentation-accent="${e.id}"] { 116 --agentation-color-accent: ${e.p3}; 117 } 118 } 119 `),`:root { 120 ${R.map(e=>`--agentation-color-${e.id}: ${e.srgb};`).join("\n")} 121 }`,`@supports (color: color(display-p3 0 0 0)) { 122 :root { 123 ${R.map(e=>`--agentation-color-${e.id}: ${e.p3};`).join("\n")} 124 } 125 }`].join(""),document.head.appendChild(e)})()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.