1import{j as t,r as _,b_ as so,bY as Fo}from"./index-CP6ltJpz.js";var Oo=`.styles-module__popup___IhzrD svg[fill=none] { 2 fill: none !important; 3} 4.styles-module__popup___IhzrD svg[fill=none] :not([fill]) { 5 fill: none !important; 6} 7 8@keyframes styles-module__popupEnter___AuQDN { 9 from { 10 opacity: 0; 11 transform: translateX(-50%) scale(0.95) translateY(4px); 12 } 13 to { 14 opacity: 1; 15 transform: translateX(-50%) scale(1) translateY(0); 16 } 17} 18@keyframes styles-module__popupExit___JJKQX { 19 from { 20 opacity: 1; 21 transform: translateX(-50%) scale(1) translateY(0); 22 } 23 to { 24 opacity: 0; 25 transform: translateX(-50%) scale(0.95) translateY(4px); 26 } 27} 28@keyframes styles-module__shake___jdbWe { 29 0%, 100% { 30 transform: translateX(-50%) scale(1) translateY(0) translateX(0); 31 } 32 20% { 33 transform: translateX(-50%) scale(1) translateY(0) translateX(-3px); 34 } 35 40% { 36 transform: translateX(-50%) scale(1) translateY(0) translateX(3px); 37 } 38 60% { 39 transform: translateX(-50%) scale(1) translateY(0) translateX(-2px); 40 } 41 80% { 42 transform: translateX(-50%) scale(1) translateY(0) translateX(2px); 43 } 44} 45.styles-module__popup___IhzrD { 46 position: fixed; 47 transform: translateX(-50%); 48 width: 280px; 49 padding: 0.75rem 1rem 14px; 50 background: #1a1a1a; 51 border-radius: 16px; 52 box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08); 53 cursor: default; 54 z-index: 100001; 55 font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 56 will-change: transform, opacity; 57 opacity: 0; 58} 59.styles-module__popup___IhzrD.styles-module__enter___L7U7N { 60 animation: styles-module__popupEnter___AuQDN 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 61} 62.styles-module__popup___IhzrD.styles-module__entered___COX-w { 63 opacity: 1; 64 transform: translateX(-50%) scale(1) translateY(0); 65} 66.styles-module__popup___IhzrD.styles-module__exit___5eGjE { 67 animation: styles-module__popupExit___JJKQX 0.15s ease-in forwards; 68} 69.styles-module__popup___IhzrD.styles-module__entered___COX-w.styles-module__shake___jdbWe { 70 animation: styles-module__shake___jdbWe 0.25s ease-out; 71} 72 73.styles-module__header___wWsSi { 74 display: flex; 75 align-items: center; 76 justify-content: space-between; 77 margin-bottom: 0.5625rem; 78} 79 80.styles-module__element___fTV2z { 81 font-size: 0.75rem; 82 font-weight: 400; 83 color: rgba(255, 255, 255, 0.5); 84 max-width: 100%; 85 overflow: hidden; 86 text-overflow: ellipsis; 87 white-space: nowrap; 88 flex: 1; 89} 90 91.styles-module__headerToggle___WpW0b { 92 display: flex; 93 align-items: center; 94 gap: 0.25rem; 95 background: none; 96 border: none; 97 padding: 0; 98 cursor: pointer; 99 flex: 1; 100 min-width: 0; 101 text-align: left; 102} 103.styles-module__headerToggle___WpW0b .styles-module__element___fTV2z { 104 flex: 1; 105} 106 107.styles-module__chevron___ZZJlR { 108 color: rgba(255, 255, 255, 0.5); 109 transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1); 110 flex-shrink: 0; 111} 112.styles-module__chevron___ZZJlR.styles-module__expanded___2Hxgv { 113 transform: rotate(90deg); 114} 115 116.styles-module__stylesWrapper___pnHgy { 117 display: grid; 118 grid-template-rows: 0fr; 119 transition: grid-template-rows 0.3s cubic-bezier(0.16, 1, 0.3, 1); 120} 121.styles-module__stylesWrapper___pnHgy.styles-module__expanded___2Hxgv { 122 grid-template-rows: 1fr; 123} 124 125.styles-module__stylesInner___YYZe2 { 126 overflow: hidden; 127} 128 129.styles-module__stylesBlock___VfQKn { 130 background: rgba(255, 255, 255, 0.05); 131 border-radius: 0.375rem; 132 padding: 0.5rem 0.625rem; 133 margin-bottom: 0.5rem; 134 font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace; 135 font-size: 0.6875rem; 136 line-height: 1.5; 137} 138 139.styles-module__styleLine___1YQiD { 140 color: rgba(255, 255, 255, 0.85); 141 word-break: break-word; 142} 143 144.styles-module__styleProperty___84L1i { 145 color: #c792ea; 146} 147 148.styles-module__styleValue___q51-h { 149 color: rgba(255, 255, 255, 0.85); 150} 151 152.styles-module__timestamp___Dtpsv { 153 font-size: 0.625rem; 154 font-weight: 500; 155 color: rgba(255, 255, 255, 0.35); 156 font-variant-numeric: tabular-nums; 157 margin-left: 0.5rem; 158 flex-shrink: 0; 159} 160 161.styles-module__quote___mcMmQ { 162 font-size: 12px; 163 font-style: italic; 164 color: rgba(255, 255, 255, 0.6); 165 margin-bottom: 0.5rem; 166 padding: 0.4rem 0.5rem; 167 background: rgba(255, 255, 255, 0.05); 168 border-radius: 0.25rem; 169 line-height: 1.45; 170} 171 172.styles-module__textarea___jrSae { 173 width: 100%; 174 padding: 0.5rem 0.625rem; 175 font-size: 0.8125rem; 176 font-family: inherit; 177 background: rgba(255, 255, 255, 0.05); 178 color: #fff; 179 border: 1px solid rgba(255, 255, 255, 0.15); 180 border-radius: 8px; 181 resize: none; 182 outline: none; 183 transition: border-color 0.15s ease; 184} 185.styles-module__textarea___jrSae:focus { 186 border-color: #3c82f7; 187} 188.styles-module__textarea___jrSae.styles-module__green___99l3h:focus { 189 border-color: #34c759; 190} 191.styles-module__textarea___jrSae::placeholder { 192 color: rgba(255, 255, 255, 0.35); 193} 194.styles-module__textarea___jrSae::-webkit-scrollbar {
195 width: 6px; 196} 197.styles-module__textarea___jrSae::-webkit-scrollbar-track { 198 background: transparent; 199} 200.styles-module__textarea___jrSae::-webkit-scrollbar-thumb { 201 background: rgba(255, 255, 255, 0.2); 202 border-radius: 3px; 203} 204 205.styles-module__actions___D6x3f { 206 display: flex; 207 justify-content: flex-end; 208 gap: 0.375rem; 209 margin-top: 0.5rem; 210} 211 212.styles-module__cancel___hRjnL, 213.styles-module__submit___K-mIR { 214 padding: 0.4rem 0.875rem; 215 font-size: 0.75rem; 216 font-weight: 500; 217 border-radius: 1rem; 218 border: none; 219 cursor: pointer; 220 transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease; 221} 222 223.styles-module__cancel___hRjnL { 224 background: transparent; 225 color: rgba(255, 255, 255, 0.5); 226} 227.styles-module__cancel___hRjnL:hover { 228 background: rgba(255, 255, 255, 0.1); 229 color: rgba(255, 255, 255, 0.8); 230} 231 232.styles-module__submit___K-mIR { 233 color: white; 234} 235.styles-module__submit___K-mIR:hover:not(:disabled) { 236 filter: brightness(0.9); 237} 238.styles-module__submit___K-mIR:disabled { 239 cursor: not-allowed; 240} 241 242.styles-module__deleteWrapper___oSjdo { 243 margin-right: auto; 244} 245 246.styles-module__deleteButton___4VuAE { 247 cursor: pointer; 248 display: flex; 249 align-items: center; 250 justify-content: center; 251 width: 28px; 252 height: 28px; 253 border-radius: 50%; 254 border: none; 255 background: transparent; 256 color: rgba(255, 255, 255, 0.4); 257 transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease; 258} 259.styles-module__deleteButton___4VuAE:hover { 260 background: rgba(255, 59, 48, 0.25); 261 color: #ff3b30; 262} 263.styles-module__deleteButton___4VuAE:active { 264 transform: scale(0.92); 265} 266 267.styles-module__light___6AaSQ.styles-module__popup___IhzrD { 268 background: #fff; 269 box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.06); 270} 271.styles-module__light___6AaSQ .styles-module__element___fTV2z { 272 color: rgba(0, 0, 0, 0.6); 273} 274.styles-module__light___6AaSQ .styles-module__timestamp___Dtpsv { 275 color: rgba(0, 0, 0, 0.4); 276} 277.styles-module__light___6AaSQ .styles-module__chevron___ZZJlR { 278 color: rgba(0, 0, 0, 0.4); 279} 280.styles-module__light___6AaSQ .styles-module__stylesBlock___VfQKn { 281 background: rgba(0, 0, 0, 0.03); 282} 283.styles-module__light___6AaSQ .styles-module__styleLine___1YQiD { 284 color: rgba(0, 0, 0, 0.75); 285} 286.styles-module__light___6AaSQ .styles-module__styleProperty___84L1i { 287 color: #7c3aed; 288} 289.styles-module__light___6AaSQ .styles-module__styleValue___q51-h { 290 color: rgba(0, 0, 0, 0.75); 291} 292.styles-module__light___6AaSQ .styles-module__quote___mcMmQ { 293 color: rgba(0, 0, 0, 0.55); 294 background: rgba(0, 0, 0, 0.04); 295} 296.styles-module__light___6AaSQ .styles-module__textarea___jrSae { 297 background: rgba(0, 0, 0, 0.03); 298 color: #1a1a1a; 299 border-color: rgba(0, 0, 0, 0.12); 300} 301.styles-module__light___6AaSQ .styles-module__textarea___jrSae::placeholder { 302 color: rgba(0, 0, 0, 0.4); 303} 304.styles-module__light___6AaSQ .styles-module__textarea___jrSae::-webkit-scrollbar-thumb { 305 background: rgba(0, 0, 0, 0.15); 306} 307.styles-module__light___6AaSQ .styles-module__cancel___hRjnL { 308 color: rgba(0, 0, 0, 0.5); 309} 310.styles-module__light___6AaSQ .styles-module__cancel___hRjnL:hover { 311 background: rgba(0, 0, 0, 0.06); 312 color: rgba(0, 0, 0, 0.75); 313} 314.styles-module__light___6AaSQ .styles-module__deleteButton___4VuAE { 315 color: rgba(0, 0, 0, 0.4); 316} 317.styles-module__light___6AaSQ .styles-module__deleteButton___4VuAE:hover { 318 background: rgba(255, 59, 48, 0.15); 319 color: #ff3b30; 320}`,Do={popup:"styles-module__popup___IhzrD",enter:"styles-module__enter___L7U7N",popupEnter:"styles-module__popupEnter___AuQDN",entered:"styles-module__entered___COX-w",exit:"styles-module__exit___5eGjE",popupExit:"styles-module__popupExit___JJKQX",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",green:"styles-module__green___99l3h",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(typeof document<"u"){let e=document.getElementById("feedback-tool-styles-annotation-popup-css-styles");e||(e=document.createElement("style"),e.id="feedback-tool-styles-annotation-popup-css-styles",e.textContent=Oo,document.head.appendChild(e))}var z=Do,zo=`.icon-transitions-module__iconState___uqK9J { 321 transition: opacity 0.2s ease, transform 0.2s ease; 322 transform-origin: center; 323} 324 325.icon-transitions-module__iconStateFast___HxlMm { 326 transition: opacity 0.15s ease, transform 0.15s ease; 327 transform-origin: center; 328} 329 330.icon-transitions-module__iconFade___nPwXg { 331 transition: opacity 0.2s ease; 332} 333 334.icon-transitions-module__iconFadeFast___Ofb2t { 335 transition: opacity 0.15s ease; 336} 337 338.icon-transitions-module__visible___PlHsU { 339 opacity: 1 !important; 340} 341 342.icon-transitions-module__visibleScaled___8Qog- { 343 opacity: 1 !important; 344 transform: scale(1); 345} 346 347.icon-transitions-module__hidden___ETykt { 348 opacity: 0 !important; 349} 350 351.icon-transitions-module__hiddenScaled___JXn-m { 352 opacity: 0 !important; 353 transform: scale(0.8); 354} 355 356.icon-transitions-module__sending___uaLN- { 357 opacity: 0.5 !important; 358 transform: scale(0.8); 359}`,Xo={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-"};if(typeof document<"u"){let e=document.getElementById("feedback-tool-styles-components-icon-transitions");e||(e=document.createElement("style"),e.id="feedback-tool-styles-components-icon-transitions",e.textContent=zo,document.head.appendChild(e))}var W=Xo,Qo=({size:e=16})=>t.jsx("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",children:t.jsx("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),Uo=({size:e=16})=>t.jsx("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",children:t.jsx("path",{d:"M8 3v10M3 8h10",
359stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),Gs=({size:e=16})=>t.jsx("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",children:t.jsx("path",{d:"M3 8l3.5 3.5L13 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),qs=({size:e=14})=>t.jsx("svg",{width:e,height:e,viewBox:"0 0 14 14",fill:"none",children:t.jsx("path",{d:"M3.9375 7L6.125 9.1875L10.5 4.8125",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Zo=({size:e=24,style:n={}})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:n,children:[t.jsxs("g",{clipPath:"url(#clip0_list_sparkle)",children:[t.jsx("path",{d:"M11.5 12L5.5 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M18.5 6.75L5.5 6.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M9.25 17.25L5.5 17.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.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"})]}),t.jsx("defs",{children:t.jsx("clipPath",{id:"clip0_list_sparkle",children:t.jsx("rect",{width:"24",height:"24",fill:"white"})})})]}),Je=({size:e=20})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",children:[t.jsx("circle",{cx:"10",cy:"10.5",r:"5.25",stroke:"currentColor",strokeWidth:"1.25"}),t.jsx("path",{d:"M8.5 8.75C8.5 7.92 9.17 7.25 10 7.25C10.83 7.25 11.5 7.92 11.5 8.75C11.5 9.58 10.83 10.25 10 10.25V11",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("circle",{cx:"10",cy:"13",r:"0.75",fill:"currentColor"})]}),ro=({size:e=14})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 14 14",fill:"none",children:[t.jsx("style",{children:` 360 @keyframes checkDraw { 361 0% { 362 stroke-dashoffset: 12; 363 } 364 100% { 365 stroke-dashoffset: 0; 366 } 367 } 368 @keyframes checkBounce { 369 0% { 370 transform: scale(0.5); 371 opacity: 0; 372 } 373 50% { 374 transform: scale(1.12); 375 opacity: 1; 376 } 377 75% { 378 transform: scale(0.95); 379 } 380 100% { 381 transform: scale(1); 382 } 383 } 384 .check-path-animated { 385 stroke-dasharray: 12; 386 stroke-dashoffset: 0; 387 transform-origin: center; 388 animation: checkDraw 0.18s ease-out, checkBounce 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); 389 } 390 `}),t.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"})]}),er=({size:e=16})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.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"}),t.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"})]}),Vo=({size:e=24,copied:n=!1})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.jsxs("g",{className:`${W.iconState} ${n?W.hiddenScaled:W.visibleScaled}`,children:[t.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"}),t.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"})]}),t.jsxs("g",{className:`${W.iconState} ${n?W.visibleScaled:W.hiddenScaled}
390`,children:[t.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:"#22c55e",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"#22c55e",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})]}),Jo=({size:e=24,state:n="idle"})=>{const r=n==="idle",i=n==="sent",u=n==="failed",a=n==="sending";return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.jsx("g",{className:`${W.iconStateFast} ${r?W.visibleScaled:a?W.sending:W.hiddenScaled}`,children:t.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"})}),t.jsxs("g",{className:`${W.iconStateFast} ${i?W.visibleScaled:W.hiddenScaled}`,children:[t.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:"#22c55e",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"#22c55e",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),t.jsxs("g",{className:`${W.iconStateFast} ${u?W.visibleScaled:W.hiddenScaled}`,children:[t.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:"#ef4444",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M12 8V12",stroke:"#ef4444",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("circle",{cx:"12",cy:"15",r:"0.5",fill:"#ef4444",stroke:"#ef4444",strokeWidth:"1"})]})]})},tr=({size:e=24,sent:n=!1})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 22 21",fill:"none",children:[t.jsxs("g",{className:`${W.iconState} ${n?W.hiddenScaled:W.visibleScaled}`,children:[t.jsx("path",{d:"M9.5 5H6.5C4.84315 5 3.5 6.34315 3.5 8V15C3.5 16.6569 4.84315 18 6.5 18H13.5C15.1569 18 16.5 16.6569 16.5 15V12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M13.5 8.5L18.5 3.5M18.5 3.5L14.4524 3.5M18.5 3.5L18.5 7.54762",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M7.5 13.75H12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M7.5 10.75H10.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),t.jsxs("g",{className:`${W.iconState} ${n?W.visibleScaled:W.hiddenScaled}`,children:[t.jsx("path",{d:"M11 19C6.58172 19 3 15.4182 3 11C3 6.58172 6.58172 3 11 3C15.4182 3 19 6.58172 19 11C19 15.4182 15.4182 19 11 19Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M14 9L10 13.25L8.25 11.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})]}),nr=({size:e=16})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.jsx("path",{d:"M4.91516 12.7108C4.63794 12.2883 4.63705 11.7565 4.91242 11.3328C5.84146 9.9033 8.30909 6.74994 12 6.74994C15.6909 6.74994 18.1585 9.9033 19.0876 11.3328C19.3629 11.7565 19.3621 12.2883 19.0848 12.7108C18.1537 14.13 15.6873 17.2499 12 17.2499C8.31272 17.2499 5.8463 14.13 4.91516 12.7108Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7574 13.2426 9.75 12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),or=({size:e=24})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.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"}),t.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"})]}),sr=({size:e=24})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.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"}),t.jsx("path",{d:"M5 19L19 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),Ko=({size:e=24,isOpen:n=!0})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.jsxs("g",{className:`${W.iconFade} ${n?W.visible:W.hidden}`,children:[t.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"}),t.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"})]}),t.jsxs("g",{className:`${W.iconFade} ${n?W.hidden:W.visible}`,children:[t.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"}),t.jsx("path",{d:"M5 19L19 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})]}),Go=({size:e=24,isPaused:n=!1}
390)=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.jsxs("g",{className:`${W.iconFadeFast} ${n?W.hidden:W.visible}`,children:[t.jsx("path",{d:"M8 6L8 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M16 18L16 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),t.jsx("path",{className:`${W.iconFadeFast} ${n?W.visible:W.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"})]}),rr=({size:e=16})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.jsx("path",{d:"M4.91516 12.7108C4.63794 12.2883 4.63705 11.7565 4.91242 11.3328C5.84146 9.9033 8.30909 6.74994 12 6.74994C15.6909 6.74994 18.1585 9.9033 19.0876 11.3328C19.3629 11.7565 19.3621 12.2883 19.0848 12.7108C18.1537 14.13 15.6873 17.2499 12 17.2499C8.31272 17.2499 5.8463 14.13 4.91516 12.7108Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M9 12H15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),qo=({size:e=16})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.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"}),t.jsx("circle",{cx:"12",cy:"12",r:"2.5",stroke:"currentColor",strokeWidth:"1.5"})]}),lr=({size:e=16})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.jsx("path",{d:"M9.25 5.75C9.80228 5.75 10.25 6.19772 10.25 6.75L10.25 17.25C10.25 17.8023 9.80228 18.25 9.25 18.25L6.75 18.25C6.19772 18.25 5.75 17.8023 5.75 17.25L5.75 6.75C5.75 6.19772 6.19772 5.75 6.75 5.75L9.25 5.75Z",stroke:"currentColor",strokeWidth:"1.5"}),t.jsx("path",{d:"M17.25 5.75C17.8023 5.75 18.25 6.19772 18.25 6.75L18.25 17.25C18.25 17.8023 17.8023 18.25 17.25 18.25L14.75 18.25C14.1977 18.25 13.75 17.8023 13.75 17.25L13.75 6.75C13.75 6.19772 14.1977 5.75 14.75 5.75L17.25 5.75Z",stroke:"currentColor",strokeWidth:"1.5"})]}),ir=({size:e=24})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.jsx("path",{d:"M8 6L8 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("path",{d:"M16 18L16 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),ar=({size:e=16})=>t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:t.jsx("path",{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"})}),es=({size:e=16})=>t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:t.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.
3901099 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"})}),_r=({size:e=16,style:n={}})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:n,children:[t.jsx("path",{d:"M18.8875 19.25L19.6112 19.0533C19.6823 19.3148 19.6068 19.5943 19.4137 19.7844C19.2206 19.9746 18.9399 20.0457 18.6795 19.9706L18.8875 19.25ZM14.9631 18.244L15.263 18.9314L14.9631 18.244ZM18.0914 15.6309L17.4669 15.2156L18.0914 15.6309ZM4.75 11.8041H5.5C5.5 15.2664 8.39065 18.1081 12 18.1081V18.8581V19.6081C7.60123 19.6081 4 16.1334 4 11.8041H4.75ZM19.25 11.8041H18.5C18.5 8.34166 15.6094 5.5 12 5.5V4.75V4C16.3988 4 20 7.47476 20 11.8041H19.25ZM12 4.75V5.5C8.39065 5.5 5.5 8.34166 5.5 11.8041H4.75H4C4 7.47476 7.60123 4 12 4V4.75ZM18.0914 15.6309L17.4669 15.2156C18.1213 14.2315 18.5 13.0612 18.5 11.8041H19.25H20C20 13.3681 19.5276 14.8257 18.716 16.0462L18.0914 15.6309ZM18.8875 19.25L18.1638 19.4467L17.2953 16.2517L18.019 16.055L18.7428 15.8583L19.6112 19.0533L18.8875 19.25ZM12 18.8581V18.1081C12.9509 18.1081 13.8518 17.9105 14.6632 17.5565L14.9631 18.244L15.263 18.9314C14.2652 19.3667 13.1603 19.6081 12 19.6081V18.8581ZM15.3144 18.2188L15.5224 17.4982L19.0955 18.5294L18.8875 19.25L18.6795 19.9706L15.1064 18.9394L15.3144 18.2188ZM14.9631 18.244L14.6632 17.5565C14.925 17.4423 15.2286 17.4134 15.5224 17.4982L15.3144 18.2188L15.1064 18.9394C15.1677 18.957 15.223 18.9489 15.263 18.9314L14.9631 18.244ZM18.0914 15.6309L18.716 16.0462C18.7451 16.0024 18.7636 15.9351 18.7428 15.8583L18.019 16.055L17.2953 16.2517C17.1957 15.8853 17.2716 15.5093 17.4669 15.2156L18.0914 15.6309Z",fill:"currentColor"}),t.jsx("circle",{cx:"15",cy:"11.75",r:"1",fill:"currentColor"}),t.jsx("circle",{cx:"12",cy:"11.75",r:"1",fill:"currentColor"}),t.jsx("circle",{cx:"9",cy:"11.75",r:"1",fill:"currentColor"})]}),cr=({size:e=16})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.jsx("g",{clipPath:"url(#clip0_2_45)",children:t.jsx("path",{d:"M16.25 8.75L10 15.25L7.25 12.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),t.jsx("defs",{children:t.jsx("clipPath",{id:"clip0_2_45",children:t.jsx("rect",{width:"24",height:"24",fill:"white"})})})]}),dr=({size:e=16})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.jsx("g",{clipPath:"url(#clip0_2_37)",children:t.jsx("path",{d:"M17.5962 7.75L9.42308 16.25L6.15385 12.6538",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),t.jsx("defs",{children:t.jsx("clipPath",{id:"clip0_2_37",children:t.jsx("rect",{width:"24",height:"24",fill:"white"})})})]}),ur=({size:e=24})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.jsxs("g",{clipPath:"url(#clip0_checkmark_circle)",children:[t.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:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),t.jsx("defs",{children:t.jsx("clipPath",{id:"clip0_checkmark_circle",children:t.jsx("rect",{width:"24",height:"24",fill:"white"})})})]}),nn=({size:e=16})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[t.jsxs("g",{clipPath:"url(#clip0_2_53)",children:[t.jsx("path",{d:"M16.25 16.25L7.75 7.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M7.75 16.25L16.25 7.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),t.jsx("defs",{children:t.jsx("clipPath",{id:"clip0_2_53",children:t.jsx("rect",{width:"24",height:"24",fill:"white"})})})]}),ts=({size:e=24})=>t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:t.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"})}),ns=({size:e=16})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",children:[t.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"}),t.jsx("path",{d:"M10 3.9585V5.05698",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M10 14.9429V16.0414",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M5.7269 5.72656L6.50682 6.50649",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M13.4932 13.4932L14.2731 14.2731",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M3.95834 10H5.05683",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M14.9432 10H16.0417",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M5.7269 14.2731L6.50682 13.4932",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M13.4932 6.50649L14.2731 5.72656",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]}),os=({size:e=16})=>t.jsx("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",children:t.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
3901C13.657 11.3995 14.6743 11.1058 15.5 10.4955Z",stroke:"currentColor",strokeWidth:"1.13793",strokeLinecap:"round",strokeLinejoin:"round"})}),lo=({size:e=16})=>t.jsx("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.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"})}),ss=({size:e=24})=>t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.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"})}),rs=({size:e=16})=>t.jsx("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M8.5 3.5L4 8L8.5 12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),mr=({size:e=16})=>t.jsx("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M8.5 11.5L12 8L8.5 4.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),pr=({size:e=20,color:n="#4C74FF"})=>t.jsxs("svg",{width:e,height:e,viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("style",{children:` 391 @keyframes bunnyEnterEar { 392 0% { opacity: 0; transform: scale(0.8); } 393 100% { opacity: 1; transform: scale(1); } 394 } 395 @keyframes bunnyEnterFace { 396 0% { opacity: 0; transform: scale(0.9); } 397 100% { opacity: 1; transform: scale(1); } 398 } 399 @keyframes bunnyEnterEye { 400 0% { opacity: 0; transform: scale(0.5); } 401 100% { opacity: 1; transform: scale(1); } 402 } 403 @keyframes leftEyeLook { 404 0%, 8% { transform: translate(0, 0); } 405 10%, 18% { transform: translate(1.5px, 0); } 406 20%, 22% { transform: translate(1.5px, 0) scaleY(0.1); } 407 24%, 32% { transform: translate(1.5px, 0); } 408 35%, 48% { transform: translate(-0.8px, -0.6px); } 409 52%, 54% { transform: translate(0, 0) scaleY(0.1); } 410 56%, 68% { transform: translate(0, 0); } 411 72%, 82% { transform: translate(-0.5px, 0.5px); } 412 85%, 100% { transform: translate(0, 0); } 413 } 414 @keyframes rightEyeLook { 415 0%, 8% { transform: translate(0, 0); } 416 10%, 18% { transform: translate(0.8px, 0); } 417 20%, 22% { transform: translate(0.8px, 0) scaleY(0.1); } 418 24%, 32% { transform: translate(0.8px, 0); } 419 35%, 48% { transform: translate(-1.5px, -0.6px); } 420 52%, 54% { transform: translate(0, 0) scaleY(0.1); } 421 56%, 68% { transform: translate(0, 0); } 422 72%, 82% { transform: translate(-1.2px, 0.5px); } 423 85%, 100% { transform: translate(0, 0); } 424 } 425 @keyframes leftEarTwitch { 426 0%, 9% { transform: rotate(0deg); } 427 12% { transform: rotate(-8deg); } 428 16%, 34% { transform: rotate(0deg); } 429 38% { transform: rotate(-12deg); } 430 42% { transform: rotate(-6deg); } 431 48%, 100% { transform: rotate(0deg); } 432 } 433 @keyframes rightEarTwitch { 434 0%, 9% { transform: rotate(0deg); } 435 12% { transform: rotate(6deg); } 436 16%, 34% { transform: rotate(0deg); } 437 38% { transform: rotate(10deg); } 438 42% { transform: rotate(4deg); } 439 48%, 71% { transform: rotate(0deg); } 440 74% { transform: rotate(8deg); } 441 78%, 100% { transform: rotate(0deg); } 442 } 443 .bunny-eye-left { 444 opacity: 0; 445 animation: bunnyEnterEye 0.3s ease-out 0.35s forwards, leftEyeLook 5s ease-in-out 0.65s infinite; 446 transform-origin: center; 447 transform-box: fill-box; 448 } 449 .bunny-eye-right { 450 opacity: 0; 451 animation: bunnyEnterEye 0.3s ease-out 0.4s forwards, rightEyeLook 5s ease-in-out 0.7s infinite; 452 transform-origin: center; 453 transform-box: fill-box; 454 } 455 .bunny-ear-left { 456 opacity: 0; 457 animation: bunnyEnterEar 0.3s ease-out 0.1s forwards, leftEarTwitch 5s ease-in-out 0.4s infinite; 458 transform-origin: bottom center; 459 transform-box: fill-box; 460 } 461 .bunny-ear-right { 462 opacity: 0; 463 animation: bunnyEnterEar 0.3s ease-out 0.15s forwards, rightEarTwitch 5s ease-in-out 0.45s infinite; 464 transform-origin: bottom center; 465 transform-box: fill-box; 466 } 467 .bunny-face { 468 opacity: 0; 469 animation: bunnyEnterFace 0.3s ease-out 0.25s forwards; 470 transform-origin: center; 471 transform-box: fill-box; 472 } 473 svg:hover .bunny-eye-left, 474 svg:hover .bunny-eye-right { 475 opacity: 0; 476 transition: opacity 0.2s ease; 477 } 478 .bunny-happy-face { 479 opacity: 0; 480 transition: opacity 0.2s ease; 481 } 482 svg:hover .bunny-happy-face { 483 opacity: 1; 484 } 485 `}),t.jsx("rect",{width:"28",height:"28",fill:"transparent"}),t.jsx("path",{className:"bunny-ear-left",d:"M3.738 10.2164L7.224 2.007H9.167L5.676 10.2164H3.738ZM10.791 6.42705C10.791 5.90346 10.726 5.42764 10.596 4.99959C10.47 4.57155 10.292 4.16643 10.063 3.78425C9.833 3.39825 9.56 3.01797 9.243 2.64343C8.926 2.26507 8.767 2.07589 8.767 2.07589L10.24 0.957996C10.24 0.957996 10.433 1.17203 10.819 1.60007C11.209 2.0243 11.559 2.49056 11.869 2.99886C12.178 3.50717 12.413 4.04222 12.574 4.60403C12.734 5.16584 12.814 5.77352 12.814 6.42705C12.814 7.10734 12.73 7.7303 12.562 8.29593C12.394 8.85774 12.153 9.3966 11.84 9.9126C11.526 10.4247 11.181 10.8833 10.802 11.2884C10.428 11.6974 10.24 11.9018 10.24 11.9018L8.767 10.7839C8.767 10.7839 8.924 10.5948 9.237 10.2164C9.554 9.8419 9.83 9.4597 10.063 9.06985C10.3 8.6762 10.479 8.26726 10.602 7.84304C10.728 7.41499 10.791 6.943 10.791 6.42705Z",fill:n}),t.jsx("path",{className:"bunny-ear-right",d:"M15.003 10.2164L18.489 2.007H20.432L16.941 10.2164H15.003ZM22.056 6.42705C22.056 5.90346 21.991 5.42764 21.861 4.99959C21.735 4.57155 21.557 4.16643 21.328 3.78425C21.098 3.39825 20.825 3.01797 20.508 2.64343C20.191 2.26507 20.032 2.07589 20.032 2.07589L21.505 0.957996C21.505 0.957996 21.698 1.17203 22.084 1.60007C22.474 2.0243 22.824 2.49056 23.133 2.99886C23.443 3.50717 23.678 4.04222 23.839 4.60403C23.999 5.16584 24.079 5.77352 24.079 6.42705C24.079 7.10734 23.995 7.7303 23.827 8.29593C23.659 8.85774 23.418 9.3966 23.105 9.9126C22.791 10.4247 22.445 10.8833 22.067 11.2884C21.693 11.6974 21.505 11.9018 21.50
4855 11.9018L20.032 10.7839C20.032 10.7839 20.189 10.5948 20.502 10.2164C20.819 9.8419 21.094 9.4597 21.328 9.06985C21.565 8.6762 21.744 8.26726 21.866 7.84304C21.993 7.41499 22.056 6.943 22.056 6.42705Z",fill:n}),t.jsx("path",{className:"bunny-face",d:"M2.03 20.4328C2.03 20.9564 2.093 21.4322 2.219 21.8602C2.345 22.2883 2.523 22.6953 2.752 23.0813C2.981 23.4635 3.254 23.8419 3.572 24.2164C3.889 24.5948 4.047 24.7839 4.047 24.7839L2.574 25.9018C2.574 25.9018 2.379 25.6878 1.989 25.2598C1.603 24.8355 1.256 24.3693 0.946 23.861C0.636 23.3527 0.401 22.8176 0.241 22.2558C0.08 21.694 0 21.0863 0 20.4328C0 19.7525 0.084 19.1314 0.252 18.5696C0.421 18.004 0.661 17.4651 0.975 16.953C1.288 16.4371 1.632 15.9765 2.007 15.5714C2.385 15.1625 2.574 14.958 2.574 14.958L4.047 16.0759C4.047 16.0759 3.889 16.2651 3.572 16.6434C3.258 17.018 2.983 17.4021 2.746 17.7957C2.513 18.1855 2.335 18.5945 2.213 19.0225C2.091 19.4467 2.03 19.9168 2.03 20.4328ZM23.687 20.4271C23.687 19.9035 23.622 19.4276 23.492 18.9996C23.366 18.5715 23.188 18.1664 22.959 17.7843C22.729 17.3982 22.456 17.018 22.139 16.6434C21.822 16.2651 21.663 16.0759 21.663 16.0759L23.136 14.958C23.136 14.958 23.329 15.172 23.715 15.6001C24.105 16.0243 24.455 16.4906 24.765 16.9989C25.074 17.5072 25.309 18.0422 25.47 18.604C25.63 19.1658 25.71 19.7735 25.71 20.4271C25.71 21.1073 25.626 21.7303 25.458 22.2959C25.29 22.8577 25.049 23.3966 24.736 23.9126C24.422 24.4247 24.077 24.8833 23.698 25.2884C23.324 25.6974 23.136 25.9018 23.136 25.9018L21.663 24.7839C21.663 24.7839 21.82 24.5948 22.133 24.2164C22.45 23.8419 22.726 23.4597 22.959 23.0698C23.196 22.6762 23.375 22.2673 23.498 21.843C23.624 21.415 23.687 20.943 23.687 20.4271Z",fill:n}),t.jsx("circle",{className:"bunny-eye-left",cx:"8.277",cy:"20.466",r:"1.8",fill:n}),t.jsx("circle",{className:"bunny-eye-right",cx:"19.878",cy:"20.466",r:"1.8",fill:n}),t.jsx("text",{className:"bunny-happy-face",x:"14",y:"26",textAnchor:"middle",fontSize:"12",fontWeight:"bold",fill:n,fontFamily:"system-ui, -apple-system, sans-serif",children:"Ë áµ Ë"})]}),fo=["data-feedback-toolbar","data-annotation-popup","data-annotation-marker"],on=fo.flatMap(e=>[`:not([${e}])`,`:not([${e}] *)`]).join(""),mn="feedback-freeze-styles",sn="__agentation_freeze";function ls(){if(typeof window>"u")return{frozen:!1,installed:!0,origSetTimeout:setTimeout,origSetInterval:setInterval,origRAF:n=>0,pausedAnimations:[],frozenTimeoutQueue:[],frozenRAFQueue:[]};const e=window;return e[sn]||(e[sn]={frozen:!1,installed:!1,origSetTimeout:null,origSetInterval:null,origRAF:null,pausedAnimations:[],frozenTimeoutQueue:[],frozenRAFQueue:[]}),e[sn]}var R=ls();typeof window<"u"&&!R.installed&&(R.origSetTimeout=window.setTimeout.bind(window),R.origSetInterval=window.setInterval.bind(window),R.origRAF=window.requestAnimationFrame.bind(window),window.setTimeout=(e,n,...r)=>typeof e=="string"?R.origSetTimeout(e,n):R.origSetTimeout((...i)=>{R.frozen?R.frozenTimeoutQueue.push(()=>e(...i)):e(...i)},n,...r),window.setInterval=(e,n,...r)=>typeof e=="string"?R.origSetInterval(e,n):R.origSetInterval((...i)=>{R.frozen||e(...i)},n,...r),window.requestAnimationFrame=e=>R.origRAF(n=>{R.frozen?R.frozenRAFQueue.push(e):e(n)}),R.installed=!0);var A=R.origSetTimeout,is=R.origSetInterval;function as(e){return e?fo.some(n=>{var r;return!!((r=e.closest)!=null&&r.call(e,`[${n}]`))}):!1}function _s(){if(typeof document>"u"||R.frozen)return;R.frozen=!0,R.frozenTimeoutQueue=[],R.frozenRAFQueue=[];let e=document.getElementById(mn);e||(e=document.createElement("style"),e.id=mn),e.textContent=` 486 *${on}, 487 *${on}::before, 488 *${on}::after { 489 animation-play-state: paused !important; 490 transition: none !important; 491 } 492 `,document.head.appendChild(e),R.pausedAnimations=[];try{document.getAnimations().forEach(n=>{var i;if(n.playState!=="running")return;const r=(i=n.effect)==null?void 0:i.target;as(r)||(n.pause(),R.pausedAnimations.push(n))})}catch{}document.querySelectorAll("video").forEach(n=>{n.paused||(n.dataset.wasPaused="false",n.pause())})}function io(){var r;if(typeof document>"u"||!R.frozen)return;R.frozen=!1;const e=R.frozenTimeoutQueue;R.frozenTimeoutQueue=[];for(const i of e)R.origSetTimeout(()=>{if(R.frozen){R.frozenTimeoutQueue.push(i);return}try{i()}catch(u){console.warn("[agentation] Error replaying queued timeout:",u)}},0);const n=R.frozenRAFQueue;R.frozenRAFQueue=[];for(const i of n)R.origRAF(u=>{if(R.frozen){R.frozenRAFQueue.push(i);return}i(u)});for(const i of R.pausedAnimations)try{i.play()}catch(u){console.warn("[agentation] Error resuming animation:",u)}R.pausedAnimations=[],(r=document.getElementById(mn))==null||r.remove(),document.querySelectorAll("video").forEach(i=>
492{i.dataset.wasPaused==="false"&&(i.play().catch(()=>{}),delete i.dataset.wasPaused)})}function rn(e){if(!e)return;const n=r=>r.stopImmediatePropagation();document.addEventListener("focusin",n,!0),document.addEventListener("focusout",n,!0);try{e.focus()}finally{document.removeEventListener("focusin",n,!0),document.removeEventListener("focusout",n,!0)}}var ao=_.forwardRef(function({element:n,timestamp:r,selectedText:i,placeholder:u="What should change?",initialValue:a="",submitLabel:d="Add",onSubmit:f,onCancel:L,onDelete:K,style:C,accentColor:k="#3c82f7",isExiting:F=!1,lightMode:U=!1,computedStyles:se},$){const[G,T]=_.useState(a),[re,Ee]=_.useState(!1),[$e,He]=_.useState("initial"),[At,Fe]=_.useState(!1),[Me,gt]=_.useState(!1),pe=_.useRef(null),ht=_.useRef(null),q=_.useRef(null),we=_.useRef(null);_.useEffect(()=>{F&&$e!=="exit"&&He("exit")},[F,$e]),_.useEffect(()=>{A(()=>{He("enter")},0);const X=A(()=>{He("entered")},200),Pe=A(()=>{const ge=pe.current;ge&&(rn(ge),ge.selectionStart=ge.selectionEnd=ge.value.length,ge.scrollTop=ge.scrollHeight)},50);return()=>{clearTimeout(X),clearTimeout(Pe),q.current&&clearTimeout(q.current),we.current&&clearTimeout(we.current)}},[]);const ne=_.useCallback(()=>{we.current&&clearTimeout(we.current),Ee(!0),we.current=A(()=>{Ee(!1),rn(pe.current)},250)},[]);_.useImperativeHandle($,()=>({shake:ne}),[ne]);const ue=_.useCallback(()=>{He("exit"),q.current=A(()=>{L()},150)},[L]),Oe=_.useCallback(()=>{G.trim()&&f(G.trim())},[G,f]),Wt=_.useCallback(X=>{X.stopPropagation(),!X.nativeEvent.isComposing&&(X.key==="Enter"&&!X.shiftKey&&(X.preventDefault(),Oe()),X.key==="Escape"&&ue())},[Oe,ue]),y=[z.popup,U?z.light:"",$e==="enter"?z.enter:"",$e==="entered"?z.entered:"",$e==="exit"?z.exit:"",re?z.shake:""].filter(Boolean).join(" ");return t.jsxs("div",{ref:ht,className:y,"data-annotation-popup":!0,style:C,onClick:X=>X.stopPropagation(),children:[t.jsxs("div",{className:z.header,children:[se&&Object.keys(se).length>0?t.jsxs("button",{className:z.headerToggle,onClick:()=>{const X=Me;gt(!Me),X&&A(()=>rn(pe.current),0)},type:"button",children:[t.jsx("svg",{className:`${z.chevron} ${Me?z.expanded:""}`,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M5.5 10.25L9 7.25L5.75 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),t.jsx("span",{className:z.element,children:n})]}):t.jsx("span",{className:z.element,children:n}),r&&t.jsx("span",{className:z.timestamp,children:r})]}),se&&Object.keys(se).length>0&&t.jsx("div",{className:`${z.stylesWrapper} ${Me?z.expanded:""}`,children:t.jsx("div",{className:z.stylesInner,children:t.jsx("div",{className:z.stylesBlock,children:Object.entries(se).map(([X,Pe])=>t.jsxs("div",{className:z.styleLine,children:[t.jsx("span",{className:z.styleProperty,children:X.replace(/([A-Z])/g,"-$1").toLowerCase()}),": ",t.jsx("span",{className:z.styleValue,children:Pe}),";"]},X))})})}),i&&t.jsxs("div",{className:z.quote,children:["â",i.slice(0,80),i.length>80?"...":"","â"]}),t.jsx("textarea",{ref:pe,className:z.textarea,style:{borderColor:At?k:void 0},placeholder:u,value:G,onChange:X=>T(X.target.value),onFocus:()=>Fe(!0),onBlur:()=>Fe(!1),rows:2,onKeyDown:Wt}),t.jsxs("div",{className:z.actions,children:[K&&t.jsx("div",{className:z.deleteWrapper,children:t.jsx("button",{className:z.deleteButton,onClick:K,type:"button",children:t.jsx(ss,{size:22})})}),t.jsx("button",{className:z.cancel,onClick:ue,children:"Cancel"}),t.jsx("button",{className:z.submit,style:{backgroundColor:k,opacity:G.trim()?1:.4},onClick:Oe,disabled:!G.trim(),children:d})]})]})});function qe(e){if(e.parentElement)return e.parentElement;const n=e.getRootNode();return n instanceof ShadowRoot?n.host:null}function _e(e,n){let r=e;for(;r;){if(r.matches(n))return r;r=qe(r)}return null}function gr(e){return e.getRootNode()instanceof ShadowRoot}function hr(e){const n=e.getRootNode();return n instanceof ShadowRoot?n.host:null}function cs(e,n=4){const r=[];let i=e,u=0;for(;i&&u<n;){const a=i.tagName.toLowerCase();if(a==="html"||a==="body")break;let d=a;if(i.id)d=`#${i.id}`;
492else if(i.className&&typeof i.className=="string"){const L=i.className.split(/\s+/).find(K=>K.length>2&&!K.match(/^[a-z]{1,2}$/)&&!K.match(/[A-Z0-9]{5,}/));L&&(d=`.${L.split("_")[0]}`)}const f=qe(i);!i.parentElement&&f&&(d=`â¨shadowâ© ${d}`),r.unshift(d),i=f,u++}return r.join(" > ")}function Rt(e){var i,u,a,d,f,L,K,C;const n=cs(e);if(e.dataset.element)return{name:e.dataset.element,path:n};const r=e.tagName.toLowerCase();if(["path","circle","rect","line","g"].includes(r)){const k=_e(e,"svg");if(k){const F=qe(k);if(F instanceof HTMLElement)return{name:`graphic in ${Rt(F).name}`,path:n}}return{name:"graphic element",path:n}}if(r==="svg"){const k=qe(e);if((k==null?void 0:k.tagName.toLowerCase())==="button"){const F=(i=k.textContent)==null?void 0:i.trim();return{name:F?`icon in "${F}" button`:"button icon",path:n}}return{name:"icon",path:n}}if(r==="button"){const k=(u=e.textContent)==null?void 0:u.trim(),F=e.getAttribute("aria-label");return F?{name:`button [${F}]`,path:n}:{name:k?`button "${k.slice(0,25)}"`:"button",path:n}}if(r==="a"){const k=(a=e.textContent)==null?void 0:a.trim(),F=e.getAttribute("href");return k?{name:`link "${k.slice(0,25)}"`,path:n}:F?{name:`link to ${F.slice(0,30)}`,path:n}:{name:"link",path:n}}if(r==="input"){const k=e.getAttribute("type")||"text",F=e.getAttribute("placeholder"),U=e.getAttribute("name");return F?{name:`input "${F}"`,path:n}:U?{name:`input [${U}]`,path:n}:{name:`${k} input`,path:n}}if(["h1","h2","h3","h4","h5","h6"].includes(r)){const k=(d=e.textContent)==null?void 0:d.trim();return{name:k?`${r} "${k.slice(0,35)}"`:r,path:n}}if(r==="p"){const k=(f=e.textContent)==null?void 0:f.trim();return k?{name:`paragraph: "${k.slice(0,40)}${k.length>40?"...":""}"`,path:n}:{name:"paragraph",path:n}}if(r==="span"||r==="label"){const k=(L=e.textContent)==null?void 0:L.trim();return k&&k.length<40?{name:`"${k}"`,path:n}:{name:r,path:n}}if(r==="li"){const k=(K=e.textContent)==null?void 0:K.trim();return k&&k.length<40?{name:`list item: "${k.slice(0,35)}"`,path:n}:{name:"list item",path:n}}if(r==="blockquote")return{name:"blockquote",path:n};if(r==="code"){const k=(C=e.textContent)==null?void 0:C.trim();return k&&k.length<30?{name:`code: \`${k}\``,path:n}:{name:"code",path:n}}if(r==="pre")return{name:"code block",path:n};if(r==="img"){const k=e.getAttribute("alt");return{name:k?`image "${k.slice(0,30)}"`:"image",path:n}}if(r==="video")return{name:"video",path:n};if(["div","section","article","nav","header","footer","aside","main"].includes(r)){const k=e.className,F=e.getAttribute("role"),U=e.getAttribute("aria-label");if(U)return{name:`${r} [${U}]`,path:n};if(F)return{name:`${F}`,path:n};if(typeof k=="string"&&k){const se=k.split(/[\s_-]+/).map($=>$.replace(/[A-Z0-9]{5,}.*$/,"")).filter($=>$.length>2&&!/^[a-z]{1,2}$/.test($)).slice(0,2);if(se.length>0)return{name:se.join(" "),path:n}}return{name:r==="div"?"container":r,path:n}}return{name:r,path:n}}function at(e){var a,d,f;const n=[],r=(a=e.textContent)==null?void 0:a.trim();r&&r.length<100&&n.push(r);const i=e.previousElementSibling;if(i){const L=(d=i.textContent)==null?void 0:d.trim();L&&L.length<50&&n.unshift(`[before: "${L.slice(0,40)}"]`)}const u=e.nextElementSibling;if(u){const L=(f=u.textContent)==null?void 0:f.trim();L&&L.length<50&&n.push(`[after: "${L.slice(0,40)}"]`)}return n.join(" ")}function fr(e){var r,i;if(e.dataset.element)return e.dataset.element;const n=e.tagName.toLowerCase();if(n==="path")return"path";if(n==="circle")return"circle";if(n==="rect")return"rectangle";if(n==="line")return"line";if(n==="ellipse")return"ellipse";if(n==="polygon")return"polygon";if(n==="g")return"group";if(n==="svg")return"svg";if(n==="button"){const u=(r=e.textContent)==null?void 0:r.trim();return u?`button "${u}"`:"button"}if(n==="input")return`input (${e.getAttribute("type")||"text"})`;if(n==="span"||n==="p"||n==="label"){const u=(i=e.textContent)==null?void 0:i.trim();return u&&u.length<30?`"${u}"`:"text"}if(n==="div"){const u=e.className;if(typeof u=="string"&&u){const a=u.split(/[\s_-]+/).map(d=>d.replace(/[A-Z0-9]{5,}.*$/,"")).filter(d=>d.length>2&&!/^[a-z]{1,2}$/.test(d)).slice(0,2);if(a.length>0)return a.join(" ")}return"container"}return n}function $t(e){const n=qe(e);
492if(!n)return"";const u=(e.getRootNode()instanceof ShadowRoot&&e.parentElement?Array.from(e.parentElement.children):Array.from(n.children)).filter(C=>C!==e&&C instanceof HTMLElement);if(u.length===0)return"";const a=u.slice(0,4).map(C=>{var se;const k=C.tagName.toLowerCase(),F=C.className;let U="";if(typeof F=="string"&&F){const $=F.split(/\s+/).map(G=>G.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(G=>G.length>2&&!/^[a-z]{1,2}$/.test(G));$&&(U=`.${$}`)}if(k==="button"||k==="a"){const $=(se=C.textContent)==null?void 0:se.trim().slice(0,15);if($)return`${k}${U} "${$}"`}return`${k}${U}`});let f=n.tagName.toLowerCase();if(typeof n.className=="string"&&n.className){const C=n.className.split(/\s+/).map(k=>k.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(k=>k.length>2&&!/^[a-z]{1,2}$/.test(k));C&&(f=`.${C}`)}const L=n.children.length,K=L>a.length+1?` (${L} total in ${f})`:"";return a.join(", ")+K}function _t(e){const n=e.className;return typeof n!="string"||!n?"":n.split(/\s+/).filter(i=>i.length>0).map(i=>{const u=i.match(/^([a-zA-Z][a-zA-Z0-9_-]*?)(?:_[a-zA-Z0-9]{5,})?$/);return u?u[1]:i}).filter((i,u,a)=>a.indexOf(i)===u).join(", ")}var yo=new Set(["none","normal","auto","0px","rgba(0, 0, 0, 0)","transparent","static","visible"]),ds=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"]),us=new Set(["input","textarea","select"]),ms=new Set(["img","video","canvas","svg"]),ps=new Set(["div","section","article","nav","header","footer","aside","main","ul","ol","form","fieldset"]);function It(e){if(typeof window>"u")return{};const n=window.getComputedStyle(e),r={},i=e.tagName.toLowerCase();let u;ds.has(i)?u=["color","fontSize","fontWeight","fontFamily","lineHeight"]:i==="button"||i==="a"&&e.getAttribute("role")==="button"?u=["backgroundColor","color","padding","borderRadius","fontSize"]:us.has(i)?u=["backgroundColor","color","padding","borderRadius","fontSize"]:ms.has(i)?u=["width","height","objectFit","borderRadius"]:ps.has(i)?u=["display","padding","margin","gap","backgroundColor"]:u=["color","fontSize","margin","padding","backgroundColor"];for(const a of u){const d=a.replace(/([A-Z])/g,"-$1").toLowerCase(),f=n.getPropertyValue(d);f&&!yo.has(f)&&(r[a]=f)}return r}var gs=["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 Nt(e){if(typeof window>"u")return"";const n=window.getComputedStyle(e),r=[];for(const i of gs){const u=i.replace(/([A-Z])/g,"-$1").toLowerCase(),a=n.getPropertyValue(u);a&&!yo.has(a)&&r.push(`${u}: ${a}`)}return r.join("; ")}function hs(e){if(!e)return;const n={},r=e.split(";").map(i=>i.trim()).filter(Boolean);for(const i of r){const u=i.indexOf(":");if(u>0){const a=i.slice(0,u).trim(),d=i.slice(u+1).trim();a&&d&&(n[a]=d)}}return Object.keys(n).length>0?n:void 0}function Et(e){const n=[],r=e.getAttribute("role"),i=e.getAttribute("aria-label"),u=e.getAttribute("aria-describedby"),a=e.getAttribute("tabindex"),d=e.getAttribute("aria-hidden");return r&&n.push(`role="${r}"`),i&&n.push(`aria-label="${i}"`),u&&n.push(`aria-describedby="${u}"`),a&&n.push(`tabindex=${a}`),d==="true"&&n.push("aria-hidden"),e.matches("a, button, input, select, textarea, [tabindex]")&&n.push("focusable"),n.join(", ")}function Mt(e){const n=[];let r=e;for(;r&&r.tagName.toLowerCase()!=="html";){const i=r.tagName.toLowerCase();let u=i;if(r.id)u=`${i}#${r.id}`;else if(r.className&&typeof r.className=="string"){const d=r.className.split(/\s+/).map(f=>f.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(f=>f.length>2);d&&(u=`${i}.${d}`)}const a=qe(r);!r.parentElement&&a&&(u=`â¨shadowâ© ${u}`),n.unshift(u),r=a}return n.join(" > ")}var pn="feedback-annotations-",bo=7;function Yt(e){return`${pn}${e}`}function ln(e){if(typeof window>"u")return[];try{const n=localStorage.getItem(Yt(e));if(!n)return[];const r=JSON.parse(n),i=Date.now()-bo*24*60*60*1e3;return r.filter(u=>!u.timestamp||u.timestamp>i)}catch{return[]}}function xo(e,n){if(!(typeof window>"u"))try{localStorage.setItem(Yt(e),JSON.stringify(n))}catch{}}function fs(){const e=new Map;if(typeof window>"u")return e;try{const n=Date.now()-bo*24*60*60*1e3;for(let r=0;r<localStorage.length;r++){const i=localStorage.key(r);if(i!=null&&i.startsWith(pn)){const u=i.slice(pn.length),a=localStorage.getItem(i);if(a){const f=JSON.parse(a).filter(L=>!L.timestamp||L.timestamp>n);f.length>0&&e.set(u,f)}}}}catch{}return e}function ct(e,n,r){const i=n.map(u=>({...u,_syncedTo:r}));xo(e,i)}
492var wo="agentation-session-";function hn(e){return`${wo}${e}`}function ys(e){if(typeof window>"u")return null;try{return localStorage.getItem(hn(e))}catch{return null}}function an(e,n){if(!(typeof window>"u"))try{localStorage.setItem(hn(e),n)}catch{}}function bs(e){if(!(typeof window>"u"))try{localStorage.removeItem(hn(e))}catch{}}var ko=`${wo}toolbar-hidden`;function xs(){if(typeof window>"u")return!1;try{return sessionStorage.getItem(ko)==="1"}catch{return!1}}function ws(e){if(!(typeof window>"u"))try{e&&sessionStorage.setItem(ko,"1")}catch{}}async function _n(e,n){const r=await fetch(`${e}/sessions`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:n})});if(!r.ok)throw new Error(`Failed to create session: ${r.status}`);return r.json()}async function _o(e,n){const r=await fetch(`${e}/sessions/${n}`);if(!r.ok)throw new Error(`Failed to get session: ${r.status}`);return r.json()}async function Pt(e,n,r){const i=await fetch(`${e}/sessions/${n}/annotations`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(r)});if(!i.ok)throw new Error(`Failed to sync annotation: ${i.status}`);return i.json()}async function ks(e,n,r){const i=await fetch(`${e}/annotations/${n}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(r)});if(!i.ok)throw new Error(`Failed to update annotation: ${i.status}`);return i.json()}async function co(e,n){const r=await fetch(`${e}/annotations/${n}`,{method:"DELETE"});if(!r.ok)throw new Error(`Failed to delete annotation: ${r.status}`)}var H={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},uo=new Set(["Component","PureComponent","Fragment","Suspense","Profiler","StrictMode","Routes","Route","Outlet","Root","ErrorBoundaryHandler","HotReload","Hot"]),mo=[/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$/],Cs=[/Page$/,/View$/,/Screen$/,/Section$/,/Card$/,/List$/,/Item$/,/Form$/,/Modal$/,/Dialog$/,/Button$/,/Nav$/,/Header$/,/Footer$/,/Layout$/,/Panel$/,/Tab$/,/Menu$/];function vs(e){const n=(e==null?void 0:e.mode)??"filtered";let r=uo;if(e!=null&&e.skipExact){const i=e.skipExact instanceof Set?e.skipExact:new Set(e.skipExact);r=new Set([...uo,...i])}return{maxComponents:(e==null?void 0:e.maxComponents)??6,maxDepth:(e==null?void 0:e.maxDepth)??30,mode:n,skipExact:r,skipPatterns:e!=null&&e.skipPatterns?[...mo,...e.skipPatterns]:mo,userPatterns:(e==null?void 0:e.userPatterns)??Cs,filter:e==null?void 0:e.filter}}function Ss(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z][a-z])/g,"$1-$2").toLowerCase()}function Ls(e,n=10){const r=new Set;let i=e,u=0;for(;i&&u<n;)i.className&&typeof i.className=="string"&&i.className.split(/\s+/).forEach(a=>{if(a.length>1){const d=a.replace(/[_][a-zA-Z0-9]{5,}.*$/,"").toLowerCase();d.length>1&&r.add(d)}}),i=i.parentElement,u++;return r}function js(e,n){const r=Ss(e);for(const i of n){if(i===r)return!0;const u=r.split("-").filter(d=>d.length>2),a=i.split("-").filter(d=>d.length>2);for(const d of u)for(const f of a)if(d===f||d.includes(f)||f.includes(d))return!0}return!1}function $s(e,n,r,i){if(r.filter)return r.filter(e,n);switch(r.mode){case"all":return!0;case"filtered":return!(r.skipExact.has(e)||r.skipPatterns.some(u=>u.test(e)));case"smart":return r.skipExact.has(e)||r.skipPatterns.some(u=>u.test(e))?!1:!!(i&&js(e,i)||r.userPatterns.some(u=>u.test(e)));default:return!0}}var Ke=null,Is=new WeakMap;function cn(e){return Object.keys(e).some(n=>n.startsWith("__reactFiber$")||n.startsWith("__reactInternalInstance$")||n.startsWith("__reactProps$"))}function Ns(){if(Ke!==null)return Ke;if(typeof document>"u")return!1;if(document.body&&cn(document.body))return Ke=!0,!0;const e=["#root","#app","#__next","[data-reactroot]"];for(const n of e){const r=document.querySelector(n);if(r&&cn(r))return Ke=!0,!0}if(document.body){for(const n of document.body.children)if(cn(n))return Ke=!0,!0}return Ke=!1,!1}var dt={map:Is};function Es(e){return Object.keys(e).find(r=>r.startsWith("__reactFiber$")||r.startsWith("__reactInternalInstance$"))||null}function Ms(e){const n=Es(e);return n?e[n]:null}
492function We(e){return e?e.displayName?e.displayName:e.name?e.name:null:null}function Ps(e){var u;const{tag:n,type:r,elementType:i}=e;if(n===H.HostComponent||n===H.HostText||n===H.HostHoistable||n===H.HostSingleton||n===H.Fragment||n===H.Mode||n===H.Profiler||n===H.DehydratedFragment||n===H.HostRoot||n===H.HostPortal||n===H.ScopeComponent||n===H.OffscreenComponent||n===H.LegacyHiddenComponent||n===H.CacheComponent||n===H.TracingMarkerComponent||n===H.Throw||n===H.ViewTransitionComponent||n===H.ActivityComponent)return null;if(n===H.ForwardRef){const a=i;if(a!=null&&a.render){const d=We(a.render);if(d)return d}return a!=null&&a.displayName?a.displayName:We(r)}if(n===H.MemoComponent||n===H.SimpleMemoComponent){const a=i;if(a!=null&&a.type){const d=We(a.type);if(d)return d}return a!=null&&a.displayName?a.displayName:We(r)}if(n===H.ContextProvider){const a=r;return(u=a==null?void 0:a._context)!=null&&u.displayName?`${a._context.displayName}.Provider`:null}if(n===H.ContextConsumer){const a=r;return a!=null&&a.displayName?`${a.displayName}.Consumer`:null}if(n===H.LazyComponent){const a=i;return(a==null?void 0:a._status)===1&&a._result?We(a._result):null}return n===H.SuspenseComponent||n===H.SuspenseListComponent?null:n===H.IncompleteClassComponent||n===H.IncompleteFunctionComponent||n===H.FunctionComponent||n===H.ClassComponent||n===H.IndeterminateComponent?We(r):null}function Ts(e){return e.length<=2||e.length<=3&&e===e.toLowerCase()}function Bs(e,n){const r=vs(n),i=r.mode==="all";if(i){const L=dt.map.get(e);if(L!==void 0)return L}if(!Ns()){const L={path:null,components:[]};return i&&dt.map.set(e,L),L}const u=r.mode==="smart"?Ls(e):void 0,a=[];try{let L=Ms(e),K=0;for(;L&&K<r.maxDepth&&a.length<r.maxComponents;){const C=Ps(L);C&&!Ts(C)&&$s(C,K,r,u)&&a.push(C),L=L.return,K++}}catch{const L={path:null,components:[]};return i&&dt.map.set(e,L),L}
492if(a.length===0){const L={path:null,components:[]};return i&&dt.map.set(e,L),L}const f={path:a.slice().reverse().map(L=>`<${L}>`).join(" "),components:a};return i&&dt.map.set(e,f),f}var ut={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};function Rs(e){if(!e||typeof e!="object")return null;const n=Object.keys(e),r=n.find(a=>a.startsWith("__reactFiber$"));if(r)return e[r]||null;const i=n.find(a=>a.startsWith("__reactInternalInstance$"));if(i)return e[i]||null;const u=n.find(a=>{if(!a.startsWith("__react"))return!1;const d=e[a];return d&&typeof d=="object"&&"_debugSource"in d});return u&&e[u]||null}function pt(e){if(!e.type||typeof e.type=="string")return null;if(typeof e.type=="object"||typeof e.type=="function"){const n=e.type;if(n.displayName)return n.displayName;if(n.name)return n.name}return null}function Ys(e,n=50){var u;let r=e,i=0;for(;r&&i<n;){if(r._debugSource)return{source:r._debugSource,componentName:pt(r)};if((u=r._debugOwner)!=null&&u._debugSource)return{source:r._debugOwner._debugSource,componentName:pt(r._debugOwner)};r=r.return,i++}return null}function As(e){let n=e,r=0;const i=50;for(;n&&r<i;){const u=n,a=["_debugSource","__source","_source","debugSource"];for(const d of a){const f=u[d];if(f&&typeof f=="object"&&"fileName"in f)return{source:f,componentName:pt(n)}}if(n.memoizedProps){const d=n.memoizedProps;if(d.__source&&typeof d.__source=="object"){const f=d.__source;if(f.fileName&&f.lineNumber)return{source:{fileName:f.fileName,lineNumber:f.lineNumber,columnNumber:f.columnNumber},componentName:pt(n)}}}n=n.return,r++}return null}var Tt=new Map;function Ws(e){var u;const n=e.tag,r=e.type,i=e.elementType;if(typeof r=="string"||r==null||typeof r=="function"&&((u=r.prototype)!=null&&u.isReactComponent))return null;if((n===ut.FunctionComponent||n===ut.IndeterminateComponent)&&typeof r=="function")return r;if(n===ut.ForwardRef&&i){const a=i.render;if(typeof a=="function")return a}if((n===ut.MemoComponent||n===ut.SimpleMemoComponent)&&i){const a=i.type;if(typeof a=="function")return a}return typeof r=="function"?r:null}function Hs(){const e=Fo,n=e.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;if(n&&"H"in n)return{get:()=>n.H,set:i=>{n.H=i}};const r=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(r){const i=r.ReactCurrentDispatcher;if(i&&"current"in i)return{get:()=>i.current,set:u=>{i.current=u}}}return null}function Fs(e){const n=e.split(` 493`),r=[/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>/],i=/^\s*at\s+(?:.*?\s+\()?(.+?):(\d+):(\d+)\)?$/,u=/^[^@]*@(.+?):(\d+):(\d+)$/;for(const a of n){const d=a.trim();if(!d||r.some(L=>L.test(d)))continue;const f=i.exec(d)||u.exec(d);if(f)return{fileName:f[1],line:parseInt(f[2],10),column:parseInt(f[3],10)}}return null}function Os(e){let n=e;return n=n.replace(/[?#].*$/,""),n=n.replace(/^turbopack:\/\/\/\[project\]\//,""),n=n.replace(/^webpack-internal:\/\/\/\.\//,""),n=n.replace(/^webpack-internal:\/\/\//,""),n=n.replace(/^webpack:\/\/\/\.\//,""),n=n.replace(/^webpack:\/\/\//,""),n=n.replace(/^turbopack:\/\/\//,""),n=n.replace(/^https?:\/\/[^/]+\//,""),n=n.replace(/^file:\/\/\//,"/"),n=n.replace(/^\([^)]+\)\/\.\//,""),n=n.replace(/^\.\//,""),n}function Ds(e){const n=Ws(e);if(!n)return null;if(Tt.has(n))return Tt.get(n);const r=Hs();if(!r)return Tt.set(n,null),null;const i=r.get();let u=null;try{const a=new Proxy({},{get(){throw new Error("probe")}});r.set(a);try{n({})}catch(d){if(d instanceof Error&&d.message==="probe"&&d.stack){const f=Fs(d.stack);f&&(u={fileName:Os(f.fileName),lineNumber:f.line,columnNumber:f.column,componentName:pt(e)||void 0})}}}finally{r.set(i)}return Tt.set(n,u),u}function zs(e,n=15){let r=e,i=0;for(;r&&i<n;){const u=Ds(r);if(u)return u;r=r.return,i++}return null}function gn(e){const n=Rs(e);if(!n)return{found:!1,reason:"no-fiber",isReactApp:!1,isProduction:!1};let r=Ys(n);if(r||(r=As(n)),r!=null&&r.source)return{found:!0,source:{fileName:r.source.fileName,lineNumber:r.source.lineNumber,columnNumber:r.source.columnNumber,componentName:r.componentName||void 0},isReactApp:!0,isProduction:!1};const i=zs(n);return i?{found:!0,source:i,isReactApp:!0,isProduction:!1}:{found:!1,reason:"no-debug-source",isReactApp:!0,isProduction:!1}}function Xs(e,n="path"){const{fileName:r,lineNumber:i,columnNumber:u}=e;let a=`${r}:${i}`;return u!==void 0&&(a+=`:${u}`),n==="vscode"?`vscode://file${r.startsWith("/")?"":"/"}${a}`:a}function Qs(e,n=10){let r=e,i=0;for(;r&&i<n;){const u=gn(r);if(u.found)return u;r=r.parentElement,i++}return gn(e)}var Us=`.styles-module__toolbar___wNsdK svg[fill=none], 494.styles-module__markersLayer___-25j1 svg[fill=none], 495.styles-module__fixedMarkersLayer___ffyX6 svg[fill=none] { 496 fill: none !important; 497} 498.styles-module__toolbar___wNsdK svg[fill=none] :not([fill]), 499.styles-module__markersLayer___-25j1 svg[fill=none] :not([fill]), 500.styles-module__fixedMarkersLayer___ffyX6 svg[fill=none] :not([fill]) { 501 fill: none !important; 502} 503 504.styles-module__toolbar___wNsdK :where(button, input, select, textarea, label) { 505 background: unset; 506 border: unset; 507 border-radius: unset; 508 padding: unset; 509 margin: unset; 510 color: unset; 511 font: unset; 512 letter-spacing: unset; 513 text-transform: unset; 514 text-decoration: unset; 515 box-shadow: unset; 516 outline: unset; 517} 518 519@keyframes styles-module__toolbarEnter___u8RRu { 520 from { 521 opacity: 0; 522 transform: scale(0.5) rotate(90deg); 523 } 524 to { 525 opacity: 1; 526 transform: scale(1) rotate(0deg); 527 } 528} 529@keyframes styles-module__toolbarHide___y8kaT { 530 from { 531 opacity: 1; 532 transform: scale(1); 533 } 534 to { 535 opacity: 0; 536 transform: scale(0.8); 537 } 538} 539@keyframes styles-module__badgeEnter___mVQLj { 540 from { 541 opacity: 0; 542 transform: scale(0); 543 } 544 to { 545 opacity: 1; 546 transform: scale(1); 547 } 548} 549@keyframes styles-module__scaleIn___c-r1K { 550 from { 551 opacity: 0; 552 transform: scale(0.85); 553 } 554 to { 555 opacity: 1; 556 transform: scale(1); 557 } 558} 559@keyframes styles-module__scaleOut___Wctwz { 560 from { 561 opacity: 1; 562 transform: scale(1); 563 } 564 to { 565 opacity: 0; 566 transform: scale(0.85); 567 } 568} 569@keyframes styles-module__slideUp___kgD36 { 570 from { 571 opacity: 0; 572 transform: scale(0.85) translateY(8px); 573 } 574 to { 575 opacity: 1; 576 transform: scale(1) translateY(0); 577 } 578} 579@keyframes styles-module__slideDown___zcdje { 580 from { 581 opacity: 1; 582 transform: scale(1) translateY(0); 583 } 584 to { 585 opacity: 0; 586 transform: scale(0.85) translateY(8px); 587 } 588} 589@keyframes styles-module__markerIn___5FaAP { 590 0% { 591 opacity: 0; 592 transform: translate(-50%, -50%) scale(0.3); 593 } 594 100% { 595 opacity: 1; 596 transform: translate(-50%, -50%) scale(1); 597 } 598} 599@keyframes styles-module__markerOut___GU5jX { 600 0% { 601 opacity: 1; 602 transform: translate(-50%, -50%) scale(1); 603 } 604 100% { 605 opacity: 0; 606 transform: translate(-50%, -50%) scale(0.3); 607 } 608} 609@keyframes styles-module__fadeIn___b9qmf { 610 from { 611 opacity: 0; 612 } 613 to { 614 opacity: 1; 615 } 616} 617@keyframes styles-module__fadeOut___6Ut6- { 618 from { 619 opacity: 1; 620 } 621 to { 622 opacity: 0; 623 } 624} 625@keyframes styles-module__tooltipIn___0N31w { 626 from { 627 opacity: 0; 628 transform: translateX(-50%) translateY(2px) scale(0.891); 629 } 630 to { 631 opacity: 1; 632 transform: translateX(-50%) translateY(0) scale(0.909); 633 } 634} 635@keyframes styles-module__hoverHighlightIn___6WYHY { 636 from { 637 opacity: 0; 638 transform: scale(0.98); 639 } 640 to { 641 opacity: 1; 642 transform: scale(1); 643 } 644} 645@keyframes styles-module__hoverTooltipIn___FYGQx { 646 from { 647 opacity: 0; 648 transform: scale(0.95) translateY(4px); 649 } 650 to { 651 opacity: 1; 652 transform: scale(1) translateY(0); 653 } 654} 655@keyframes styles-module__settingsPanelIn___MGfO8 { 656 from { 657 opacity: 0; 658 transform: translateY(10px) scale(0.95); 659 filter: blur(5px); 660 } 661 to { 662 opacity: 1; 663 transform: translateY(0) scale(1); 664 filter: blur(0px); 665 } 666} 667@keyframes styles-module__settingsPanelOut___Zfymi { 668 from { 669 opacity: 1; 670 transform: translateY(0) scale(1); 671 filter: blur(0px); 672 } 673 to { 674 opacity: 0; 675 transform: translateY(20px) scale(0.95); 676 filter: blur(5px); 677 } 678} 679.styles-module__toolbar___wNsdK { 680 position: fixed; 681 bottom: 1.25rem; 682 right: 1.25rem; 683 width: 297px; 684 z-index: 100000; 685 font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 686 pointer-events: none; 687 transition: left 0s, top 0s, right 0s, bottom 0s; 688} 689 690.styles-module__toolbarContainer___dIhma { 691 user-select: none; 692 margin-left: auto; 693 align-self: flex-end; 694 display: flex; 695 align-items: center; 696 justify-content: center; 697 background: #1a1a1a; 698 color: #fff; 699 border: none; 700 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1); 701 pointer-events: auto; 702 cursor: grab; 703 transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); 704} 705.styles-module__toolbarContainer___dIhma.styles-module__dragging___xrolZ { 706 transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1); 707 cursor: grabbing; 708} 709.styles-module__toolbarContainer___dIhma.styles-module__entrance___sgHd8 { 710 animation: styles-module__toolbarEnter___u8RRu 0.5s cubic-bezier(0.34, 1.2, 0.64, 1) forwards; 711} 712.styles-module__toolbarContainer___dIhma.styles-module__hiding___1td44 { 713 animation: styles-module__toolbarHide___y8kaT 0.4s cubic-bezier(0.4, 0, 1, 1) forwards; 714 pointer-events: none; 715} 716.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn { 717 width: 44px; 718 height: 44px; 719 border-radius: 22px; 720 padding: 0; 721 cursor: pointer; 722} 723.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn svg {
724 margin-top: -1px; 725} 726.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover { 727 background: #2a2a2a; 728} 729.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:active { 730 transform: scale(0.95); 731} 732.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx { 733 height: 44px; 734 border-radius: 1.5rem; 735 padding: 0.375rem; 736 width: 257px; 737} 738.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx.styles-module__serverConnected___Gfbou { 739 width: 297px; 740} 741 742.styles-module__toggleContent___0yfyP { 743 position: absolute; 744 display: flex; 745 align-items: center; 746 justify-content: center; 747 transition: opacity 0.1s cubic-bezier(0.19, 1, 0.22, 1); 748} 749.styles-module__toggleContent___0yfyP.styles-module__visible___KHwEW { 750 opacity: 1; 751 visibility: visible; 752 pointer-events: auto; 753} 754.styles-module__toggleContent___0yfyP.styles-module__hidden___Ae8H4 { 755 opacity: 0; 756 pointer-events: none; 757} 758 759.styles-module__controlsContent___9GJWU { 760 display: flex; 761 align-items: center; 762 gap: 0.375rem; 763 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); 764} 765.styles-module__controlsContent___9GJWU.styles-module__visible___KHwEW { 766 opacity: 1; 767 filter: blur(0px); 768 transform: scale(1); 769 visibility: visible; 770 pointer-events: auto; 771} 772.styles-module__controlsContent___9GJWU.styles-module__hidden___Ae8H4 { 773 pointer-events: none; 774 opacity: 0; 775 filter: blur(10px); 776 transform: scale(0.4); 777} 778 779.styles-module__badge___2XsgF { 780 position: absolute; 781 top: -13px; 782 right: -13px; 783 user-select: none; 784 min-width: 18px; 785 height: 18px; 786 padding: 0 5px; 787 border-radius: 9px; 788 background: #3c82f7; 789 color: white; 790 font-size: 0.625rem; 791 font-weight: 600; 792 display: flex; 793 align-items: center; 794 justify-content: center; 795 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.04); 796 opacity: 1; 797 transition: transform 0.3s ease, opacity 0.2s ease; 798 transform: scale(1); 799} 800.styles-module__badge___2XsgF.styles-module__fadeOut___6Ut6- { 801 opacity: 0; 802 transform: scale(0); 803 pointer-events: none; 804} 805.styles-module__badge___2XsgF.styles-module__entrance___sgHd8 { 806 animation: styles-module__badgeEnter___mVQLj 0.3s cubic-bezier(0.34, 1.2, 0.64, 1) 0.4s both; 807} 808 809.styles-module__controlButton___8Q0jc { 810 position: relative; 811 cursor: pointer !important; 812 display: flex; 813 align-items: center; 814 justify-content: center; 815 width: 34px; 816 height: 34px; 817 border-radius: 50%; 818 border: none; 819 background: transparent; 820 color: rgba(255, 255, 255, 0.85); 821 transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease, opacity 0.2s ease; 822} 823.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]) { 824 background: rgba(255, 255, 255, 0.12); 825 color: #fff; 826} 827.styles-module__controlButton___8Q0jc:active:not(:disabled) { 828 transform: scale(0.92); 829} 830.styles-module__controlButton___8Q0jc:disabled { 831 opacity: 0.35; 832 cursor: not-allowed; 833} 834.styles-module__controlButton___8Q0jc[data-active=true] { 835 color: #3c82f7; 836 background: rgba(60, 130, 247, 0.25); 837} 838.styles-module__controlButton___8Q0jc[data-error=true] { 839 color: #ff3b30; 840 background: rgba(255, 59, 48, 0.25); 841} 842.styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) { 843 background: rgba(255, 59, 48, 0.25); 844 color: #ff3b30; 845} 846.styles-module__controlButton___8Q0jc[data-no-hover=true], .styles-module__controlButton___8Q0jc.styles-module__statusShowing___te6iu { 847 cursor: default !important; 848 pointer-events: none; 849 background: transparent !important; 850} 851.styles-module__controlButton___8Q0jc[data-auto-sync=true] { 852 color: #34c759; 853 background: transparent; 854 cursor: default; 855} 856.styles-module__controlButton___8Q0jc[data-failed=true] { 857 color: #ff3b30; 858 background: rgba(255, 59, 48, 0.25); 859} 860 861.styles-module__buttonBadge___NeFWb { 862 position: absolute; 863 top: 0px; 864 right: 0px; 865 min-width: 16px; 866 height: 16px; 867 padding: 0 4px; 868 border-radius: 8px; 869 background: #3c82f7; 870 color: white; 871 font-size: 0.625rem; 872 font-weight: 600; 873 display: flex; 874 align-items: center; 875 justify-content: center; 876 box-shadow: 0 0 0 2px #1a1a1a, 0 1px 3px rgba(0, 0, 0, 0.2); 877 pointer-events: none; 878} 879.styles-module__buttonBadge___NeFWb.styles-module__light___r6n4Y { 880 box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(0, 0, 0, 0.2); 881} 882 883@keyframes styles-module__mcpIndicatorPulseConnected___EDodZ { 884 0%, 100% { 885 box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.5); 886 } 887 50% { 888 box-shadow: 0 0 0 5px rgba(52, 199, 89, 0); 889 } 890} 891@keyframes styles-module__mcpIndicatorPulseConnecting___cCYte {
892 0%, 100% { 893 box-shadow: 0 0 0 0 rgba(245, 166, 35, 0.5); 894 } 895 50% { 896 box-shadow: 0 0 0 5px rgba(245, 166, 35, 0); 897 } 898} 899.styles-module__mcpIndicator___zGJeL { 900 position: absolute; 901 top: 3px; 902 right: 3px; 903 width: 6px; 904 height: 6px; 905 border-radius: 50%; 906 pointer-events: none; 907 transition: background 0.3s ease, opacity 0.15s ease, transform 0.15s ease; 908 opacity: 1; 909 transform: scale(1); 910} 911.styles-module__mcpIndicator___zGJeL.styles-module__connected___7c28g { 912 background: #34c759; 913 animation: styles-module__mcpIndicatorPulseConnected___EDodZ 2.5s ease-in-out infinite; 914} 915.styles-module__mcpIndicator___zGJeL.styles-module__connecting___uo-CW { 916 background: #f5a623; 917 animation: styles-module__mcpIndicatorPulseConnecting___cCYte 1.5s ease-in-out infinite; 918} 919.styles-module__mcpIndicator___zGJeL.styles-module__hidden___Ae8H4 { 920 opacity: 0; 921 transform: scale(0); 922 animation: none; 923} 924 925@keyframes styles-module__connectionPulse___-Zycw { 926 0%, 100% { 927 opacity: 1; 928 transform: scale(1); 929 } 930 50% { 931 opacity: 0.6; 932 transform: scale(0.9); 933 } 934} 935.styles-module__connectionIndicatorWrapper___L-e-3 { 936 width: 8px; 937 height: 34px; 938 margin-left: 6px; 939 margin-right: 6px; 940} 941 942.styles-module__connectionIndicator___afk9p { 943 position: relative; 944 width: 8px; 945 height: 8px; 946 border-radius: 50%; 947 opacity: 0; 948 transition: opacity 0.3s ease, background 0.3s ease; 949 cursor: default; 950} 951 952.styles-module__connectionIndicatorVisible___C-i5B { 953 opacity: 1; 954} 955 956.styles-module__connectionIndicatorConnected___IY8pR { 957 background: #34c759; 958 animation: styles-module__connectionPulse___-Zycw 2.5s ease-in-out infinite; 959} 960 961.styles-module__connectionIndicatorDisconnected___kmpaZ { 962 background: #ff3b30; 963 animation: none; 964} 965 966.styles-module__connectionIndicatorConnecting___QmSLH { 967 background: #f59e0b; 968 animation: styles-module__connectionPulse___-Zycw 1s ease-in-out infinite; 969} 970 971.styles-module__buttonWrapper___rBcdv { 972 position: relative; 973 display: flex; 974 align-items: center; 975 justify-content: center; 976} 977.styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 { 978 opacity: 1; 979 visibility: visible; 980 transform: translateX(-50%) scale(1); 981 transition-delay: 0.85s; 982} 983.styles-module__buttonWrapper___rBcdv:has(.styles-module__controlButton___8Q0jc:disabled):hover .styles-module__buttonTooltip___Burd9 { 984 opacity: 0; 985 visibility: hidden; 986} 987 988.styles-module__tooltipsInSession___-0lHH .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 { 989 transition-delay: 0s; 990} 991 992.styles-module__sendButtonWrapper___UUxG6 { 993 width: 0; 994 opacity: 0; 995 overflow: hidden; 996 pointer-events: none; 997 margin-left: -0.375rem; 998 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); 999} 1000.styles-module__sendButtonWrapper___UUxG6 .styles-module__controlButton___8Q0jc { 1001 transform: scale(0.8); 1002 transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); 1003} 1004.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU { 1005 width: 34px; 1006 opacity: 1; 1007 overflow: visible; 1008 pointer-events: auto; 1009 margin-left: 0; 1010} 1011.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU .styles-module__controlButton___8Q0jc { 1012 transform: scale(1); 1013} 1014 1015.styles-module__buttonTooltip___Burd9 { 1016 position: absolute; 1017 bottom: calc(100% + 14px); 1018 left: 50%; 1019 transform: translateX(-50%) scale(0.95); 1020 padding: 6px 10px; 1021 background: #1a1a1a; 1022 color: rgba(255, 255, 255, 0.9); 1023 font-size: 12px; 1024 font-weight: 500; 1025 border-radius: 8px; 1026 white-space: nowrap; 1027 opacity: 0; 1028 visibility: hidden; 1029 pointer-events: none; 1030 z-index: 100001; 1031 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); 1032 transition: opacity 0.135s ease, transform 0.135s ease, visibility 0.135s ease; 1033} 1034.styles-module__buttonTooltip___Burd9::after { 1035 content: ""; 1036 position: absolute; 1037 top: calc(100% - 4px); 1038 left: 50%; 1039 transform: translateX(-50%) rotate(45deg); 1040 width: 8px; 1041 height: 8px; 1042 background: #1a1a1a; 1043 border-radius: 0 0 2px 0; 1044} 1045 1046.styles-module__shortcut___lEAQk { 1047 margin-left: 4px; 1048 opacity: 0.5; 1049} 1050 1051.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9 { 1052 bottom: auto; 1053 top: calc(100% + 14px); 1054 transform: translateX(-50%) scale(0.95); 1055} 1056.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9::after { 1057 top: -4px; 1058 bottom: auto; 1059 border-radius: 2px 0 0 0; 1060} 1061 1062.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapper___rBcdv:hover .
1062styles-module__buttonTooltip___Burd9 { 1063 transform: translateX(-50%) scale(1); 1064} 1065 1066.styles-module__tooltipsHidden___VtLJG .styles-module__buttonTooltip___Burd9 { 1067 opacity: 0 !important; 1068 visibility: hidden !important; 1069 transition: none !important; 1070} 1071 1072.styles-module__tooltipVisible___0jcCv, 1073.styles-module__tooltipsHidden___VtLJG .styles-module__tooltipVisible___0jcCv { 1074 opacity: 1 !important; 1075 visibility: visible !important; 1076 transform: translateX(-50%) scale(1) !important; 1077 transition-delay: 0s !important; 1078} 1079 1080.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 { 1081 left: 50%; 1082 transform: translateX(-12px) scale(0.95); 1083} 1084.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9::after { 1085 left: 16px; 1086} 1087.styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 { 1088 transform: translateX(-12px) scale(1); 1089} 1090 1091.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 { 1092 transform: translateX(-12px) scale(0.95); 1093} 1094.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 { 1095 transform: translateX(-12px) scale(1); 1096} 1097 1098.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 { 1099 left: 50%; 1100 transform: translateX(calc(-100% + 12px)) scale(0.95); 1101} 1102.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9::after { 1103 left: auto; 1104 right: 8px; 1105} 1106.styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 { 1107 transform: translateX(calc(-100% + 12px)) scale(1); 1108} 1109 1110.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 { 1111 transform: translateX(calc(-100% + 12px)) scale(0.95); 1112} 1113.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 { 1114 transform: translateX(calc(-100% + 12px)) scale(1); 1115} 1116 1117.styles-module__divider___c--s1 { 1118 width: 1px; 1119 height: 12px; 1120 background: rgba(255, 255, 255, 0.15); 1121 margin: 0 0.125rem; 1122} 1123 1124.styles-module__overlay___Q1O9y { 1125 position: fixed; 1126 inset: 0; 1127 z-index: 99997; 1128 pointer-events: none; 1129} 1130.styles-module__overlay___Q1O9y > * { 1131 pointer-events: auto; 1132} 1133 1134.styles-module__hoverHighlight___ogakW { 1135 position: fixed; 1136 border: 2px solid rgba(60, 130, 247, 0.5); 1137 border-radius: 4px; 1138 pointer-events: none !important; 1139 background: rgba(60, 130, 247, 0.04); 1140 box-sizing: border-box; 1141 will-change: opacity; 1142 contain: layout style; 1143} 1144.styles-module__hoverHighlight___ogakW.styles-module__enter___WFIki { 1145 animation: styles-module__hoverHighlightIn___6WYHY 0.12s ease-out forwards; 1146} 1147 1148.styles-module__multiSelectOutline___cSJ-m { 1149 position: fixed; 1150 border: 2px dashed rgba(52, 199, 89, 0.6); 1151 border-radius: 4px; 1152 pointer-events: none !important; 1153 background: rgba(52, 199, 89, 0.05); 1154 box-sizing: border-box; 1155 will-change: opacity; 1156} 1157.styles-module__multiSelectOutline___cSJ-m.styles-module__enter___WFIki { 1158 animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards; 1159} 1160.styles-module__multiSelectOutline___cSJ-m.styles-module__exit___fyOJ0 { 1161 animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards; 1162} 1163 1164.styles-module__singleSelectOutline___QhX-O { 1165 position: fixed; 1166 border: 2px solid rgba(60, 130, 247, 0.6); 1167 border-radius: 4px; 1168 pointer-events: none !important; 1169 background: rgba(60, 130, 247, 0.05); 1170 box-sizing: border-box; 1171 will-change: opacity; 1172} 1173.styles-module__singleSelectOutline___QhX-O.styles-module__enter___WFIki { 1174 animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards; 1175} 1176.styles-module__singleSelectOutline___QhX-O.styles-module__exit___fyOJ0 { 1177 animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards; 1178} 1179 1180.styles-module__hoverTooltip___bvLk7 { 1181 position: fixed; 1182 font-size: 0.6875rem; 1183 font-weight: 500; 1184 color: #fff; 1185 background: rgba(0, 0, 0, 0.85); 1186 padding: 0.35rem 0.6rem; 1187 border-radius: 0.375rem; 1188 pointer-events: none !important; 1189 white-space: nowrap; 1190 max-width: 280px; 1191 overflow: hidden; 1192 text-overflow: ellipsis; 1193} 1194.styles-module__hoverTooltip___bvLk7.styles-module__enter___WFIki { 1195 animation: styles-module__hoverTooltipIn___FYGQx 0.1s ease-out forwards; 1196} 1197 1198.styles-module__hoverReactPath___gx1IJ { 1199 font-size: 0.625rem; 1200 color: rgba(255, 255, 255, 0.6); 1201 margin-bottom: 0.15rem; 1202 overflow: hidden; 1203 text-overflow: ellipsis; 1204} 1205 1206.styles-module__hoverElementName___QMLMl { 1207 overflow: hidden; 1208 text-overflow: ellipsis; 1209} 1210 1211.styles-module__markersLayer___-25j1 { 1212 position: absolute; 1213 top: 0; 1214 left: 0; 1215 right: 0; 1216 height: 0; 1217 z-index: 99998; 1218 pointer-events: none; 1219} 1220.styles-module__markersLayer___-25j1 > * { 1221 pointer-events: auto; 1222} 1223 1224.styles-module__fixedMarkersLayer___ffyX6 { 1225 position: fixed; 1226 top: 0; 1227 left: 0; 1228 right: 0; 1229 bottom: 0; 1230 z-index: 99998; 1231 pointer-events: none; 1232} 1233.styles-module__fixedMarkersLayer___ffyX6 > * { 1234 pointer-events: auto; 1235} 1236 1237.styles-module__marker___6sQrs { 1238 position: absolute; 1239 width: 22px; 1240 height: 22px; 1241 background: #3c82f7; 1242 color: white; 1243 border-radius: 50%; 1244 display: flex; 1245 align-items: center; 1246 justify-content: center; 1247 font-size: 0.6875rem; 1248 font-weight: 600; 1249 transform: translate(-50%, -50%) scale(1); 1250 opacity: 1; 1251 cursor: pointer; 1252 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.04); 1253 user-select: none; 1254 will-change: transform, opacity; 1255 contain: layout style; 1256 z-index: 1; 1257} 1258.styles-module__marker___6sQrs:hover { 1259 z-index: 2; 1260} 1261.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7) { 1262 transition: background-color 0.15s ease, transform 0.1s ease; 1263} 1264.styles-module__marker___6sQrs.styles-module__enter___WFIki { 1265 animation: styles-module__markerIn___5FaAP 0.25s cubic-bezier(0.22, 1, 0.36, 1) both; 1266} 1267.styles-module__marker___6sQrs.styles-module__exit___fyOJ0 { 1268 animation: styles-module__markerOut___GU5jX 0.2s ease-out both; 1269 pointer-events: none; 1270} 1271.styles-module__marker___6sQrs.styles-module__clearing___FQ--7 { 1272 animation: styles-module__markerOut___GU5jX 0.15s ease-out both; 1273 pointer-events: none; 1274} 1275.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7):hover { 1276 transform: translate(-50%, -50%) scale(1.1); 1277} 1278.styles-module__marker___6sQrs.styles-module__pending___2IHLC { 1279 position: fixed; 1280 background: #3c82f7; 1281} 1282.styles-module__marker___6sQrs.styles-module__fixed___dBMHC { 1283 position: fixed; 1284} 1285.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz { 1286 background: #34c759; 1287 width: 26px;
1288 height: 26px; 1289 border-radius: 6px; 1290 font-size: 0.75rem; 1291} 1292.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz.styles-module__pending___2IHLC { 1293 background: #34c759; 1294} 1295.styles-module__marker___6sQrs.styles-module__hovered___ZgXIy { 1296 background: #ff3b30; 1297} 1298 1299.styles-module__renumber___nCTxD { 1300 display: block; 1301 animation: styles-module__renumberRoll___Wgbq3 0.2s ease-out; 1302} 1303 1304@keyframes styles-module__renumberRoll___Wgbq3 { 1305 0% { 1306 transform: translateX(-40%); 1307 opacity: 0; 1308 } 1309 100% { 1310 transform: translateX(0); 1311 opacity: 1; 1312 } 1313} 1314.styles-module__markerTooltip___aLJID { 1315 position: absolute; 1316 top: calc(100% + 10px); 1317 left: 50%; 1318 transform: translateX(-50%) scale(0.909); 1319 z-index: 100002; 1320 background: #1a1a1a; 1321 padding: 8px 0.75rem; 1322 border-radius: 0.75rem; 1323 font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 1324 font-weight: 400; 1325 color: #fff; 1326 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08); 1327 min-width: 120px; 1328 max-width: 200px; 1329 pointer-events: none; 1330 cursor: default; 1331} 1332.styles-module__markerTooltip___aLJID.styles-module__enter___WFIki { 1333 animation: styles-module__tooltipIn___0N31w 0.1s ease-out forwards; 1334} 1335 1336.styles-module__markerQuote___FHmrz { 1337 display: block; 1338 font-size: 12px; 1339 font-style: italic; 1340 color: rgba(255, 255, 255, 0.6); 1341 margin-bottom: 0.3125rem; 1342 line-height: 1.4; 1343 white-space: nowrap; 1344 overflow: hidden; 1345 text-overflow: ellipsis; 1346} 1347 1348.styles-module__markerNote___QkrrS { 1349 display: block; 1350 font-size: 13px; 1351 font-weight: 400; 1352 line-height: 1.4; 1353 color: #fff; 1354 white-space: nowrap; 1355 overflow: hidden; 1356 text-overflow: ellipsis; 1357 padding-bottom: 2px; 1358} 1359 1360.styles-module__markerHint___2iF-6 { 1361 display: block; 1362 font-size: 0.625rem; 1363 font-weight: 400; 1364 color: rgba(255, 255, 255, 0.6); 1365 margin-top: 0.375rem; 1366 white-space: nowrap; 1367} 1368 1369.styles-module__settingsPanel___OxX3Y { 1370 position: absolute; 1371 right: 5px; 1372 bottom: calc(100% + 0.5rem); 1373 z-index: 1; 1374 overflow: hidden; 1375 background: #1c1c1c; 1376 border-radius: 1rem; 1377 padding: 13px 0 16px; 1378 min-width: 205px; 1379 cursor: default; 1380 opacity: 1; 1381 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04); 1382 transition: background 0.25s ease, box-shadow 0.25s ease; 1383} 1384.styles-module__settingsPanel___OxX3Y::before, .styles-module__settingsPanel___OxX3Y::after { 1385 content: ""; 1386 position: absolute; 1387 top: 0; 1388 bottom: 0; 1389 width: 16px; 1390 z-index: 2; 1391 pointer-events: none; 1392} 1393.styles-module__settingsPanel___OxX3Y::before { 1394 left: 0; 1395 background: linear-gradient(to right, #1c1c1c 0%, transparent 100%); 1396} 1397.styles-module__settingsPanel___OxX3Y::after { 1398 right: 0; 1399 background: linear-gradient(to left, #1c1c1c 0%, transparent 100%); 1400} 1401.styles-module__settingsPanel___OxX3Y .styles-module__settingsHeader___pwDY9, 1402.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrand___0gJeM, 1403.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrandSlash___uTG18, 1404.styles-module__settingsPanel___OxX3Y .styles-module__settingsVersion___TUcFq, 1405.styles-module__settingsPanel___OxX3Y .styles-module__settingsSection___m-YM2, 1406.styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX, 1407.styles-module__settingsPanel___OxX3Y .styles-module__cycleButton___FMKfw, 1408.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY, 1409.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz, 1410.styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa, 1411.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax, 1412.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr, 1413.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp, 1414.styles-module__settingsPanel___OxX3Y .styles-module__helpIcon___xQg56, 1415.styles-module__settingsPanel___OxX3Y .styles-module__themeToggle___2rUjA { 1416 transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease; 1417} 1418.styles-module__settingsPanel___OxX3Y.styles-module__enter___WFIki { 1419 opacity: 1; 1420 transform: translateY(0) scale(1); 1421 filter: blur(0px); 1422 transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease; 1423} 1424.styles-module__settingsPanel___OxX3Y.styles-module__exit___fyOJ0 { 1425 opacity: 0; 1426 transform: translateY(8px) scale(0.95); 1427 filter: blur(5px); 1428 pointer-events: none; 1429 transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease; 1430} 1431.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf { 1432 background: #1a1a1a; 1433 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08); 1434} 1435.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__settingsLabel___8UjfX { 1436 color: rgba(255, 255, 255, 0.6); 1437} 1438.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__settingsOption___UNa12 { 1439 color: rgba(255, 255, 255, 0.85); 1440} 1441.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__settingsOption___UNa12:hover { 1442 background: rgba(255, 255, 255, 0.1); 1443} 1444.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__settingsOption___UNa12.styles-module__selected___OwRqP { 1445 background: rgba(255, 255, 255, 0.15); 1446 color: #fff; 1447} 1448.styles-module__settingsPanel___OxX3Y.styles-module__dark___ILIQf .styles-module__toggleLabel___Xm8Aa { 1449 color: rgba(255, 255, 255, 0.85); 1450} 1451 1452.styles-module__settingsPanelContainer___Xksv8 { 1453 overflow: visible; 1454 position: relative; 1455 display: flex; 1456 padding: 0 1rem; 1457} 1458.styles-module__settingsPanelContainer___Xksv8.styles-module__transitioning___qxzCk { 1459 overflow-x: clip; 1460 overflow-y: visible; 1461} 1462 1463.styles-module__settingsPage___6YfHH { 1464 min-width: 100%; 1465 flex-shrink: 0; 1466 transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.2s ease-out; 1467 opacity: 1; 1468} 1469 1470.styles-module__settingsPage___6YfHH.styles-module__slideLeft___Ps01J { 1471 transform: translateX(-100%); 1472 opacity: 0; 1473} 1474 1475.styles-module__automationsPage___uvCq6 { 1476 position: absolute; 1477 top: 0; 1478 left: 100%; 1479 width: 100%; 1480 height: 100%; 1481 padding: 3px 1rem 0; 1482 box-sizing: border-box; 1483 display: flex; 1484 flex-direction: column; 1485 transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.25s ease-out 0.1s; 1486 opacity: 0; 1487} 1488 1489.styles-module__automationsPage___uvCq6.styles-module__slideIn___4-qXe { 1490 transform: translateX(-100%); 1491 opacity: 1; 1492} 1493 1494.styles-module__settingsNavLink___wCzJt { 1495 display: flex; 1496 align-items: center; 1497 justify-content: space-between; 1498 width: 100%; 1499 padding: 0; 1500 border: none; 1501 background: transparent; 1502 font-family: inherit; 1503 font-size: 0.8125rem; 1504 font-weight: 400; 1505 color: rgba(255, 255, 255, 0.5); 1506 cursor: pointer; 1507 transition: color 0.15s ease; 1508} 1509.styles-module__settingsNavLink___wCzJt:hover {
1510 color: rgba(255, 255, 255, 0.9); 1511} 1512.styles-module__settingsNavLink___wCzJt.styles-module__light___r6n4Y { 1513 color: rgba(0, 0, 0, 0.5); 1514} 1515.styles-module__settingsNavLink___wCzJt.styles-module__light___r6n4Y:hover { 1516 color: rgba(0, 0, 0, 0.8); 1517} 1518.styles-module__settingsNavLink___wCzJt svg { 1519 color: rgba(255, 255, 255, 0.4); 1520 transition: color 0.15s ease; 1521} 1522.styles-module__settingsNavLink___wCzJt:hover svg { 1523 color: #fff; 1524} 1525.styles-module__settingsNavLink___wCzJt.styles-module__light___r6n4Y svg { 1526 color: rgba(0, 0, 0, 0.25); 1527} 1528.styles-module__settingsNavLink___wCzJt.styles-module__light___r6n4Y:hover svg { 1529 color: rgba(0, 0, 0, 0.8); 1530} 1531 1532.styles-module__settingsNavLinkRight___ZWwhj { 1533 display: flex; 1534 align-items: center; 1535 gap: 6px; 1536} 1537 1538.styles-module__mcpNavIndicator___cl9pO { 1539 width: 8px; 1540 height: 8px; 1541 border-radius: 50%; 1542 flex-shrink: 0; 1543} 1544.styles-module__mcpNavIndicator___cl9pO.styles-module__connected___7c28g { 1545 background: #34c759; 1546 animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite; 1547} 1548.styles-module__mcpNavIndicator___cl9pO.styles-module__connecting___uo-CW { 1549 background: #f5a623; 1550 animation: styles-module__mcpPulse___uNggr 1.5s ease-in-out infinite; 1551} 1552 1553.styles-module__settingsBackButton___bIe2j { 1554 display: flex; 1555 align-items: center; 1556 gap: 4px; 1557 padding: 6px 0 12px 0; 1558 margin: -6px 0 0.5rem 0; 1559 border: none; 1560 border-bottom: 1px solid rgba(255, 255, 255, 0.07); 1561 border-radius: 0; 1562 background: transparent; 1563 font-family: inherit; 1564 font-size: 0.8125rem; 1565 font-weight: 500; 1566 letter-spacing: -0.15px; 1567 color: #fff; 1568 cursor: pointer; 1569 transition: transform 0.12s cubic-bezier(0.32, 0.72, 0, 1); 1570} 1571.styles-module__settingsBackButton___bIe2j svg { 1572 opacity: 0.4; 1573 flex-shrink: 0; 1574 transition: opacity 0.15s ease, transform 0.18s cubic-bezier(0.32, 0.72, 0, 1); 1575} 1576.styles-module__settingsBackButton___bIe2j:hover { 1577 border-bottom-color: rgba(255, 255, 255, 0.07); 1578} 1579.styles-module__settingsBackButton___bIe2j:hover svg { 1580 opacity: 1; 1581} 1582.styles-module__settingsBackButton___bIe2j.styles-module__light___r6n4Y { 1583 color: rgba(0, 0, 0, 0.85); 1584 border-bottom-color: rgba(0, 0, 0, 0.08); 1585} 1586.styles-module__settingsBackButton___bIe2j.styles-module__light___r6n4Y:hover { 1587 border-bottom-color: rgba(0, 0, 0, 0.08); 1588} 1589 1590.styles-module__automationHeader___InP0r { 1591 display: flex; 1592 align-items: center; 1593 gap: 0.125rem; 1594 font-size: 0.8125rem; 1595 font-weight: 400; 1596 color: #fff; 1597} 1598.styles-module__automationHeader___InP0r .styles-module__helpIcon___xQg56 svg { 1599 transform: none; 1600} 1601.styles-module__automationHeader___InP0r.styles-module__light___r6n4Y { 1602 color: rgba(0, 0, 0, 0.85); 1603} 1604 1605.styles-module__automationDescription___NKlmo { 1606 font-size: 0.6875rem; 1607 font-weight: 300; 1608 color: rgba(255, 255, 255, 0.5); 1609 margin-top: 2px; 1610 line-height: 14px; 1611} 1612.styles-module__automationDescription___NKlmo.styles-module__light___r6n4Y { 1613 color: rgba(0, 0, 0, 0.5); 1614} 1615 1616.styles-module__learnMoreLink___8xv-x { 1617 color: rgba(255, 255, 255, 0.8); 1618 text-decoration: underline dotted; 1619 text-decoration-color: rgba(255, 255, 255, 0.2); 1620 text-underline-offset: 2px; 1621 transition: color 0.15s ease; 1622} 1623.styles-module__learnMoreLink___8xv-x:hover { 1624 color: #fff; 1625} 1626.styles-module__learnMoreLink___8xv-x.styles-module__light___r6n4Y { 1627 color: rgba(0, 0, 0, 0.6); 1628 text-decoration-color: rgba(0, 0, 0, 0.2); 1629} 1630.styles-module__learnMoreLink___8xv-x.styles-module__light___r6n4Y:hover {
1631 color: rgba(0, 0, 0, 0.85); 1632} 1633 1634.styles-module__autoSendRow___UblX5 { 1635 display: flex; 1636 align-items: center; 1637 gap: 8px; 1638} 1639 1640.styles-module__autoSendLabel___icDc2 { 1641 font-size: 0.6875rem; 1642 font-weight: 400; 1643 color: rgba(255, 255, 255, 0.4); 1644 transition: color 0.15s ease; 1645} 1646.styles-module__autoSendLabel___icDc2.styles-module__active___-zoN6 { 1647 color: #66b8ff; 1648} 1649.styles-module__autoSendLabel___icDc2.styles-module__light___r6n4Y { 1650 color: rgba(0, 0, 0, 0.4); 1651} 1652.styles-module__autoSendLabel___icDc2.styles-module__light___r6n4Y.styles-module__active___-zoN6 { 1653 color: #3c82f7; 1654} 1655 1656.styles-module__webhookUrlInput___2375C { 1657 display: block; 1658 width: 100%; 1659 flex: 1; 1660 min-height: 60px; 1661 box-sizing: border-box; 1662 margin-top: 11px; 1663 padding: 8px 10px; 1664 border: 1px solid rgba(255, 255, 255, 0.1); 1665 border-radius: 6px; 1666 background: rgba(255, 255, 255, 0.03); 1667 font-family: inherit; 1668 font-size: 0.75rem; 1669 font-weight: 400; 1670 color: #fff; 1671 outline: none; 1672 resize: none; 1673 cursor: text !important; 1674 user-select: text; 1675 transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease; 1676} 1677.styles-module__webhookUrlInput___2375C::placeholder { 1678 color: rgba(255, 255, 255, 0.3); 1679} 1680.styles-module__webhookUrlInput___2375C:focus { 1681 border-color: rgba(255, 255, 255, 0.3); 1682 background: rgba(255, 255, 255, 0.08); 1683} 1684.styles-module__webhookUrlInput___2375C.styles-module__light___r6n4Y { 1685 border-color: rgba(0, 0, 0, 0.1); 1686 background: rgba(0, 0, 0, 0.03); 1687 color: rgba(0, 0, 0, 0.85); 1688} 1689.styles-module__webhookUrlInput___2375C.styles-module__light___r6n4Y::placeholder { 1690 color: rgba(0, 0, 0, 0.3); 1691} 1692.styles-module__webhookUrlInput___2375C.styles-module__light___r6n4Y:focus { 1693 border-color: rgba(0, 0, 0, 0.25); 1694 background: rgba(0, 0, 0, 0.05); 1695} 1696 1697.styles-module__settingsHeader___pwDY9 { 1698 display: flex; 1699 align-items: center; 1700 justify-content: space-between; 1701 min-height: 24px; 1702 margin-bottom: 0.5rem; 1703 padding-bottom: 9px; 1704 border-bottom: 1px solid rgba(255, 255, 255, 0.07); 1705} 1706 1707.styles-module__settingsBrand___0gJeM { 1708 font-size: 0.8125rem; 1709 font-weight: 600; 1710 letter-spacing: -0.0094em; 1711 color: #fff; 1712} 1713 1714.styles-module__settingsBrandSlash___uTG18 { 1715 color: rgba(255, 255, 255, 0.5); 1716} 1717 1718.styles-module__settingsVersion___TUcFq { 1719 font-size: 11px; 1720 font-weight: 400; 1721 color: rgba(255, 255, 255, 0.4); 1722 margin-left: auto; 1723 letter-spacing: -0.0094em; 1724} 1725 1726.styles-module__settingsSection___m-YM2 + .styles-module__settingsSection___m-YM2 { 1727 margin-top: 0.5rem; 1728 padding-top: 0.5rem; 1729 border-top: 1px solid rgba(255, 255, 255, 0.07); 1730} 1731.styles-module__settingsSection___m-YM2.styles-module__settingsSectionExtraPadding___jdhFV { 1732 padding-top: calc(0.5rem + 4px); 1733} 1734 1735.styles-module__settingsSectionGrow___h-5HZ { 1736 flex: 1; 1737 display: flex; 1738 flex-direction: column; 1739} 1740 1741.styles-module__settingsRow___3sdhc { 1742 display: flex; 1743 align-items: center; 1744 justify-content: space-between; 1745 min-height: 24px; 1746} 1747.styles-module__settingsRow___3sdhc.styles-module__settingsRowMarginTop___zA0Sp { 1748 margin-top: 8px; 1749} 1750 1751.styles-module__dropdownContainer___BVnxe { 1752 position: relative; 1753} 1754 1755.styles-module__dropdownButton___16NPz { 1756 display: flex; 1757 align-items: center; 1758 gap: 0.5rem; 1759 padding: 0.25rem 0.5rem; 1760 border: none; 1761 border-radius: 0.375rem; 1762 background: transparent; 1763 font-size: 0.8125rem; 1764 font-weight: 600; 1765 color: #fff; 1766 cursor: pointer; 1767 transition: background-color 0.15s ease, color 0.15s ease; 1768 letter-spacing: -0.0094em; 1769} 1770.styles-module__dropdownButton___16NPz:hover { 1771 background: rgba(255, 255, 255, 0.08); 1772} 1773.styles-module__dropdownButton___16NPz svg { 1774 opacity: 0.6; 1775} 1776 1777.styles-module__cycleButton___FMKfw { 1778 display: flex; 1779 align-items: center; 1780 gap: 0.5rem; 1781 padding: 0; 1782 border: none; 1783 background: transparent; 1784 font-size: 0.8125rem; 1785 font-weight: 500; 1786 color: #fff; 1787 cursor: pointer; 1788 letter-spacing: -0.0094em; 1789} 1790.styles-module__cycleButton___FMKfw.styles-module__light___r6n4Y { 1791 color: rgba(0, 0, 0, 0.85); 1792} 1793.styles-module__cycleButton___FMKfw:disabled { 1794 opacity: 0.35; 1795 cursor: not-allowed; 1796} 1797 1798.styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX { 1799 color: rgba(255, 255, 255, 0.2); 1800} 1801.styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX.styles-module__light___r6n4Y { 1802 color: rgba(0, 0, 0, 0.2); 1803} 1804.styles-module__settingsRowDisabled___EgS0V .styles-module__toggleSwitch___l4Ygm { 1805 opacity: 0.4;
1806 cursor: not-allowed; 1807} 1808 1809@keyframes styles-module__cycleTextIn___Q6zJf { 1810 0% { 1811 opacity: 0; 1812 transform: translateY(-6px); 1813 } 1814 100% { 1815 opacity: 1; 1816 transform: translateY(0); 1817 } 1818} 1819.styles-module__cycleButtonText___fD1LR { 1820 display: inline-block; 1821 animation: styles-module__cycleTextIn___Q6zJf 0.2s ease-out; 1822} 1823 1824.styles-module__cycleDots___LWuoQ { 1825 display: flex; 1826 flex-direction: column; 1827 gap: 2px; 1828} 1829 1830.styles-module__cycleDot___nPgLY { 1831 width: 3px; 1832 height: 3px; 1833 border-radius: 50%; 1834 background: rgba(255, 255, 255, 0.3); 1835 transform: scale(0.667); 1836 transition: background-color 0.25s ease-out, transform 0.25s ease-out; 1837} 1838.styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 { 1839 background: #fff; 1840 transform: scale(1); 1841} 1842.styles-module__cycleDot___nPgLY.styles-module__light___r6n4Y { 1843 background: rgba(0, 0, 0, 0.2); 1844} 1845.styles-module__cycleDot___nPgLY.styles-module__light___r6n4Y.styles-module__active___-zoN6 { 1846 background: rgba(0, 0, 0, 0.7); 1847} 1848 1849.styles-module__dropdownMenu___k73ER { 1850 position: absolute; 1851 right: 0; 1852 top: calc(100% + 0.25rem); 1853 background: #1a1a1a; 1854 border-radius: 0.5rem; 1855 padding: 0.25rem; 1856 min-width: 120px; 1857 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1); 1858 z-index: 10; 1859 animation: styles-module__scaleIn___c-r1K 0.15s ease-out; 1860} 1861 1862.styles-module__dropdownItem___ylsLj { 1863 width: 100%; 1864 display: flex; 1865 align-items: center; 1866 padding: 0.5rem 0.625rem; 1867 border: none; 1868 border-radius: 0.375rem; 1869 background: transparent; 1870 font-size: 0.8125rem; 1871 font-weight: 500; 1872 color: rgba(255, 255, 255, 0.85); 1873 cursor: pointer; 1874 text-align: left; 1875 transition: background-color 0.15s ease, color 0.15s ease; 1876 letter-spacing: -0.0094em; 1877} 1878.styles-module__dropdownItem___ylsLj:hover { 1879 background: rgba(255, 255, 255, 0.08); 1880} 1881.styles-module__dropdownItem___ylsLj.styles-module__selected___OwRqP { 1882 background: rgba(255, 255, 255, 0.12); 1883 color: #fff; 1884 font-weight: 600; 1885} 1886 1887.styles-module__settingsLabel___8UjfX { 1888 font-size: 0.8125rem; 1889 font-weight: 400; 1890 letter-spacing: -0.0094em; 1891 color: rgba(255, 255, 255, 0.5); 1892 display: flex; 1893 align-items: center; 1894 gap: 0.125rem; 1895} 1896.styles-module__settingsLabel___8UjfX.styles-module__light___r6n4Y { 1897 color: rgba(0, 0, 0, 0.5); 1898} 1899 1900.styles-module__settingsLabelMarker___ewdtV { 1901 padding-top: 3px; 1902 margin-bottom: 10px; 1903} 1904 1905.styles-module__settingsOptions___LyrBA { 1906 display: flex; 1907 gap: 0.25rem; 1908} 1909 1910.styles-module__settingsOption___UNa12 { 1911 flex: 1; 1912 display: flex; 1913 align-items: center; 1914 justify-content: center; 1915 gap: 0.25rem; 1916 padding: 0.375rem 0.5rem; 1917 border: none; 1918 border-radius: 0.375rem; 1919 background: transparent; 1920 font-size: 0.6875rem; 1921 font-weight: 500; 1922 color: rgba(0, 0, 0, 0.7); 1923 cursor: pointer; 1924 transition: background-color 0.15s ease, color 0.15s ease; 1925} 1926.styles-module__settingsOption___UNa12:hover { 1927 background: rgba(0, 0, 0, 0.05); 1928} 1929.styles-module__settingsOption___UNa12.styles-module__selected___OwRqP { 1930 background: rgba(60, 130, 247, 0.15); 1931 color: #3c82f7; 1932} 1933 1934.styles-module__sliderContainer___ducXj { 1935 display: flex; 1936 flex-direction: column; 1937 gap: 0.5rem; 1938} 1939 1940.styles-module__slider___GLdxp { 1941 -webkit-appearance: none; 1942 appearance: none; 1943 width: 100%; 1944 height: 4px; 1945 background: rgba(255, 255, 255, 0.15); 1946 border-radius: 2px; 1947 outline: none; 1948 cursor: pointer; 1949} 1950.styles-module__slider___GLdxp::-webkit-slider-thumb { 1951 -webkit-appearance: none; 1952 appearance: none; 1953 width: 14px; 1954 height: 14px; 1955 background: white; 1956 border-radius: 50%; 1957 cursor: pointer; 1958 transition: transform 0.15s ease, box-shadow 0.15s ease; 1959 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); 1960} 1961.styles-module__slider___GLdxp::-moz-range-thumb { 1962 width: 14px; 1963 height: 14px; 1964 background: white; 1965 border: none; 1966 border-radius: 50%; 1967 cursor: pointer; 1968 transition: transform 0.15s ease, box-shadow 0.15s ease; 1969 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); 1970} 1971.styles-module__slider___GLdxp:hover::-webkit-slider-thumb { 1972 transform: scale(1.15); 1973 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); 1974} 1975.styles-module__slider___GLdxp:hover::-moz-range-thumb { 1976 transform: scale(1.15); 1977 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); 1978} 1979 1980.styles-module__sliderLabels___FhLDB { 1981 display: flex; 1982 justify-content: space-between; 1983} 1984 1985.styles-module__sliderLabel___U8sPr { 1986 font-size: 0.625rem; 1987 font-weight: 500; 1988 color: rgba(255, 255, 255, 0.4); 1989 cursor: pointer; 1990 transition: color 0.15s ease; 1991} 1992.styles-module__sliderLabel___U8sPr:hover {
1993 color: rgba(255, 255, 255, 0.7); 1994} 1995.styles-module__sliderLabel___U8sPr.styles-module__active___-zoN6 { 1996 color: rgba(255, 255, 255, 0.9); 1997} 1998 1999.styles-module__colorOptions___iHCNX { 2000 display: flex; 2001 gap: 0.5rem; 2002 margin-top: 0.375rem; 2003 margin-bottom: 1px; 2004} 2005 2006.styles-module__colorOption___IodiY { 2007 display: block; 2008 width: 20px; 2009 height: 20px; 2010 border-radius: 50%; 2011 border: 2px solid transparent; 2012 cursor: pointer; 2013 transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1); 2014} 2015.styles-module__colorOption___IodiY:hover { 2016 transform: scale(1.15); 2017} 2018.styles-module__colorOption___IodiY.styles-module__selected___OwRqP { 2019 transform: scale(0.83); 2020} 2021 2022.styles-module__colorOptionRing___U2xpo { 2023 display: flex; 2024 width: 24px; 2025 height: 24px; 2026 border: 2px solid transparent; 2027 border-radius: 50%; 2028 transition: border-color 0.3s ease; 2029} 2030.styles-module__settingsToggle___fBrFn { 2031 display: flex; 2032 align-items: center; 2033 gap: 0.5rem; 2034 cursor: pointer; 2035} 2036.styles-module__settingsToggle___fBrFn + .styles-module__settingsToggle___fBrFn { 2037 margin-top: calc(0.5rem + 6px); 2038} 2039.styles-module__settingsToggle___fBrFn input[type=checkbox] { 2040 position: absolute; 2041 opacity: 0; 2042 width: 0; 2043 height: 0; 2044} 2045.styles-module__settingsToggle___fBrFn.styles-module__settingsToggleMarginBottom___MZUyF { 2046 margin-bottom: calc(0.5rem + 6px); 2047} 2048 2049.styles-module__customCheckbox___U39ax { 2050 position: relative; 2051 width: 14px; 2052 height: 14px; 2053 border: 1px solid rgba(255, 255, 255, 0.2); 2054 border-radius: 4px; 2055 background: rgba(255, 255, 255, 0.05); 2056 display: flex; 2057 align-items: center; 2058 justify-content: center; 2059 flex-shrink: 0; 2060 transition: background 0.25s ease, border-color 0.25s ease; 2061} 2062.styles-module__customCheckbox___U39ax svg { 2063 color: #1a1a1a; 2064 opacity: 1; 2065 transition: opacity 0.15s ease; 2066} 2067input[type=checkbox]:checked + .styles-module__customCheckbox___U39ax { 2068 border-color: rgba(255, 255, 255, 0.3); 2069 background: rgb(255, 255, 255); 2070} 2071.styles-module__customCheckbox___U39ax.styles-module__light___r6n4Y { 2072 border: 1px solid rgba(0, 0, 0, 0.15); 2073 background: #fff; 2074} 2075.styles-module__customCheckbox___U39ax.styles-module__light___r6n4Y.styles-module__checked___mnZLo { 2076 border-color: #1a1a1a; 2077 background: #1a1a1a; 2078} 2079.styles-module__customCheckbox___U39ax.styles-module__light___r6n4Y.styles-module__checked___mnZLo svg { 2080 color: #fff; 2081} 2082 2083.styles-module__toggleLabel___Xm8Aa { 2084 font-size: 0.8125rem; 2085 font-weight: 400; 2086 color: rgba(255, 255, 255, 0.5); 2087 letter-spacing: -0.0094em; 2088 display: flex; 2089 align-items: center; 2090 gap: 0.25rem; 2091} 2092.styles-module__toggleLabel___Xm8Aa.styles-module__light___r6n4Y { 2093 color: rgba(0, 0, 0, 0.5); 2094} 2095 2096.styles-module__toggleSwitch___l4Ygm { 2097 position: relative; 2098 display: inline-block; 2099 width: 24px; 2100 height: 16px; 2101 flex-shrink: 0; 2102 cursor: pointer; 2103 transition: opacity 0.15s ease; 2104} 2105.styles-module__toggleSwitch___l4Ygm input { 2106 opacity: 0; 2107 width: 0; 2108 height: 0; 2109} 2110.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn { 2111 background: #3c82f7; 2112} 2113.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn::before { 2114 transform: translateX(8px); 2115} 2116.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw { 2117 opacity: 0.4; 2118 pointer-events: none; 2119} 2120.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw .styles-module__toggleSlider___wprIn { 2121 cursor: not-allowed; 2122} 2123 2124.styles-module__toggleSlider___wprIn { 2125 position: absolute; 2126 cursor: pointer; 2127 inset: 0; 2128 border-radius: 16px; 2129 background: #484848; 2130} 2131.styles-module__light___r6n4Y .styles-module__toggleSlider___wprIn { 2132 background: #dddddd; 2133} 2134.styles-module__toggleSlider___wprIn::before { 2135 content: ""; 2136 position: absolute; 2137 height: 12px; 2138 width: 12px; 2139 left: 2px; 2140 bottom: 2px; 2141 background: white; 2142 border-radius: 50%; 2143 transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); 2144 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 2145} 2146 2147@keyframes styles-module__mcpPulse___uNggr { 2148 0% { 2149 box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.5); 2150 } 2151 70% { 2152 box-shadow: 0 0 0 6px rgba(52, 199, 89, 0); 2153 } 2154 100% { 2155 box-shadow: 0 0 0 0 rgba(52, 199, 89, 0); 2156 } 2157} 2158@keyframes styles-module__mcpPulseError___fov9B { 2159 0% { 2160 box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.5); 2161 } 2162 70% { 2163 box-shadow: 0 0 0 6px rgba(255, 59, 48, 0); 2164 } 2165 100% { 2166 box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); 2167 } 2168} 2169.styles-module__mcpStatusDot___ibgkc { 2170 width: 8px; 2171 height: 8px; 2172 border-radius: 50%; 2173 flex-shrink: 0; 2174} 2175.styles-module__mcpStatusDot___ibgkc.styles-module__connecting___uo-CW { 2176 background: #f5a623; 2177 animation: styles-module__mcpPulse___uNggr 1.5s infinite; 2178} 2179.styles-module__mcpStatusDot___ibgkc.styles-module__connected___7c28g { 2180 background: #34c759; 2181 animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite; 2182} 2183.styles-module__mcpStatusDot___ibgkc.styles-module__disconnected___cHPxR { 2184 background: #ff3b30; 2185 animation: styles-module__mcpPulseError___fov9B 2s infinite; 2186} 2187
2188.styles-module__helpIcon___xQg56 { 2189 position: relative; 2190 display: inline-flex; 2191 align-items: center; 2192 justify-content: center; 2193 cursor: help; 2194 margin-left: 0; 2195} 2196.styles-module__helpIcon___xQg56 svg { 2197 display: block; 2198 transform: translateY(1px); 2199 color: rgba(255, 255, 255, 0.2); 2200 transition: color 0.15s ease; 2201} 2202.styles-module__helpIcon___xQg56:hover svg { 2203 color: rgba(255, 255, 255, 0.5); 2204} 2205.styles-module__helpIcon___xQg56.styles-module__helpIconNudgeDown___0cqpM svg { 2206 transform: translateY(1px); 2207} 2208.styles-module__helpIcon___xQg56.styles-module__helpIconNoNudge___abogC svg { 2209 transform: translateY(0.5px); 2210} 2211.styles-module__helpIcon___xQg56.styles-module__helpIconNudge1-5___DM2TQ svg { 2212 transform: translateY(1.5px); 2213} 2214.styles-module__helpIcon___xQg56.styles-module__helpIconNudge2___TfWgC svg { 2215 transform: translateY(2px); 2216} 2217 2218.styles-module__dragSelection___kZLq2 { 2219 position: fixed; 2220 top: 0; 2221 left: 0; 2222 border: 2px solid rgba(52, 199, 89, 0.6); 2223 border-radius: 4px; 2224 background: rgba(52, 199, 89, 0.08); 2225 pointer-events: none; 2226 z-index: 99997; 2227 will-change: transform, width, height; 2228 contain: layout style; 2229} 2230 2231.styles-module__dragCount___KM90j { 2232 position: absolute; 2233 top: 50%; 2234 left: 50%; 2235 transform: translate(-50%, -50%); 2236 background: #34c759; 2237 color: white; 2238 font-size: 0.875rem; 2239 font-weight: 600; 2240 padding: 0.25rem 0.5rem; 2241 border-radius: 1rem; 2242 min-width: 1.5rem; 2243 text-align: center; 2244} 2245 2246.styles-module__highlightsContainer___-0xzG { 2247 position: fixed; 2248 top: 0; 2249 left: 0; 2250 pointer-events: none; 2251 z-index: 99996; 2252} 2253 2254.styles-module__selectedElementHighlight___fyVlI { 2255 position: fixed; 2256 top: 0; 2257 left: 0; 2258 border: 2px solid rgba(52, 199, 89, 0.5); 2259 border-radius: 4px; 2260 background: rgba(52, 199, 89, 0.06); 2261 pointer-events: none; 2262 will-change: transform, width, height; 2263 contain: layout style; 2264} 2265 2266.styles-module__light___r6n4Y.styles-module__toolbarContainer___dIhma { 2267 background: #fff; 2268 color: rgba(0, 0, 0, 0.85); 2269 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); 2270} 2271.styles-module__light___r6n4Y.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover { 2272 background: #f5f5f5; 2273} 2274.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc { 2275 color: rgba(0, 0, 0, 0.5); 2276} 2277.styles-module__light___r6n4Y.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]) { 2278 background: rgba(0, 0, 0, 0.06); 2279 color: rgba(0, 0, 0, 0.85); 2280} 2281.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-active=true] { 2282 color: #3c82f7; 2283 background: rgba(60, 130, 247, 0.15); 2284} 2285.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-error=true] { 2286 color: #ff3b30; 2287 background: rgba(255, 59, 48, 0.15); 2288} 2289.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) { 2290 background: rgba(255, 59, 48, 0.15); 2291 color: #ff3b30; 2292} 2293.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-auto-sync=true] { 2294 color: #34c759; 2295 background: transparent; 2296} 2297.styles-module__light___r6n4Y.styles-module__controlButton___8Q0jc[data-failed=true] { 2298 color: #ff3b30; 2299 background: rgba(255, 59, 48, 0.15); 2300} 2301.styles-module__light___r6n4Y.styles-module__buttonTooltip___Burd9 { 2302 background: #fff; 2303 color: rgba(0, 0, 0, 0.85); 2304 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); 2305} 2306.styles-module__light___r6n4Y.styles-module__buttonTooltip___Burd9::after { 2307 background: #fff; 2308} 2309.styles-module__light___r6n4Y.styles-module__divider___c--s1 { 2310 background: rgba(0, 0, 0, 0.1); 2311} 2312.styles-module__light___r6n4Y.styles-module__markerTooltip___aLJID { 2313 background: #fff; 2314 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.06); 2315} 2316.styles-module__light___r6n4Y.styles-module__markerTooltip___aLJID .styles-module__markerQuote___FHmrz {
2317 color: rgba(0, 0, 0, 0.5); 2318} 2319.styles-module__light___r6n4Y.styles-module__markerTooltip___aLJID .styles-module__markerNote___QkrrS { 2320 color: rgba(0, 0, 0, 0.85); 2321} 2322.styles-module__light___r6n4Y.styles-module__markerTooltip___aLJID .styles-module__markerHint___2iF-6 { 2323 color: rgba(0, 0, 0, 0.35); 2324} 2325.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y { 2326 background: #fff; 2327 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); 2328} 2329.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y::before { 2330 background: linear-gradient(to right, #fff 0%, transparent 100%); 2331} 2332.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y::after { 2333 background: linear-gradient(to left, #fff 0%, transparent 100%); 2334} 2335.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsHeader___pwDY9 { 2336 border-bottom-color: rgba(0, 0, 0, 0.08); 2337} 2338.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrand___0gJeM { 2339 color: rgba(0, 0, 0, 0.85); 2340} 2341.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrandSlash___uTG18 { 2342 color: rgba(0, 0, 0, 0.4); 2343} 2344.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsVersion___TUcFq { 2345 color: rgba(0, 0, 0, 0.4); 2346} 2347.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsSection___m-YM2 { 2348 border-top-color: rgba(0, 0, 0, 0.08); 2349} 2350.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX { 2351 color: rgba(0, 0, 0, 0.5); 2352} 2353.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__cycleButton___FMKfw { 2354 color: rgba(0, 0, 0, 0.85); 2355} 2356.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY { 2357 background: rgba(0, 0, 0, 0.2); 2358} 2359.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 { 2360 background: rgba(0, 0, 0, 0.7); 2361} 2362.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz { 2363 color: rgba(0, 0, 0, 0.85); 2364} 2365.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz:hover { 2366 background: rgba(0, 0, 0, 0.05); 2367} 2368.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa { 2369 color: rgba(0, 0, 0, 0.5); 2370} 2371.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax { 2372 border: 1px solid rgba(0, 0, 0, 0.15); 2373 background: #fff; 2374} 2375.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo { 2376 border-color: #1a1a1a; 2377 background: #1a1a1a; 2378} 2379.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo svg { 2380 color: #fff; 2381} 2382.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr { 2383 color: rgba(0, 0, 0, 0.4); 2384} 2385.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr:hover { 2386 color: rgba(0, 0, 0, 0.7); 2387} 2388.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr.styles-module__active___-zoN6 { 2389 color: rgba(0, 0, 0, 0.9); 2390} 2391.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp { 2392 background: rgba(0, 0, 0, 0.1); 2393} 2394.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp::-webkit-slider-thumb { 2395 background: #1a1a1a; 2396} 2397.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp::-moz-range-thumb { 2398 background: #1a1a1a; 2399} 2400.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__helpIcon___xQg56 svg { 2401 color: rgba(0, 0, 0, 0.2); 2402} 2403.styles-module__light___r6n4Y.styles-module__settingsPanel___OxX3Y .styles-module__helpIcon___x
2403Qg56:hover svg { 2404 color: rgba(0, 0, 0, 0.5); 2405} 2406 2407.styles-module__themeToggle___2rUjA { 2408 display: flex; 2409 align-items: center; 2410 justify-content: center; 2411 width: 22px; 2412 height: 22px; 2413 margin-left: 0.5rem; 2414 border: none; 2415 border-radius: 6px; 2416 background: transparent; 2417 color: rgba(255, 255, 255, 0.4); 2418 cursor: pointer; 2419 transition: background-color 0.15s ease, color 0.15s ease; 2420} 2421.styles-module__themeToggle___2rUjA:hover { 2422 background: rgba(255, 255, 255, 0.1); 2423 color: rgba(255, 255, 255, 0.8); 2424} 2425.styles-module__light___r6n4Y .styles-module__themeToggle___2rUjA { 2426 color: rgba(0, 0, 0, 0.4); 2427} 2428.styles-module__light___r6n4Y .styles-module__themeToggle___2rUjA:hover { 2429 background: rgba(0, 0, 0, 0.06); 2430 color: rgba(0, 0, 0, 0.7); 2431} 2432 2433.styles-module__themeIconWrapper___LsJIM { 2434 display: flex; 2435 align-items: center; 2436 justify-content: center; 2437 position: relative; 2438 width: 20px; 2439 height: 20px; 2440} 2441 2442.styles-module__themeIcon___lCCmo { 2443 display: flex; 2444 align-items: center; 2445 justify-content: center; 2446 animation: styles-module__themeIconIn___TU6ML 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 2447} 2448 2449@keyframes styles-module__themeIconIn___TU6ML { 2450 0% { 2451 opacity: 0; 2452 transform: scale(0.8) rotate(-30deg); 2453 } 2454 100% { 2455 opacity: 1; 2456 transform: scale(1) rotate(0deg); 2457 } 2458}`,Zs={toolbar:"styles-module__toolbar___wNsdK",markersLayer:"styles-module__markersLayer___-25j1",fixedMarkersLayer:"styles-module__fixedMarkersLayer___ffyX6",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",light:"styles-module__light___r6n4Y",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",helpIcon:"styles-module__helpIcon___x
2458Qg56",themeToggle:"styles-module__themeToggle___2rUjA",dark:"styles-module__dark___ILIQf",settingsOption:"styles-module__settingsOption___UNa12",selected:"styles-module__selected___OwRqP",settingsPanelContainer:"styles-module__settingsPanelContainer___Xksv8",transitioning:"styles-module__transitioning___qxzCk",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",helpIconNudgeDown:"styles-module__helpIconNudgeDown___0cqpM",helpIconNoNudge:"styles-module__helpIconNoNudge___abogC","helpIconNudge1-5":"styles-module__helpIconNudge1-5___DM2TQ",helpIconNudge2:"styles-module__helpIconNudge2___TfWgC",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"};if(typeof document<"u"){let e=document.getElementById("feedback-tool-styles-page-toolbar-css-styles");e||(e=document.createElement("style"),e.id="feedback-tool-styles-page-toolbar-css-styles",e.textContent=Us,document.head.appendChild(e))}var s=Zs;function dn(e,n="filtered"){const{name:r,path:i}=Rt(e);if(n==="off")return{name:r,elementName:r,path:i,reactComponents:null};const u=Bs(e,{mode:n});return{name:u.path?`${u.path} ${r}`:r,elementName:r,path:i,reactComponents:u.path}}var po=!1,go={outputDetail:"standard",autoClearAfterCopy:!1,annotationColor:"#3c82f7",blockInteractions:!0,reactEnabled:!0,markerClickBehavior:"edit",webhookUrl:"",webhooksEnabled:!0},xe=e=>{if(!e||!e.trim())return!1;try{const n=new URL(e.trim());return n.protocol==="http:"||n.protocol==="https:"}catch{return!1}},mt=[{value:"compact",label:"Compact"},{value:"standard",label:"Standard"},{value:"detailed",label:"Detailed"},{value:"forensic",label:"Forensic"}],Vs=[{value:"#AF52DE",label:"Purple"},{value:"#3c82f7",label:"Blue"},{value:"#5AC8FA",label:"Cyan"},{value:"#34C759",label:"Green"},{value:"#FFD60A",label:"Yellow"},{value:"#FF9500",label:"Orange"},{value:"#FF3B30",label:"Red"}];function Ge(e,n){let r=document.elementFromPoint(e,n);if(!r)return null;for(;r!=null&&r.shadowRoot;){const i=r.shadowRoot.elementFromPoint(e,n);if(!i||i===r)break;r=i}return r}function un(e){let n=e;for(;n&&n!==document.body;){const i=window.getComputedStyle(n).position;if(i==="fixed"||i==="sticky")return!0;n=n.parentElement}return!1}
2458function Ne(e){return e.status!=="resolved"&&e.status!=="dismissed"}function Bt(e){const n=gn(e),r=n.found?n:Qs(e);if(r.found&&r.source)return Xs(r.source,"path")}function ho(e,n,r="standard",i="filtered"){if(e.length===0)return"";const u=typeof window<"u"?`${window.innerWidth}Ã${window.innerHeight}`:"unknown";let a=`## Page Feedback: ${n} 2459`;return r==="forensic"?(a+=` 2460**Environment:** 2461`,a+=`- Viewport: ${u} 2462`,typeof window<"u"&&(a+=`- URL: ${window.location.href} 2463`,a+=`- User Agent: ${navigator.userAgent} 2464`,a+=`- Timestamp: ${new Date().toISOString()} 2465`,a+=`- Device Pixel Ratio: ${window.devicePixelRatio} 2466`),a+=` 2467--- 2468`):r!=="compact"&&(a+=`**Viewport:** ${u} 2469`),a+=` 2470`,e.forEach((d,f)=>{r==="compact"?(a+=`${f+1}. **${d.element}**${d.sourceFile?` (${d.sourceFile})`:""}: ${d.comment}`,d.selectedText&&(a+=` (re: "${d.selectedText.slice(0,30)}${d.selectedText.length>30?"...":""}")`),a+=` 2471`):r==="forensic"?(a+=`### ${f+1}. ${d.element} 2472`,d.isMultiSelect&&d.fullPath&&(a+=`*Forensic data shown for first element of selection* 2473`),d.fullPath&&(a+=`**Full DOM Path:** ${d.fullPath} 2474`),d.cssClasses&&(a+=`**CSS Classes:** ${d.cssClasses} 2475`),d.boundingBox&&(a+=`**Position:** x:${Math.round(d.boundingBox.x)}, y:${Math.round(d.boundingBox.y)} (${Math.round(d.boundingBox.width)}Ã${Math.round(d.boundingBox.height)}px) 2476`),a+=`**Annotation at:** ${d.x.toFixed(1)}% from left, ${Math.round(d.y)}px from top 2477`,d.selectedText&&(a+=`**Selected text:** "${d.selectedText}" 2478`),d.nearbyText&&!d.selectedText&&(a+=`**Context:** ${d.nearbyText.slice(0,100)} 2479`),d.computedStyles&&(a+=`**Computed Styles:** ${d.computedStyles} 2480`),d.accessibility&&(a+=`**Accessibility:** ${d.accessibility} 2481`),d.nearbyElements&&(a+=`**Nearby Elements:** ${d.nearbyElements} 2482`),d.sourceFile&&(a+=`**Source:** ${d.sourceFile} 2483`),d.reactComponents&&(a+=`**React:** ${d.reactComponents} 2484`),a+=`**Feedback:** ${d.comment} 2485 2486`):(a+=`### ${f+1}. ${d.element} 2487`,a+=`**Location:** ${d.elementPath} 2488`,d.sourceFile&&(a+=`**Source:** ${d.sourceFile} 2489`),d.reactComponents&&(a+=`**React:** ${d.reactComponents} 2490`),r==="detailed"&&(d.cssClasses&&(a+=`**Classes:** ${d.cssClasses} 2491`),d.boundingBox&&(a+=`**Position:** ${Math.round(d.boundingBox.x)}px, ${Math.round(d.boundingBox.y)}px (${Math.round(d.boundingBox.width)}Ã${Math.round(d.boundingBox.height)}px) 2492`)),d.selectedText&&(a+=`**Selected text:** "${d.selectedText}" 2493`),r==="detailed"&&d.nearbyText&&!d.selectedText&&(a+=`**Context:** ${d.nearbyText.slice(0,100)} 2494`),a+=`**Feedback:** ${d.comment} 2495 2496`)}),a.trim()}function yr({demoAnnotations:e,demoDelay:n=1e3,enableDemoMode:r=!1,onAnnotationAdd:i,onAnnotationDelete:u,onAnnotationUpdate:a,onAnnotationsClear:d,onCopy:f,onSubmit:L,copyToClipboard:K=!0,endpoint:C,sessionId:k,onSessionCreated:F,webhookUrl:U,className:se}={}){var eo,to,no;const[$,G]=_.useState(!1),[T,re]=_.useState([]),[Ee,$e]=_.useState(!0),[He,At]=_.useState(()=>xs()),[Fe,Me]=_.useState(!1),gt=_.useRef(null);_.useEffect(()=>{const o=c=>{const m=gt.current;m&&m.contains(c.target)&&c.stopPropagation()},l=["mousedown","click","pointerdown"];return l.forEach(c=>document.body.addEventListener(c,o)),()=>{l.forEach(c=>document.body.removeEventListener(c,o))}},[]);const[pe,ht]=_.useState(!1),[q,we]=_.useState(!1),[ne,ue]=_.useState(null),[Oe,Wt]=_.useState({x:0,y:0}),[y,X]=_.useState(null),[Pe,ge]=_.useState(!1),[ke,Ht]=_.useState("idle"),[Js,fn]=_.useState(!1),[yn,bn]=_.useState(!1),[ft,Ft]=_.useState(null),[Ot,Te]=_.useState(null),[xn,et]=_.useState([]),[wn,kn]=_.useState(null),[yt,Cn]=_.useState(null),[M,tt]=_.useState(null),[Dt,Ce]=_.useState(null),[vn,Be]=_.useState([]),[Re,Sn]=_.useState(0),[Ln,jn]=_.useState(!1),[Z,Co]=_.useState(!1),[me,$n]=_.useState(!1),[nt,zt]=_.useState(!1),[vo,In]=_.useState(!1),[Xt,Qt]=_.useState("main"),[Nn,En]=_.useState(!1),[So,Ut]=_.useState(!1),[Mn,Pn]=_.useState(!1),De=_.useRef(null),[V,ze]=_.useState([]),he=_.useRef({cmd:!1,shift:!1}),le=()=>{Ut(!0)},Lo=()=>{Ut(!1)},jo=()=>{Mn||(De.current=setTimeout(()=>Pn(!0),850))},$o=()=>{De.current&&(clearTimeout(De.current),De.current=null),Pn(!1),Lo()};_.useEffect(()=>()=>{De.current&&clearTimeout(De.current)},[]);const Xe=({content:o,children:l})=>{const[c,m]=_.useState(!1),[p,g]=_.useState(!1),[b,x]=_.useState(!1),[v,I]=_.useState({top:0,right:0}),S=_.useRef(null),j=_.useRef(null),E=_.useRef(null),N=()=>
2496{if(S.current){const ee=S.current.getBoundingClientRect();I({top:ee.top+ee.height/2,right:window.innerWidth-ee.left+8})}},w=()=>{m(!0),x(!0),E.current&&(clearTimeout(E.current),E.current=null),N(),j.current=A(()=>{g(!0)},500)},ie=()=>{m(!1),j.current&&(clearTimeout(j.current),j.current=null),g(!1),E.current=A(()=>{x(!1)},150)};return _.useEffect(()=>()=>{j.current&&clearTimeout(j.current),E.current&&clearTimeout(E.current)},[]),t.jsxs(t.Fragment,{children:[t.jsx("span",{ref:S,onMouseEnter:w,onMouseLeave:ie,children:l}),b&&so.createPortal(t.jsx("div",{"data-feedback-toolbar":!0,style:{position:"fixed",top:v.top,right:v.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:p&&!Nn?1:0,transition:"opacity 0.15s ease"},children:o}),document.body)]})},[h,Ie]=_.useState(go),[P,Tn]=_.useState(!0),[Bn,Rn]=_.useState(!1),Yn=!1,ve="off",[ce,Zt]=_.useState(k??null),An=_.useRef(!1),[oe,Ye]=_.useState(C?"connecting":"disconnected"),[O,Vt]=_.useState(null),[Se,Wn]=_.useState(!1),[Qe,Hn]=_.useState(null),[Io,No]=_.useState(0),Jt=_.useRef(!1),[Fn,ot]=_.useState(new Set),[On,bt]=_.useState(new Set),[st,xt]=_.useState(!1),[Eo,Ue]=_.useState(!1),[Le,Dn]=_.useState(!1),Ze=_.useRef(null),fe=_.useRef(null),rt=_.useRef(null),lt=_.useRef(null),wt=_.useRef(!1),zn=_.useRef(0),kt=_.useRef(null),Xn=_.useRef(null),Kt=8,Mo=50,Qn=_.useRef(null),Un=_.useRef(null),it=_.useRef(null),D=typeof window<"u"?window.location.pathname:"/";_.useEffect(()=>{if(nt)In(!0);else{Ut(!1),Qt("main");const o=A(()=>In(!1),0);return()=>clearTimeout(o)}},[nt]),_.useEffect(()=>{En(!0);const o=A(()=>En(!1),350);return()=>clearTimeout(o)},[Xt]);const Zn=$&&Ee;_.useEffect(()=>{if(Zn){we(!1),ht(!0),ot(new Set);const o=A(()=>{ot(l=>{const c=new Set(l);return T.forEach(m=>c.add(m.id)),c})},350);return()=>clearTimeout(o)}else if(pe){we(!0);const o=A(()=>{ht(!1),we(!1)},250);return()=>clearTimeout(o)}},[Zn]),_.useEffect(()=>{Co(!0),Sn(window.scrollY);const o=ln(D);re(o.filter(Ne)),po||(Rn(!0),po=!0,A(()=>Rn(!1),750));try{const l=localStorage.getItem("feedback-toolbar-settings");l&&Ie({...go,...JSON.parse(l)})}catch{}try{const l=localStorage.getItem("feedback-toolbar-theme");l!==null&&Tn(l==="dark")}catch{}try{const l=localStorage.getItem("feedback-toolbar-position");if(l){const c=JSON.parse(l);typeof c.x=="number"&&typeof c.y=="number"&&Vt(c)}}catch{}},[D]),_.useEffect(()=>{Z&&localStorage.setItem("feedback-toolbar-settings",JSON.stringify(h))},[h,Z]),_.useEffect(()=>{Z&&localStorage.setItem("feedback-toolbar-theme",P?"dark":"light")},[P,Z]);const Vn=_.useRef(!1);_.useEffect(()=>{const o=Vn.current;Vn.current=Se,o&&!Se&&O&&Z&&localStorage.setItem("feedback-toolbar-position",JSON.stringify(O))},[Se,O,Z]),_.useEffect(()=>{if(!C||!Z||An.current)return;An.current=!0,Ye("connecting"),(async()=>{try{const l=ys(D),c=k||l;let m=!1;if(c)try{const p=await _o(C,c);Zt(p.id),Ye("connected"),an(D,p.id),m=!0;const g=ln(D),b=new Set(p.annotations.map(v=>v.id)),x=g.filter(v=>!b.has(v.id));if(x.length>0){const I=`${typeof window<"u"?window.location.origin:""}${D}`,j=(await Promise.allSettled(x.map(N=>Pt(C,p.id,{...N,sessionId:p.id,url:I})))).map((N,w)=>N.status==="fulfilled"?N.value:(console.warn("[Agentation] Failed to sync annotation:",N.reason),x[w])),E=[...p.annotations,...j];re(E.filter(Ne)),ct(D,E.filter(Ne),p.id)}else re(p.annotations.filter(Ne)),ct(D,p.annotations.filter(Ne),p.id)}catch(p){console.warn("[Agentation] Could not join session, creating new:",p),bs(D)}if(!m){const p=typeof window<"u"?window.location.href:"/",g=await _n(C,p);Zt(g.id),Ye("connected"),an(D,g.id),F==null||F(g.id);const b=fs(),x=typeof window<"u"?window.location.origin:"",v=[];for(const[I,S]of b){const j=S.filter(w=>!w._syncedTo);if(j.length===0)continue;const E=`${x}${I}`,N=I===D;v.push((async()=>{try{const w=N?g:await _n(C,E),je=(await Promise.allSettled(j.map(J=>Pt(C,w.id,{...J,sessionId:w.id,url:E})))).map((J,te)=>J.status==="fulfilled"?J.value:(console.warn("[Agentation] Failed to sync annotation:",J.reason),j[te])).filter(Ne);if(ct(I,je,w.id),N){const J=new Set(j.map(te=>te.id));re(te=>{const Y=te.filter(B=>!J.has(B.id));return[...je,...Y]})}}catch(w){console.warn(`[Agentation] Failed to sync annotations for ${I}:`,w)}})())}await Promise.allSettled(v)}}catch(l){Ye("disconnected"),console.warn("[Agentation] Failed to initialize session, using local storage:",l)}})()},[C,k,Z,F,D]),_.useEffect(()=>{if(!C||!Z)return;const o=async()=>{try{(await fetch(`${C}/health`)).ok?Ye("connected"):Ye("disconnected")}catch{Ye("disconnected")}};o();const l=is(o,1e4);return()=>clearInterval(l)},[C,Z]),_.useEffect(()=>{if(!C||!Z||!ce)return;const o=new EventSource(`${C}/sessions/${ce}/events`),l=["resolved","dismissed"],c=m=>{var p;try{const g=JSON.parse(m.data);if(l.includes((p=g.payload)==null?void 0:p.status)){const b=g.payload.id;bt(x=>new Set(x).add(b)),A(()=>{re(x=>x.filter(v=>v.id!==b)),bt(x=>{const v=new Set(x);return v.delete(b),v})},150)}}catch{}};return o.addEventListener("annotation.updated",c),()=>{o.removeEventListener("annotation.updated",c),o.close()}},[C,Z,ce]),_.useEffect(()=>{if(!C||!Z)return;const o=Xn.current==="disconnected",l=oe==="connected";Xn.current=oe,o&&l&&(async()=>{try{const m=ln(D);if(m.length===0)return;const g=`${typeof window<"u"?window.location.origin:""}${D}`;let b=ce,x=[];if(b)try{x=(await _o(C,b)).annotations}catch{b=null}b||(b=(await _n(C,g)).id,Zt(b),an(D,b));const v=new Set(x.map(S=>S.id)),I=m.filter(S=>!v.has(S.id));if(I.length>0){const j=(await Promise.allSettled(I.map(w=>Pt(C,b,{...w,sessionId:b,url:g})))).map((w,ie)=>w.status==="fulfilled"?w.value:(console.warn("[Agentation] Failed to sync annotation on reconnect:",w.reason),I[ie])),N=[...x,...j].filter(Ne);re(N),ct(D,N,b)}}catch(m){console.warn("[Agentation] Failed to sync on reconnect:",m)}})()},[oe,C,Z,ce,D]);const Po=_.useCallback(()=>{Fe||(Me(!0),zt(!1),G(!1),A(()=>{ws(!0),At(!0),Me(!1)},400))},[Fe]);_.useEffect(()=>{if(!r||!Z||!e||e.length===0||T.length>0)return;const o=[];return o.push(A(()=>{G(!0)},n-200)),e.forEach((l,c)=>{const m=n+c*300;o.push(A(()=>{const p=document.querySelector(l.selector);if(!p)return;const g=p.getBoundingClientRect(),{name:b,path:x}=Rt(p),v={id:`demo-${Date.now()}-${c}`,x:(g.left+g.width/2)/window.innerWidth*100,y:g.top+g.height/2+window.scrollY,comment:l.comment,element:b,elementPath:x,timestamp:Date.now(),selectedText:l.selectedText,boun
2496dingBox:{x:g.left,y:g.top+window.scrollY,width:g.width,height:g.height},nearbyText:at(p),cssClasses:_t(p)};re(I=>[...I,v])},m))}),()=>{o.forEach(clearTimeout)}},[r,Z,e,n]),_.useEffect(()=>{const o=()=>{Sn(window.scrollY),jn(!0),it.current&&clearTimeout(it.current),it.current=A(()=>{jn(!1)},150)};return window.addEventListener("scroll",o,{passive:!0}),()=>{window.removeEventListener("scroll",o),it.current&&clearTimeout(it.current)}},[]),_.useEffect(()=>{Z&&T.length>0?ce?ct(D,T,ce):xo(D,T):Z&&T.length===0&&localStorage.removeItem(Yt(D))},[T,D,Z,ce]);const Jn=_.useCallback(()=>{me||(_s(),$n(!0))},[me]),Ct=_.useCallback(()=>{me&&(io(),$n(!1))},[me]),Gt=_.useCallback(()=>{me?Ct():Jn()},[me,Jn,Ct]),Kn=_.useCallback(()=>{if(V.length===0)return;const o=V[0],l=o.element,c=V.length>1,m=V.map(p=>p.element.getBoundingClientRect());if(c){const p={left:Math.min(...m.map(w=>w.left)),top:Math.min(...m.map(w=>w.top)),right:Math.max(...m.map(w=>w.right)),bottom:Math.max(...m.map(w=>w.bottom))},g=V.slice(0,5).map(w=>w.name).join(", "),b=V.length>5?` +${V.length-5} more`:"",x=m.map(w=>({x:w.left,y:w.top+window.scrollY,width:w.width,height:w.height})),I=V[V.length-1].element,S=m[m.length-1],j=S.left+S.width/2,E=S.top+S.height/2,N=un(I);X({x:j/window.innerWidth*100,y:N?E:E+window.scrollY,clientY:E,element:`${V.length} elements: ${g}${b}`,elementPath:"multi-select",boundingBox:{x:p.left,y:p.top+window.scrollY,width:p.right-p.left,height:p.bottom-p.top},isMultiSelect:!0,isFixed:N,elementBoundingBoxes:x,multiSelectElements:V.map(w=>w.element),targetElement:I,fullPath:Mt(l),accessibility:Et(l),computedStyles:Nt(l),computedStylesObj:It(l),nearbyElements:$t(l),cssClasses:_t(l),nearbyText:at(l),sourceFile:Bt(l)})}else{const p=m[0],g=un(l);X({x:p.left/window.innerWidth*100,y:g?p.top:p.top+window.scrollY,clientY:p.top,element:o.name,elementPath:o.path,boundingBox:{x:p.left,y:g?p.top:p.top+window.scrollY,width:p.width,height:p.height},isFixed:g,fullPath:Mt(l),accessibility:Et(l),computedStyles:Nt(l),computedStylesObj:It(l),nearbyElements:$t(l),cssClasses:_t(l),nearbyText:at(l),reactComponents:o.reactComponents,sourceFile:Bt(l)})}ze([]),ue(null)},[V]);_.useEffect(()=>{$||(X(null),tt(null),Ce(null),Be([]),ue(null),zt(!1),ze([]),he.current={cmd:!1,shift:!1},me&&Ct())},[$,me,Ct]),_.useEffect(()=>()=>{io()},[]),_.useEffect(()=>{if(!$)return;const o=document.createElement("style");return o.id="feedback-cursor-styles",o.textContent=` 2497 body * { 2498 cursor: crosshair !important; 2499 } 2500 body p, body span, body h1, body h2, body h3, body h4, body h5, body h6, 2501 body li, body td, body th, body label, body blockquote, body figcaption, 2502 body caption, body legend, body dt, body dd, body pre, body code, 2503 body em, body strong, body b, body i, body u, body s, body a, 2504 body time, body address, body cite, body q, body abbr, body dfn, 2505 body mark, body small, body sub, body sup, body [contenteditable], 2506 body p *, body span *, body h1 *, body h2 *, body h3 *, body h4 *, 2507 body h5 *, body h6 *, body li *, body a *, body label *, body pre *, 2508 body code *, body blockquote *, body [contenteditable] * { 2509 cursor: text !important; 2510 } 2511 [data-feedback-toolbar], [data-feedback-toolbar] * { 2512 cursor: default !important; 2513 } 2514 [data-feedback-toolbar] textarea, 2515 [data-feedback-toolbar] input[type="text"], 2516 [data-feedback-toolbar] input[type="url"] { 2517 cursor: text !important; 2518 } 2519 [data-feedback-toolbar] button, 2520 [data-feedback-toolbar] button *, 2521 [data-feedback-toolbar] label, 2522 [data-feedback-toolbar] label *, 2523 [data-feedback-toolbar] a, 2524 [data-feedback-toolbar] a *, 2525 [data-feedback-toolbar] [role="button"], 2526 [data-feedback-toolbar] [role="button"] * { 2527 cursor: pointer !important; 2528 } 2529 [data-annotation-marker], [data-annotation-marker] * { 2530 cursor: pointer !important; 2531 } 2532 `,document.head.appendChild(o),()=>{const l=document.getElementById("feedback-cursor-styles");l&&l.remove()}},[$]),_.useEffect(()=>{if(!$||y)return;const o=l=>{const c=l.composedPath()[0]||l.target;if(_e(c,"[data-feedback-toolbar]")){ue(null);return}const m=Ge(l.clientX,l.clientY);if(!m||_e(m,"[data-feedback-toolbar]")){ue(null);return}const{name:p,elementName:g,path:b,reactComponents:x}=dn(m,ve),v=m.getBoundingClientRect();ue({element:p,elementName:g,elementPath:b,rect:v,reactComponents:x}),Wt({x:l.clientX,y:l.clientY})};return document.addEventListener("mousemove",o),()=>document.removeEventListener("mousemove",o)},[$,y,ve]),_.useEffect(()=>{if(!$)return;const o=l=>{var ee,je;if(wt.current){wt.current=!1;return}const c=l.composedPath()[0]||l.target;if(_e(c,"[data-feedback-toolbar]")||_e(c,"[data-annotation-popup]")||_e(c,"[data-annotation-marker]"))return;if(l.metaKey&&l.shiftKey&&!y&&!M){l.preventDefault(),l.stopPropagation();const J=Ge(l.clientX,l.clientY);if(!J)return;const te=J.getBoundingClientRect(),{name:Y,path:B,reactComponents:ae}=dn(J,ve),Q=V.findIndex(de=>de.element===J);Q>=0?ze(de=>de.filter((be,jt)=>jt!==Q)):ze(de=>[...de,{element:J,rect:te,name:Y,path:B,reactComponents:ae??void 0}]);return}const m=_e(c,"button, a, input, select, textarea, [role='button'], [onclick]");if(h.blockInteractions&&m&&(l.preventDefault(),l.stopPropagation()),y){if
2532(m&&!h.blockInteractions)return;l.preventDefault(),(ee=Qn.current)==null||ee.shake();return}if(M){if(m&&!h.blockInteractions)return;l.preventDefault(),(je=Un.current)==null||je.shake();return}l.preventDefault();const p=Ge(l.clientX,l.clientY);if(!p)return;const{name:g,path:b,reactComponents:x}=dn(p,ve),v=p.getBoundingClientRect(),I=l.clientX/window.innerWidth*100,S=un(p),j=S?l.clientY:l.clientY+window.scrollY,E=window.getSelection();let N;E&&E.toString().trim().length>0&&(N=E.toString().trim().slice(0,500));const w=It(p),ie=Nt(p);X({x:I,y:j,clientY:l.clientY,element:g,elementPath:b,selectedText:N,boundingBox:{x:v.left,y:S?v.top:v.top+window.scrollY,width:v.width,height:v.height},nearbyText:at(p),cssClasses:_t(p),isFixed:S,fullPath:Mt(p),accessibility:Et(p),computedStyles:ie,computedStylesObj:w,nearbyElements:$t(p),reactComponents:x??void 0,sourceFile:Bt(p),targetElement:p}),ue(null)};return document.addEventListener("click",o,!0),()=>document.removeEventListener("click",o,!0)},[$,y,M,h.blockInteractions,ve,V]),_.useEffect(()=>{if(!$)return;const o=m=>{m.key==="Meta"&&(he.current.cmd=!0),m.key==="Shift"&&(he.current.shift=!0)},l=m=>{const p=he.current.cmd&&he.current.shift;m.key==="Meta"&&(he.current.cmd=!1),m.key==="Shift"&&(he.current.shift=!1);const g=he.current.cmd&&he.current.shift;p&&!g&&V.length>0&&Kn()},c=()=>{he.current={cmd:!1,shift:!1},ze([])};return document.addEventListener("keydown",o),document.addEventListener("keyup",l),window.addEventListener("blur",c),()=>{document.removeEventListener("keydown",o),document.removeEventListener("keyup",l),window.removeEventListener("blur",c)}},[$,V,Kn]),_.useEffect(()=>{if(!$||y)return;const o=l=>{const c=l.composedPath()[0]||l.target;_e(c,"[data-feedback-toolbar]")||_e(c,"[data-annotation-marker]")||_e(c,"[data-annotation-popup]")||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"]).has(c.tagName)||c.isContentEditable||(Ze.current={x:l.clientX,y:l.clientY})};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[$,y]),_.useEffect(()=>{if(!$||y)return;const o=l=>{if(!Ze.current)return;const c=l.clientX-Ze.current.x,m=l.clientY-Ze.current.y,p=c*c+m*m,g=Kt*Kt;if(!Le&&p>=g&&(fe.current=Ze.current,Dn(!0)),(Le||p>=g)&&fe.current){if(rt.current){const Y=Math.min(fe.current.x,l.clientX),B=Math.min(fe.current.y,l.clientY),ae=Math.abs(l.clientX-fe.current.x),Q=Math.abs(l.clientY-fe.current.y);rt.current.style.transform=`translate(${Y}px, ${B}px)`,rt.current.style.width=`${ae}px`,rt.current.style.height=`${Q}px`}const b=Date.now();if(b-zn.current<Mo)return;zn.current=b;const x=fe.current.x,v=fe.current.y,I=Math.min(x,l.clientX),S=Math.min(v,l.clientY),j=Math.max(x,l.clientX),E=Math.max(v,l.clientY),N=(I+j)/2,w=(S+E)/2,ie=new Set,ee=[[I,S],[j,S],[I,E],[j,E],[N,w],[N,S],[N,E],[I,w],[j,w]];for(const[Y,B]of ee){const ae=document.elementsFromPoint(Y,B);for(const Q of ae)Q instanceof HTMLElement&&ie.add(Q)}const je=document.querySelectorAll("button, a, input, img, p, h1, h2, h3, h4, h5, h6, li, label, td, th, div, span, section, article, aside, nav");for(const Y of je)if(Y instanceof HTMLElement){const B=Y.getBoundingClientRect(),ae=B.left+B.width/2,Q=B.top+B.height/2,de=ae>=I&&ae<=j&&Q>=S&&Q<=E,be=Math.min(B.right,j)-Math.max(B.left,I),jt=Math.min(B.bottom,E)-Math.max(B.top,S),Wo=be>0&&jt>0?be*jt:0,oo=B.width*B.height,Ho=oo>0?Wo/oo:0;(de||Ho>.5)&&ie.add(Y)}const J=[],te=new Set(["BUTTON","A","INPUT","IMG","P","H1","H2","H3","H4","H5","H6","LI","LABEL","TD","TH","SECTION","ARTICLE","ASIDE","NAV"]);for(const Y of ie){if(_e(Y,"[data-feedback-toolbar]")||_e(Y,"[data-annotation-marker]"))continue;const B=Y.getBoundingClientRect();if(!(B.width>window.innerWidth*.8&&B.height>window.innerHeight*.5)&&!(B.width<10||B.height<10)&&B.left<j&&B.right>I&&B.top<E&&B.bottom>S){const ae=Y.tagName;let Q=te.has(ae);if(!Q&&(ae==="DIV"||ae==="SPAN")){const de=Y.textContent&&Y.textContent.trim().length>0,be=Y.onclick!==null||Y.getAttribute("role")==="button"||Y.getAttribute("role")==="link"||Y.classList.contains("clickable")||Y.hasAttribute("data-clickable");(de||be)&&!Y.querySelector("p, h1, h2, h3, h4, h5, h6, button, a")&&(Q=!0)}if(Q){let de=!1;for(const be of J)if(be.left<=B.left&&be.right>=B.right&&be.top<=B.top&&be.bottom>=B.bottom){de=!0;break}de||J.push(B)}}}if(lt.current){const Y=lt.current;for(;Y.children.length>J.length;)Y.removeChild(Y.lastChild);J.forEach((B,ae)=>{let Q=Y.children[ae];Q||(Q=document.createElement("div"),Q.className=s.selectedElementHighlight,Y.a
2532ppendChild(Q)),Q.style.transform=`translate(${B.left}px, ${B.top}px)`,Q.style.width=`${B.width}px`,Q.style.height=`${B.height}px`})}}};return document.addEventListener("mousemove",o,{passive:!0}),()=>document.removeEventListener("mousemove",o)},[$,y,Le,Kt]),_.useEffect(()=>{if(!$)return;const o=l=>{const c=Le,m=fe.current;if(Le&&m){wt.current=!0;const p=Math.min(m.x,l.clientX),g=Math.min(m.y,l.clientY),b=Math.max(m.x,l.clientX),x=Math.max(m.y,l.clientY),v=[];document.querySelectorAll("button, a, input, img, p, h1, h2, h3, h4, h5, h6, li, label, td, th").forEach(N=>{if(!(N instanceof HTMLElement)||_e(N,"[data-feedback-toolbar]")||_e(N,"[data-annotation-marker]"))return;const w=N.getBoundingClientRect();w.width>window.innerWidth*.8&&w.height>window.innerHeight*.5||w.width<10||w.height<10||w.left<b&&w.right>p&&w.top<x&&w.bottom>g&&v.push({element:N,rect:w})});const S=v.filter(({element:N})=>!v.some(({element:w})=>w!==N&&N.contains(w))),j=l.clientX/window.innerWidth*100,E=l.clientY+window.scrollY;if(S.length>0){const N=S.reduce((te,{rect:Y})=>({left:Math.min(te.left,Y.left),top:Math.min(te.top,Y.top),right:Math.max(te.right,Y.right),bottom:Math.max(te.bottom,Y.bottom)}),{left:1/0,top:1/0,right:-1/0,bottom:-1/0}),w=S.slice(0,5).map(({element:te})=>Rt(te).name).join(", "),ie=S.length>5?` +${S.length-5} more`:"",ee=S[0].element,je=It(ee),J=Nt(ee);X({x:j,y:E,clientY:l.clientY,element:`${S.length} elements: ${w}${ie}`,elementPath:"multi-select",boundingBox:{x:N.left,y:N.top+window.scrollY,width:N.right-N.left,height:N.bottom-N.top},isMultiSelect:!0,fullPath:Mt(ee),accessibility:Et(ee),computedStyles:J,computedStylesObj:je,nearbyElements:$t(ee),cssClasses:_t(ee),nearbyText:at(ee),sourceFile:Bt(ee)})}else{const N=Math.abs(b-p),w=Math.abs(x-g);N>20&&w>20&&X({x:j,y:E,clientY:l.clientY,element:"Area selection",elementPath:`region at (${Math.round(p)}, ${Math.round(g)})`,boundingBox:{x:p,y:g+window.scrollY,width:N,height:w},isMultiSelect:!0})}ue(null)}else c&&(wt.current=!0);Ze.current=null,fe.current=null,Dn(!1),lt.current&&(lt.current.innerHTML="")};return document.addEventListener("mouseup",o),()=>document.removeEventListener("mouseup",o)},[$,Le]);const ye=_.useCallback(async(o,l,c)=>{const m=h.webhookUrl||U;if(!m||!h.webhooksEnabled&&!c)return!1;try{return(await fetch(m,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({event:o,timestamp:Date.now(),url:typeof window<"u"?window.location.href:void 0,...l})})).ok}catch(p){return console.warn("[Agentation] Webhook failed:",p),!1}},[U,h.webhookUrl,h.webhooksEnabled]),To=_.useCallback(o=>{var c;if(!y)return;const l={id:Date.now().toString(),x:y.x,y:y.y,comment:o,element:y.element,elementPath:y.elementPath,timestamp:Date.now(),selectedText:y.selectedText,boundingBox:y.boundingBox,nearbyText:y.nearbyText,cssClasses:y.cssClasses,isMultiSelect:y.isMultiSelect,isFixed:y.isFixed,fullPath:y.fullPath,accessibility:y.accessibility,computedStyles:y.computedStyles,nearbyElements:y.nearbyElements,reactComponents:y.reactComponents,sourceFile:y.sourceFile,elementBoundingBoxes:y.elementBoundingBoxes,...C&&ce?{sessionId:ce,url:typeof window<"u"?window.location.href:void 0,status:"pending"}:{}};re(m=>[...m,l]),kt.current=l.id,A(()=>{kt.current=null},300),A(()=>{ot(m=>new Set(m).add(l.id))},250),i==null||i(l),ye("annotation.add",{annotation:l}),xt(!0),A(()=>{X(null),xt(!1)},150),(c=window.getSelection())==null||c.removeAllRanges(),C&&ce&&Pt(C,ce,l).then(m=>{m.id!==l.id&&(re(p=>p.map(g=>g.id===l.id?{...g,id:m.id}:g)),ot(p=>{const g=new Set(p);return g.delete(l.id),g.add(m.id),g}))}).catch(m=>{console.warn("[Agentation] Failed to sync annotation:",m)})},[y,i,ye,C,ce]),Bo=_.useCallback(()=>{xt(!0),A(()=>{X(null),xt(!1)},150)},[]),qt=_.useCallback(o=>{const l=T.findIndex(m=>m.id===o),c=T[l];(M==null?void 0:M.id)===o&&(Ue(!0),A(()=>{tt(null),Ce(null),Be([]),Ue(!1)},150)),kn(o),bt(m=>new Set(m).add(o)),c&&(u==null||u(c),ye("annotation.delete",{annotation:c})),C&&co(C,o).catch(m=>{console.warn("[Agentation] Failed to delete annotation from server:",m)}),A(()=>{re(m=>m.filter(p=>p.id!==o)),bt(m=>{const p=new Set(m);return p.delete(o),p}),kn(null),l<T.length-1&&(Cn(l),A(()=>Cn(null),200))},150)},[T,M,u,ye,C]),vt=_.useCallback(o=>{var l;if(tt(o),Ft(null),Te(null),et([]),(l=o.elementBoundingBoxes)!=null&&l.length){const c=[];for(const m of o.elementBoundingBoxes){const p=m.x+m.width/2,g=m.y+m.height/2-window.scrollY,b=Ge(p,g);b&&c.push(b)}Be(c),Ce(null)}else if(o.boundingBox){const c=o.boundingBox,m=c.x+c.width/2,p=o.isFixed?c.y+c.height/2:c.y+c.height/2-window.scrollY,g=Ge(m,p);if(g){const b=g.getBoundingClientRect(),x=b.width/c.width,v=b.height/c.height;x<.5||v<.5?Ce(null):Ce(g)}else Ce(null);Be([])}else Ce(null),Be([])},[]),St=_.useCallback(o=>{var l;if(!o){Ft(null),Te(null),et([]);return}if(Ft(o.id),(l=o.elementBoundingBoxes)!=null&&l.length){const c=[];for(const m of o.elementBoundingBoxes){const p=m.x+m.width/2,g=m.y+m.height/2-window.scrollY,x=document.elementsFromPoint(p,g).find(v=>!v.closest("[data-annotation-marker]")&&!v.closest("[data-agentation-root]"));x&&c.push(x)}et(c),Te(null)}else if(o.boundingBox){const c=o.boundingBox,m=c.x+c.width/2,p=o.isFixed?c.y+c.height/2:c.y+c.height/2-window.scrollY,g=Ge(m,p);if(g){const b=g.getBoundingClientRect(),x=b.width/c.width,v=b.height/c.height;x<.5||v<.5?Te(null):Te(g)}else Te(null);et([])}else Te(null),et([])},[]),Ro=_.useCallback(o=>
2532{if(!M)return;const l={...M,comment:o};re(c=>c.map(m=>m.id===M.id?l:m)),a==null||a(l),ye("annotation.update",{annotation:l}),C&&ks(C,M.id,{comment:o}).catch(c=>{console.warn("[Agentation] Failed to update annotation on server:",c)}),Ue(!0),A(()=>{tt(null),Ce(null),Be([]),Ue(!1)},150)},[M,a,ye,C]),Yo=_.useCallback(()=>{Ue(!0),A(()=>{tt(null),Ce(null),Be([]),Ue(!1)},150)},[]),Ae=_.useCallback(()=>{const o=T.length;if(o===0)return;d==null||d(T),ye("annotations.clear",{annotations:T}),C&&Promise.all(T.map(c=>co(C,c.id).catch(m=>{console.warn("[Agentation] Failed to delete annotation from server:",m)}))),bn(!0),fn(!0);const l=o*30+200;A(()=>{re([]),ot(new Set),localStorage.removeItem(Yt(D)),bn(!1)},l),A(()=>fn(!1),1500)},[D,T,d,ye,C]),en=_.useCallback(async()=>{const o=typeof window<"u"?window.location.pathname+window.location.search+window.location.hash:D,l=ho(T,o,h.outputDetail,ve);if(l){if(K)try{await navigator.clipboard.writeText(l)}catch{}f==null||f(l),ge(!0),A(()=>ge(!1),2e3),h.autoClearAfterCopy&&A(()=>Ae(),500)}},[T,D,h.outputDetail,ve,h.autoClearAfterCopy,Ae,K,f]),tn=_.useCallback(async()=>{const o=typeof window<"u"?window.location.pathname+window.location.search+window.location.hash:D,l=ho(T,o,h.outputDetail,ve);if(!l)return;L&&L(l,T),Ht("sending"),await new Promise(m=>A(m,150));const c=await ye("submit",{output:l,annotations:T},!0);Ht(c?"sent":"failed"),A(()=>Ht("idle"),2500),c&&h.autoClearAfterCopy&&A(()=>Ae(),500)},[L,ye,T,D,h.outputDetail,ve,h.autoClearAfterCopy,Ae]);_.useEffect(()=>{if(!Qe)return;const o=10,l=m=>{const p=m.clientX-Qe.x,g=m.clientY-Qe.y,b=Math.sqrt(p*p+g*g);if(!Se&&b>o&&Wn(!0),Se||b>o){let x=Qe.toolbarX+p,v=Qe.toolbarY+g;const I=20,S=297,j=44,N=S-($?oe==="connected"?297:257:44),w=I-N,ie=window.innerWidth-I-S;x=Math.max(w,Math.min(ie,x)),v=Math.max(I,Math.min(window.innerHeight-j-I,v)),Vt({x,y:v})}},c=()=>{Se&&(Jt.current=!0),Wn(!1),Hn(null)};return document.addEventListener("mousemove",l),document.addEventListener("mouseup",c),()=>{document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",c)}},[Qe,Se,$,oe]);const Ao=_.useCallback(o=>{if(o.target.closest("button")||o.target.closest(`.${s.settingsPanel}`))return;const l=o.currentTarget.parentElement;if(!l)return;const c=l.getBoundingClientRect(),m=(O==null?void 0:O.x)??c.left,p=(O==null?void 0:O.y)??c.top,g=(Math.random()-.5)*10;No(g),Hn({x:o.clientX,y:o.clientY,toolbarX:m,toolbarY:p})},[O]);if(_.useEffect(()=>{if(!O)return;const o=()=>{let p=O.x,g=O.y;const v=20-(297-($?oe==="connected"?297:257:44)),I=window.innerWidth-20-297;p=Math.max(v,Math.min(I,p)),g=Math.max(20,Math.min(window.innerHeight-44-20,g)),(p!==O.x||g!==O.y)&&Vt({x:p,y:g})};return o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[O,$,oe]),_.useEffect(()=>{const o=l=>{const c=l.target,m=c.tagName==="INPUT"||c.tagName==="TEXTAREA"||c.isContentEditable;if(l.key==="Escape"){if(V.length>0){ze([]);return}y||$&&(le(),G(!1))}if((l.metaKey||l.ctrlKey)&&l.shiftKey&&(l.key==="f"||l.key==="F")){l.preventDefault(),le(),G(p=>!p);return}if(!(m||l.metaKey||l.ctrlKey)&&((l.key==="p"||l.key==="P")&&(l.preventDefault(),le(),Gt()),(l.key==="h"||l.key==="H")&&T.length>0&&(l.preventDefault(),le(),$e(p=>!p)),(l.key==="c"||l.key==="C")&&T.length>0&&(l.preventDefault(),le(),en()),(l.key==="x"||l.key==="X")&&T.length>0&&(l.preventDefault(),le(),Ae()),l.key==="s"||l.key==="S")){const p=xe(h.webhookUrl)||xe(U||"");T.length>0&&p&&ke==="idle"&&(l.preventDefault(),le(),tn())}};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[$,y,T.length,h.webhookUrl,U,ke,tn,Gt,en,Ae,V]),!Z||He)return null;const Ve=T.length>0,Lt=T.filter(o=>!On.has(o.id)&&Ne(o)),Gn=T.filter(o=>On.has(o.id)),qn=o=>{const g=o.x/100*window.innerWidth,b=typeof o.y=="string"?parseFloat(o.y):o.y,x={};window.innerHeight-b-22-10<80&&(x.top="auto",x.bottom="calc(100% + 10px)");const I=g-200/2,S=10;if(I<S){const j=S-I;x.left=`calc(50% + ${j}px)`}else if(I+200>window.innerWidth-S){const j=I+200-(window.innerWidth-S);x.left=`calc(50% - ${j}px)`}return x};return so.createPortal(t.jsxs("div",{ref:gt,style:{display:"contents"},children:[t.jsx("div",{className:`${s.toolbar}${se?` ${se}`:""}`,"data-feedback-toolbar":!0,style:O?{left:O.x,top:O.y,right:"auto",bottom:"auto"}:void 0,children:t.jsxs("div",{className:`${s.toolbarContainer} ${P?"":s.light} ${$?s.expanded:s.collapsed} ${Bn?s.entrance:""} ${Fe?s.hiding:""} ${Se?s.dragging:""} ${!h.webhooksEnabled&&(xe(h.webhookUrl)||xe(U||""))?s.serverConnected:""}`,onClick:$?void 0:o=>
2532{if(Jt.current){Jt.current=!1,o.preventDefault();return}G(!0)},onMouseDown:Ao,role:$?void 0:"button",tabIndex:$?-1:0,title:$?void 0:"Start feedback mode",style:{...Se&&{transform:`scale(1.05) rotate(${Io}deg)`,cursor:"grabbing"}},children:[t.jsxs("div",{className:`${s.toggleContent} ${$?s.hidden:s.visible}`,children:[t.jsx(Zo,{size:24}),Ve&&t.jsx("span",{className:`${s.badge} ${$?s.fadeOut:""} ${Bn?s.entrance:""}`,style:{backgroundColor:h.annotationColor},children:T.length})]}),t.jsxs("div",{className:`${s.controlsContent} ${$?s.visible:s.hidden} ${O&&O.y<100?s.tooltipBelow:""} ${So||nt?s.tooltipsHidden:""} ${Mn?s.tooltipsInSession:""}`,onMouseEnter:jo,onMouseLeave:$o,children:[t.jsxs("div",{className:`${s.buttonWrapper} ${O&&O.x<120?s.buttonWrapperAlignLeft:""}`,children:[t.jsx("button",{className:`${s.controlButton} ${P?"":s.light}`,onClick:o=>{o.stopPropagation(),le(),Gt()},"data-active":me,children:t.jsx(Go,{size:24,isPaused:me})}),t.jsxs("span",{className:s.buttonTooltip,children:[me?"Resume animations":"Pause animations",t.jsx("span",{className:s.shortcut,children:"P"})]})]}),t.jsxs("div",{className:s.buttonWrapper,children:[t.jsx("button",{className:`${s.controlButton} ${P?"":s.light}`,onClick:o=>{o.stopPropagation(),le(),$e(!Ee)},disabled:!Ve,children:t.jsx(Ko,{size:24,isOpen:Ee})}),t.jsxs("span",{className:s.buttonTooltip,children:[Ee?"Hide markers":"Show markers",t.jsx("span",{className:s.shortcut,children:"H"})]})]}),t.jsxs("div",{className:s.buttonWrapper,children:[t.jsx("button",{className:`${s.controlButton} ${P?"":s.light} ${Pe?s.statusShowing:""}`,onClick:o=>{o.stopPropagation(),le(),en()},disabled:!Ve,"data-active":Pe,children:t.jsx(Vo,{size:24,copied:Pe})}),t.jsxs("span",{className:s.buttonTooltip,children:["Copy feedback",t.jsx("span",{className:s.shortcut,children:"C"})]})]}),t.jsxs("div",{className:`${s.buttonWrapper} ${s.sendButtonWrapper} ${$&&!h.webhooksEnabled&&(xe(h.webhookUrl)||xe(U||""))?s.sendButtonVisible:""}`,children:[t.jsxs("button",{className:`${s.controlButton} ${P?"":s.light} ${ke==="sent"||ke==="failed"?s.statusShowing:""}`,onClick:o=>{o.stopPropagation(),le(),tn()},disabled:!Ve||!xe(h.webhookUrl)&&!xe(U||"")||ke==="sending","data-no-hover":ke==="sent"||ke==="failed",tabIndex:xe(h.webhookUrl)||xe(U||"")?0:-1,children:[t.jsx(Jo,{size:24,state:ke}),Ve&&ke==="idle"&&t.jsx("span",{className:`${s.buttonBadge} ${P?"":s.light}`,style:{backgroundColor:h.annotationColor},children:T.length})]}),t.jsxs("span",{className:s.buttonTooltip,children:["Send Annotations",t.jsx("span",{className:s.shortcut,children:"S"})]})]}),t.jsxs("div",{className:s.buttonWrapper,children:[t.jsx("button",{className:`${s.controlButton} ${P?"":s.light}`,onClick:o=>{o.stopPropagation(),le(),Ae()},disabled:!Ve,"data-danger":!0,children:t.jsx(es,{size:24})}),t.jsxs("span",{className:s.buttonTooltip,children:["Clear all",t.jsx("span",{className:s.shortcut,children:"X"})]})]}),t.jsxs("div",{className:s.buttonWrapper,children:[t.jsx("button",{className:`${s.controlButton} ${P?"":s.light}`,onClick:o=>{o.stopPropagation(),le(),zt(!nt)},children:t.jsx(qo,{size:24})}),C&&oe!=="disconnected"&&t.jsx("span",{className:`${s.mcpIndicator} ${P?"":s.light} ${s[oe]} ${nt?s.hidden:""}`,title:oe==="connected"?"MCP Connected":"MCP Connecting..."}),t.jsx("span",{className:s.buttonTooltip,children:"Settings"})]}),t.jsx("div",{className:`${s.divider} ${P?"":s.light}`}),t.jsxs("div",{className:`${s.buttonWrapper} ${O&&typeof window<"u"&&O.x>window.innerWidth-120?s.buttonWrapperAlignRight:""}`,children:[t.jsx("button",{className:`${s.controlButton} ${P?"":s.light}`,onClick:o=>{o.stopPropagation(),le(),G(!1)},children:t.jsx(ts,{size:24})}),t.jsxs("span",{className:s.buttonTooltip,children:["Exit",t.jsx("span",{className:s.shortcut,children:"Esc"})]})]})]}),t.jsx("div",{className:`${s.settingsPanel} ${P?s.dark:s.light} ${vo?s.enter:s.exit}`,onClick:o=>o.stopPropagation(),style:O&&O.y<230?{bottom:"auto",top:"calc(100% + 0.5rem)"}:void 0,children:t.jsxs("div",{className:`${s.settingsPanelContainer} ${Nn?s.transitioning:""}`,children:[t.jsxs("div",{className:`${s.settingsPage} ${Xt==="automations"?s.slideLeft:""}`,children:[t.jsxs("div",{className:s.settingsHeader,children:[t.jsxs("span",{className:s.settingsBrand,children:[t.jsx("span",{className:s.settingsBrandSlash,style:{color:h.annotationColor,transition:"color 0.2s ease"},children:"/"}),"agentation"]}),t.jsxs("span",{className:s.settingsVersion,children:["v","2.3.2"]}),t.jsx("button",{className:s.themeToggle,onClick:()=>Tn(!P),title:P?"Switch to light mode":"Switch to dark mode",children:t.jsx("span",{className:s.themeIconWrapper,children:t.jsx("span",{className:s.themeIcon,children:P?t.jsx(ns,{size:20}):t.jsx(os,{size:20})},P?"sun":"moon")})})]}),t.jsxs("div",{className:s.settingsSection,children:[t.jsxs("div",{className:s.settingsRow,children:[t.jsxs("div",{className:`${s.settingsLabel} ${P?"":s.light}`,children:["Output Detail",t.jsx(Xe,{content:"Controls how much detail is included in the copied output",children:t.jsx("span",{className:s.helpIcon,children:t.jsx(Je,{size:20})})})]}),t.jsxs("button",{className:`${s.cycleButton} ${P?"":s.light}`,onClick:()=>{const l=(mt.findIndex(c=>c.value===h.outputDetail)+1)%mt.length;Ie(c=>({...c,outputDetail:mt[l].value}))},children:[t.jsx("span",{className:s.cycleButtonText,children:(eo=mt.find(o=>o.value===h.outputDetail))==null?void 0:eo.label},h.outputDetail),t.jsx("span",{className:s.cycleDots,children:mt.map((o,l)=>t.jsx("span",{className:`${s.cycleDot} ${P?"":s.light} ${h.outputDetail===o.value?s.active:""}`},o.value))})]})]}),t.jsxs("div",{className:`${s.settingsRow} ${s.settingsRowMarginTop} ${s.settingsRowDisabled}`,children:[t.jsxs("div",{className:`${s.settingsLabel} ${P?"":s.light}`,children:["React Components",t.jsx(Xe,{content:"Disabled â production builds minify component names, making detection unreliable. Use in development mode.",children:t.jsx("span",{className:s.helpIcon,children:t.jsx(Je,{size:20})})})]}),t.jsxs("label",{className:`${s.toggleSwitch} ${s.disabled}`,children:[t.jsx("input",{type:"checkbox",checked:Yn,disabled:!Yn,onChange:()=>Ie(o=>({...o,reactEnabled:!o.reactEnabled}))}),t.jsx("span",{className:s.toggleSlider})]})]}),t.jsxs("div",{className:`${s.settingsRow} ${s.settingsRowMarginTop}`,children:[t.jsxs("div",{className:`${s.settingsLabel} ${P?"":s.light}`,children:["Hide Until Restart",t.jsx(Xe,{content:"Hides the toolbar until you open a new tab",children:t.jsx("span",{className:s.helpIcon,children:t.jsx(Je,{size:20})})})]}),t.jsxs("label",{className:s.toggleSwitch,children:[t.jsx("input",{type:"checkbox",checked:!1,onChange:o=>{o.target.checked&&Po()}}),t.jsx("span",{className:s.toggleSlider})]})]})]}),t.jsxs("div",{className:s.settingsSection,children:[t.jsx("div",{className:`${s.settingsLabel} ${s.settingsLabelMarker} ${P?"":s.light}`,children:"Marker Colour"}),t.jsx("div",{className:s.colorOptions,children:Vs.map(o=>t.jsx("div",{role:"button",onClick:()=>Ie(l=>({...l,annotationColor:o.value})),style:{borderColor:h.annotationColor===o.value?o.value:"transparent"},className:`${s.colorOptionRing} ${h.annotationColor===o.value?s.selected:""}`,children:t.jsx("div",{className:`${s.colorOption} ${h.annotationColor===o.value?s.selected:""}`,style:{backgroundColor:o.value},title:o.label})},o.value))})]}),t.jsxs("div",{className:s.settingsSection,children:[t.jsxs("label",{className:s.settingsToggle,children:[t.jsx("input",{type:"checkbox",id:"autoClearAfterCopy",checked:h.autoClearAfterCopy,onChange:o=>Ie(l=>({...l,autoClearAfterCopy:o.target.checked}))}),t.jsx("label",{className:`${s.customCheckbox} ${h.autoClearAfterCopy?s.checked:""}`,htmlFor:"autoClearAfterCopy",children:h.autoClearAfterCopy&&t.jsx(ro,{size:14})}),t.jsxs("span",{className:`${s.toggleLabel} ${P?"":s.light}`,children:["Clear on copy/send",t.jsx(Xe,{content:"Automatically clear annotations after copying",children:t.jsx("span",{className:`${s.helpIcon} ${s.helpIconNudge2}`,children:t.jsx(Je,{size:20})})})]})]}),t.jsxs("label",{className:`${s.settingsToggle} ${s.settingsToggleMarginBottom}`,children:[t.jsx("input",{type:"checkbox",id:"blockInteractions",checked:h.blockInteractions,onChange:o=>Ie(l=>({...l,blockInteractions:o.target.checked}))}),t.jsx("label",{className:`${s.customCheckbox} ${h.blockInteractions?s.checked:""}`,htmlFor:"blockInteractions",children:h.blockInteractions&&t.jsx(ro,{size:14})}),t.jsx("span",{className:`${s.toggleLabel} ${P?"":s.light}`,children:"Block page interactions"})]})]}),t.jsx("div",{className:`${s.settingsSection} ${s.settingsSectionExtraPadding}`,children:t.jsxs("button",{className:`${s.settingsNavLink} ${P?"":s.light}`,onClick:()=>Qt("automations"),children:[t.jsx("span",{children:"Manage MCP & Webhooks"}),t.jsxs("span",{className:s.settingsNavLinkRight,children:[C&&oe!=="disconnected"&&t.jsx("span",{className:`${s.mcpNavIndicator} ${s[oe]}`}),t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M7.5 12.5L12 8L7.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})})]}),t.jsxs("div",{className:`${s.settingsPage} ${s.automationsPage} ${Xt==="automations"?s.slideIn:""}`,children:[t.jsxs("button",{className:`${s.settingsBackButton} ${P?"":s.light}`,onClick:()=>Qt("main"),children:[t.jsx(rs,{size:16}),t.jsx("span",{children:"Manage MCP & Webhooks"})]}),t.jsxs("div",{className:s.settingsSection,children:[t.jsxs("div",{className:s.settingsRow,children:[t.jsxs("span",{className:`${s.automationHeader} ${P?"":s.light}`,children:["MCP Connection",t.jsx(Xe,{content:"Connect via Model Context Protocol to let AI agents like Claude Code receive annotations in real-time.",children:t.jsx("span",{className:`${s.helpIcon} ${s.helpIconNudgeDown}`,children:t.jsx(Je,{size:20})})})]}),C&&t.jsx("div",{className:`${s.mcpStatusDot} ${s[oe]}`,title:oe==="connected"?"Connected":oe==="connecting"?"Connecting...":"Disconnected"})]}),t.jsxs("p",{className:`${s.automationDescription} ${P?"":s.light}`,style:{paddingBottom:6},children:["MCP connection allows agents to receive and act on annotations."," ",t.jsx("a",{href:"https://agentation.dev/mcp",target:"_blank",rel:"noopener noreferrer",className:`${s.learnMoreLink} ${P?"":s.light}`,children:"Learn more"})]})]}),t.jsxs("div",{className:`${s.settingsSection} ${s.settingsSectionGrow}`,children:[t.jsxs("div",{className:s.settingsRow,children:[t.jsxs("span",{className:`${s.automationHeader} ${P?"":s.light}`,children:["Webhooks",t.jsx(Xe,{content:"Send annotation data to any URL endpoint when annotations change. Useful for custom integrations.",children:t.jsx("span",{className:`${s.helpIcon} ${s.helpIconNoNudge}`,children:t.jsx(Je,{size:20})})})]}),t.jsxs("div",{className:s.autoSendRow,children:[t.jsx("span",{className:`${s.autoSendLabel} ${P?"":s.light} ${h.webhooksEnabled?s.active:""}`,children:"Auto-Send"}),t.jsxs("label",{className:`${s.toggleSwitch} ${h.webhookUrl?"":s.disabled}`,children:[t.jsx("input",{type:"checkbox",checked:h.webhooksEnabled,disabled:!h.webhookUrl,onChange:()=>Ie(o=>({...o,webhooksEnabled:!o.webhooksEnabled}))}),t.jsx("span",{className:s.toggleSlider})]})]})]}),t.jsx("p",{className:`${s.automationDescription} ${P?"":s.light}`,children:"The webhook URL will receive live annotation changes and annotation data."}),t.jsx("textarea",{className:`${s.webhookUrlInput} ${P?"":s.light}`,placeholder:"Webhook URL",value:h.webhookUrl,style:{"--marker-color":h.annotationColor},onKeyDown:o=>o.stopPropagation(),onChange:o=>Ie(l=>({...l,webhookUrl:o.target.value}))})]})]})]})})]})}),t.jsxs("div",{className:s.markersLayer,"data-feedback-toolbar":!0,children:[pe&&Lt.filter(o=>!o.isFixed).map((o,l)=>{const c=!q&&ft===o.id,m=wn===o.id,p=(c||m)&&!M,g=o.isMultiSelect,b=g?"#34C759":h.annotationColor,x=T.findIndex(j=>j.id===o.id),v=!Fn.has(o.id),I=q?s.exit:yn?s.clearing:v?s.enter:"",S=p&&h.markerClickBehavior==="delete";return t.jsxs("div",{className:`${s.marker} ${g?s.multiSelect:""} ${I} ${S?s.hovered:""}`,"data-annotation-marker":!0,style:{left:`${o.x}%`,top:o.y,backgroundColor:S?void 0:b,animationDelay:q?`${(Lt.length-1-l)*20}ms`:`${l*20}ms`},onMouseEnter:()=>!q&&o.id!==kt.current&&St(o),onMouseLeave:()=>St(null),onClick:j=>{j.stopPropagation(),q||(h.markerClickBehavior==="delete"?qt(o.id):vt(o
2532))},onContextMenu:j=>{h.markerClickBehavior==="delete"&&(j.preventDefault(),j.stopPropagation(),q||vt(o))},children:[p?S?t.jsx(nn,{size:g?18:16}):t.jsx(lo,{size:16}):t.jsx("span",{className:yt!==null&&x>=yt?s.renumber:void 0,children:x+1}),c&&!M&&t.jsxs("div",{className:`${s.markerTooltip} ${P?"":s.light} ${s.enter}`,style:qn(o),children:[t.jsxs("span",{className:s.markerQuote,children:[o.element,o.selectedText&&` "${o.selectedText.slice(0,30)}${o.selectedText.length>30?"...":""}"`]}),t.jsx("span",{className:s.markerNote,children:o.comment})]})]},o.id)}),pe&&!q&&Gn.filter(o=>!o.isFixed).map(o=>{const l=o.isMultiSelect;return t.jsx("div",{className:`${s.marker} ${s.hovered} ${l?s.multiSelect:""} ${s.exit}`,"data-annotation-marker":!0,style:{left:`${o.x}%`,top:o.y},children:t.jsx(nn,{size:l?12:10})},o.id)})]}),t.jsxs("div",{className:s.fixedMarkersLayer,"data-feedback-toolbar":!0,children:[pe&&Lt.filter(o=>o.isFixed).map((o,l)=>{const c=Lt.filter(E=>E.isFixed),m=!q&&ft===o.id,p=wn===o.id,g=(m||p)&&!M,b=o.isMultiSelect,x=b?"#34C759":h.annotationColor,v=T.findIndex(E=>E.id===o.id),I=!Fn.has(o.id),S=q?s.exit:yn?s.clearing:I?s.enter:"",j=g&&h.markerClickBehavior==="delete";return t.jsxs("div",{className:`${s.marker} ${s.fixed} ${b?s.multiSelect:""} ${S} ${j?s.hovered:""}`,"data-annotation-marker":!0,style:{left:`${o.x}%`,top:o.y,backgroundColor:j?void 0:x,animationDelay:q?`${(c.length-1-l)*20}ms`:`${l*20}ms`},onMouseEnter:()=>!q&&o.id!==kt.current&&St(o),onMouseLeave:()=>St(null),onClick:E=>{E.stopPropagation(),q||(h.markerClickBehavior==="delete"?qt(o.id):vt(o))},onContextMenu:E=>{h.markerClickBehavior==="delete"&&(E.preventDefault(),E.stopPropagation(),q||vt(o))},children:[g?j?t.jsx(nn,{size:b?18:16}):t.jsx(lo,{size:16}):t.jsx("span",{className:yt!==null&&v>=yt?s.renumber:void 0,children:v+1}),m&&!M&&t.jsxs("div",{className:`${s.markerTooltip} ${P?"":s.light} ${s.enter}`,style:qn(o),children:[t.jsxs("span",{className:s.markerQuote,children:[o.element,o.selectedText&&` "${o.selectedText.slice(0,30)}${o.selectedText.length>30?"...":""}"`]}),t.jsx("span",{className:s.markerNote,children:o.comment})]})]},o.id)}),pe&&!q&&Gn.filter(o=>o.isFixed).map(o=>{const l=o.isMultiSelect;return t.jsx("div",{className:`${s.marker} ${s.fixed} ${s.hovered} ${l?s.multiSelect:""} ${s.exit}`,"data-annotation-marker":!0,style:{left:`${o.x}%`,top:o.y},children:t.jsx(Qo,{size:l?12:10})},o.id)})]}),$&&t.jsxs("div",{className:s.overlay,"data-feedback-toolbar":!0,style:y||M?{zIndex:99999}:void 0,children:[(ne==null?void 0:ne.rect)&&!y&&!Ln&&!Le&&t.jsx("div",{className:`${s.hoverHighlight} ${s.enter}`,style:{left:ne.rect.left,top:ne.rect.top,width:ne.rect.width,height:ne.rect.height,borderColor:`${h.annotationColor}80`,backgroundColor:`${h.annotationColor}0A`}}),V.filter(o=>document.contains(o.element)).map((o,l)=>{const c=o.element.getBoundingClientRect(),m=V.length>1;return t.jsx("div",{className:m?s.multiSelectOutline:s.singleSelectOutline,style:{position:"fixed",left:c.left,top:c.top,width:c.width,height:c.height,...m?{}:{borderColor:`${h.annotationColor}99`,backgroundColor:`${h.annotationColor}0D`}}},l)}),ft&&!y&&(()=>{var p;const o=T.find(g=>g.id===ft);if(!(o!=null&&o.boundingBox))return null;if((p=o.elementBoundingBoxes)!=null&&p.length)return xn.length>0?xn.filter(g=>document.contains(g)).map((g,b)=>{const x=g.getBoundingClientRect();return t.jsx("div",{className:`${s.multiSelectOutline} ${s.enter}`,style:{left:x.left,top:x.top,width:x.width,height:x.height}},`hover-outline-live-${b}`)}):o.elementBoundingBoxes.map((g,b)=>t.jsx("div",{className:`${s.multiSelectOutline} ${s.enter}`,style:{left:g.x,top:g.y-Re,width:g.width,height:g.height}},`hover-outline-${b}`));const l=Ot&&document.contains(Ot)?Ot.getBoundingClientRect():null,c=l?{x:l.left,y:l.top,width:l.width,height:l.height}:{x:o.boundingBox.x,y:o.isFixed?o.boundingBox.y:o.boundingBox.y-Re,width:o.boundingBox.width,height:o.boundingBox.height},m=o.isMultiSelect;return t.jsx("div",{className:`${m?s.multiSelectOutline:s.singleSelectOutline} ${s.enter}`,style:{left:c.x,top:c.y,width:c.width,height:c.height,...m?{}:{borderColor:`${h.annotationColor}99`,backgroundColor:`${h.annotationColor}0D`}}})})(),ne&&!y&&!Ln&&!Le&&t.jsxs("div",{className:`${s.hoverTooltip} ${s.enter}`,style:{left:Math.max(8,Math.min(Oe.x,window.innerWidth-100)),top:Math.max(Oe.y-(ne.reactComponents?48:32),8)},children:[ne.reactComponents&&t.jsx("div",{className:s.hoverReactPath,children:ne.reactComponents}),t.jsx("div",{className:s.hoverElementName,children:ne.elementName})]}),y&&t.jsxs(t.Fragment,{children:[(to=y.multiSelectElements)!=null&&to.length?y.multiSelectElements.filter(o=>document.contains(o)).map((o,l)=>{const c=o.getBoundingClientRect();return t.jsx("div",{className:`${s.multiSelectOutline} ${st?s.exit:s.enter}`,style:{left:c.left,top:c.top,width:c.width,height:c.height}},`pending-multi-${l}`)}):y.targetElement&&document.contains(y.targetElement)?(()=>{const o=y.targetElement.getBoundingClientRect();return t.jsx("div",{className:`${s.singleSelectOutline} ${st?s.exit:s.enter}`,style:{left:o.left,top:o.top,width:o.width,height:o.height,borderColor:`${h.annotationColor}99`,backgroundColor:`${h.annotationColor}0D`}})})():y.boundingBox&&t.jsx("div",{className:`${y.isMultiSelect?s.multiSelectOutline:s.singleSelectOutline} ${st?s.exit:s.enter}`,style:{left:y.boundingBox.x,top:y.boundingBox.y-Re,width:y.boundingBox.width,height:y.boundingBox.height,...y.isMultiSelect?{}:{borderColor:`${h.annotationColor}99`,backgroundColor:`${h.annotationColor}0D`}}}),(()=>{const o=y.x,l=y.isFixed?y.y:y.y-Re;return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:`${s.marker} ${s.pending} ${y.isMultiSelect?s.multiSelect:""} ${st?s.exit:s.enter}`,style:{left:`${o}%`,top:l,backgroundColor:y.isMultiSelect?"#34C759":h.annotationColor},children:t.jsx(Uo,{size:12})}),t.jsx(ao,{ref:Qn,element:y.element,selectedText:y.selectedText,computedStyles:y.computedStylesObj,placeholder:y.element==="Area selection"?"What should change in this area?":y.isMultiSelect?"Feedback for this group of elements...":"What should change?",onSubmit:To,onCancel:Bo,isExiting:st,lightMode:!P,accentColor:y.isMultiSelect?"#34C759":h.annotationColor,style:{left:Math.max(160,Math.min(window.innerWidth-160,o/100*window.innerWidth)),...l>window.innerHeight-290?{bottom:window.innerHeight-l+20}:{top:l+20}}})]})})()]}),M&&t.jsxs(t.Fragment,{children:[(no=M.elementBoundingBoxes)!=null&&no.length?vn.length>0?vn.filter(o=>document.contains(o)).map((o,l)=>{const c=o.getBoundingClientRect();return t.jsx("div",{className:`${s.multiSelectOutline} ${s.enter}`,style:{left:c.left,top:c.top,width:c.width,height:c.height}},`edit-multi-live-${l}`)}):M.elementBoundingBoxes.map((o,l)=>t.jsx("div",{className:`${s.multiSelectOutline} ${s.enter}`,style:{left:o.x,top:o.y-Re,width:o.width,height:o.height}},`edit-multi-${l}`)):(()=>{const o=Dt&&document.contains(Dt)?Dt.getBoundingClientRect():null,l=o?{x:o.left,y:o.top,width:o.width,height:o.height}:M.boundingBox?{x:M.boundingBox.x,y:M.isFixed?M.boundingBox.y:M.boundingBox.y-Re,width:M.boundingBox.width,height:M.boundingBox.height}:null;return l?t.jsx("div",{className:`${M.isMultiSelect?s.multiSelectOutline:s.singleSelectOutline} ${s.enter}`,style:{left:l.x,top:l.y,width:l.width,height:l.height,...M.isMultiSelect?{}:{borderColor:`${h.annotationColor}99`,backgroundColor:`${h.annotationColor}0D`}}}):null})(),t.jsx(ao,{ref:Un,element:M.element,selectedText:M.selectedText,computedStyles:hs(M.computedStyles),placeholder:"Edit your feedback...",initialValue:M.comment,submitLabel:"Save",onSubmit:Ro,onCancel:Yo,onDelete:()=>
2532qt(M.id),isExiting:Eo,lightMode:!P,accentColor:M.isMultiSelect?"#34C759":h.annotationColor,style:(()=>{const o=M.isFixed?M.y:M.y-Re;return{left:Math.max(160,Math.min(window.innerWidth-160,M.x/100*window.innerWidth)),...o>window.innerHeight-290?{bottom:window.innerHeight-o+20}:{top:o+20}}})()})]}),Le&&t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:rt,className:s.dragSelection}),t.jsx("div",{ref:lt,className:s.highlightsContainer})]})]})]}),document.body)}export{yr as Agentation,pr as AnimatedBunny,ao as AnnotationPopupCSS,_r as IconChatEllipsis,Gs as IconCheck,qs as IconCheckSmall,ro as IconCheckSmallAnimated,cr as IconCheckmark,ur as IconCheckmarkCircle,dr as IconCheckmarkLarge,rs as IconChevronLeft,mr as IconChevronRight,Qo as IconClose,er as IconCopyAlt,Vo as IconCopyAnimated,lo as IconEdit,nr as IconEye,or as IconEyeAlt,Ko as IconEyeAnimated,sr as IconEyeClosed,rr as IconEyeMinus,qo as IconGear,Je as IconHelp,Zo as IconListSparkle,os as IconMoon,ir as IconPause,lr as IconPauseAlt,Go as IconPausePlayAnimated,ar as IconPlayAlt,Uo as IconPlus,tr as IconSendAnimated,Jo as IconSendArrow,ns as IconSun,ss as IconTrash,es as IconTrashAlt,nn as IconXmark,ts as IconXmarkLarge,yr as PageFeedbackToolbarCSS,_e as closestCrossingShadow,_t as getElementClasses,cs as getElementPath,at as getNearbyText,hr as getShadowHost,Yt as getStorageKey,fr as identifyAnimationElement,Rt as identifyElement,gr as isInShadowDOM,ln as loadAnnotations,xo as saveAnnotations};
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.