1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7767],{15663:(e,t,n)=>{n.r(t),n.d(t,{Agentation:()=>t2,AnimatedBunny:()=>H,AnnotationPopupCSS:()=>ee,IconChatEllipsis:()=>B,IconCheck:()=>d,IconCheckSmall:()=>_,IconCheckSmallAnimated:()=>m,IconCheckmark:()=>N,IconCheckmarkCircle:()=>R,IconCheckmarkLarge:()=>E,IconChevronLeft:()=>A,IconChevronRight:()=>F,IconClose:()=>i,IconCopyAlt:()=>g,IconCopyAnimated:()=>p,IconEdit:()=>T,IconEye:()=>f,IconEyeAlt:()=>b,IconEyeAnimated:()=>v,IconEyeClosed:()=>w,IconEyeMinus:()=>j,IconGear:()=>C,IconHelp:()=>h,IconLayout:()=>Y,IconListSparkle:()=>u,IconMoon:()=>z,IconPause:()=>M,IconPauseAlt:()=>S,IconPausePlayAnimated:()=>k,IconPlayAlt:()=>L,IconPlus:()=>c,IconSendAnimated:()=>x,IconSendArrow:()=>y,IconSun:()=>P,IconTrash:()=>O,IconTrashAlt:()=>I,IconXmark:()=>W,IconXmarkLarge:()=>D,PageFeedbackToolbarCSS:()=>t2,closestCrossingShadow:()=>ev,getElementClasses:()=>eB,getElementPath:()=>eC,getNearbyText:()=>eM,getShadowHost:()=>ej,getStorageKey:()=>to,identifyAnimationElement:()=>eL,identifyElement:()=>eS,isInShadowDOM:()=>ek,loadAnnotations:()=>tr,saveAnnotations:()=>tl});var o=n(12115),r=n(47650),l=n(95155);if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-annotation-popup-css-styles");e||((e=document.createElement("style")).id="feedback-tool-styles-annotation-popup-css-styles",document.head.appendChild(e)),e.textContent='.styles-module__popup___IhzrD svg[fill=none] {\n fill: none !important;\n}\n.styles-module__popup___IhzrD svg[fill=none] :not([fill]) {\n fill: none !important;\n}\n\n@keyframes styles-module__popupEnter___AuQDN {\n from {\n opacity: 0;\n transform: translateX(-50%) scale(0.95) translateY(4px);\n }\n to {\n opacity: 1;\n transform: translateX(-50%) scale(1) translateY(0);\n }\n}\n@keyframes styles-module__popupExit___JJKQX {\n from {\n opacity: 1;\n transform: translateX(-50%) scale(1) translateY(0);\n }\n to {\n opacity: 0;\n transform: translateX(-50%) scale(0.95) translateY(4px);\n }\n}\n@keyframes styles-module__shake___jdbWe {\n 0%, 100% {\n transform: translateX(-50%) scale(1) translateY(0) translateX(0);\n }\n 20% {\n transform: translateX(-50%) scale(1) translateY(0) translateX(-3px);\n }\n 40% {\n transform: translateX(-50%) scale(1) translateY(0) translateX(3px);\n }\n 60% {\n transform: translateX(-50%) scale(1) translateY(0) translateX(-2px);\n }\n 80% {\n transform: translateX(-50%) scale(1) translateY(0) translateX(2px);\n }\n}\n.styles-module__popup___IhzrD {\n position: fixed;\n transform: translateX(-50%);\n width: 280px;\n padding: 0.75rem 1rem 14px;\n background: #1a1a1a;\n border-radius: 16px;\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n z-index: 100001;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n will-change: transform, opacity;\n opacity: 0;\n}\n.styles-module__popup___IhzrD.styles-module__enter___L7U7N {\n animation: styles-module__popupEnter___AuQDN 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n.styles-module__popup___IhzrD.styles-module__entered___COX-w {\n opacity: 1;\n transform: translateX(-50%) scale(1) translateY(0);\n}\n.styles-module__popup___IhzrD.styles-module__exit___5eGjE {\n animation: styles-module__popupExit___JJKQX 0.15s ease-in forwards;\n}\n.styles-module__popup___IhzrD.styles-module__entered___COX-w.styles-module__shake___jdbWe {\n animation: styles-module__shake___jdbWe 0.25s ease-out;\n}\n\n.styles-module__header___wWsSi {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 0.5625rem;\n}\n\n.styles-module__element___fTV2z {\n font-size: 0.75rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n}\n\n.styles-module__headerToggle___WpW0b {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n flex: 1;\n min-width: 0;\n text-align: left;\n}\n.styles-module__headerToggle___WpW0b .styles-module__element___fTV2z {\n flex: 1;\n}\n\n.styles-module__chevron___ZZJlR {\n color: rgba(255, 255, 255, 0.5);\n transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n flex-shrink: 0;\n}\n.styles-module__chevron___ZZJlR.styles-module__expanded___2Hxgv {\n transform: rotate(90deg);\n}\n\n.styles-module__stylesWrapper___pnHgy {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.styles-module__stylesWrapper___pnHgy.styles-module__expanded___2Hxgv {\n grid-template-rows: 1fr;\n}\n\n.styles-module__stylesInner___YYZe2 {\n overflow: hidden;\n}\n\n.styles-module__stylesBlock___VfQKn {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 0.375rem;\n padding: 0.5rem 0.625rem;\n margin-bottom: 0.5rem;\n font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;\n font-size: 0.6875rem;\n line-height: 1.5;\n}\n\n.styles-module__styleLine___1YQiD {\n color: rgba(255, 255, 255, 0.85);\n word-break: break-word;\n}\n\n.styles-module__styleProperty___84L1i {\n color: #c792ea;\n}\n\n.styles-module__styleValue___q51-h {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.styles-module__timestamp___Dtpsv {\n font-size: 0.625rem;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.35);\n font-variant-numeric: tabular-nums;\n margin-left: 0.5rem;\n flex-shrink: 0;\n}\n\n.styles-module__quote___mcMmQ {\n font-size: 12px;\n font-style: italic;\n color: rgba(255, 255, 255, 0.6);\n margin-bottom: 0.5rem;\n padding: 0.4rem 0.5rem;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 0.25rem;\n line-height: 1.45;\n}\n\n.styles-module__textarea___jrSae {\n box-sizing: border-box;\n width: 100%;\n padding: 0.5rem 0.625rem;\n font-size: 0.8125rem;\n font-family: inherit;\n background: rgba(255, 255, 255, 0.05);\n color: #fff;\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 8px;\n resize: none;\n outline: none;\n transition: border-color 0.15s ease;\n}\n.styles-module__textarea___jrSae:focus {\n border-color: var(--agentation-color-blue);\n}\n.styles-module__textarea___jrSae.styles-module__green___99l3h:focus {\n border-color: var(--agentation-color-green);\n}\n.styles-module__textarea___jrSae::placeholder {\n color: rgba(255, 255, 255, 0.35);\n}\n.styles-module__textarea___jrSae::-webkit-scrollbar {\n width: 6px;\n}\n.styles-module__textarea___jrSae::-webkit-scrollbar-track {\n background: transparent;\n}\n.styles-module__textarea___jrSae::-webkit-scrollbar-thumb {\n background: rgba(255, 255, 255, 0.2);\n border-radius: 3px;\n}\n\n.styles-module__actions___D6x3f {\n display: flex;\n justify-content: flex-end;\n gap: 0.375rem;\n margin-top: 0.5rem;\n}\n\n.styles-module__cancel___hRjnL,\n.styles-module__submit___K-mIR {\n padding: 0.4rem 0.875rem;\n font-size: 0.75rem;\n font-weight: 500;\n border-radius: 1rem;\n border: none;\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;\n}\n\n.styles-module__cancel___hRjnL {\n background: transparent;\n color: rgba(255, 255, 255, 0.5);\n}\n.styles-module__cancel___hRjnL:hover {\n background: rgba(255, 255, 255, 0.1);\n color: rgba(255, 255, 255, 0.8);\n}\n\n.styles-module__submit___K-mIR {\n color: white;\n}\n.styles-module__submit___K-mIR:hover:not(:disabled) {\n filter: brightness(0.9);\n}
1\n.styles-module__submit___K-mIR:disabled {\n cursor: not-allowed;\n}\n\n.styles-module__deleteWrapper___oSjdo {\n margin-right: auto;\n}\n\n.styles-module__deleteButton___4VuAE {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n border: none;\n background: transparent;\n color: rgba(255, 255, 255, 0.4);\n transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__deleteButton___4VuAE:hover {\n background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n color: var(--agentation-color-red);\n}\n.styles-module__deleteButton___4VuAE:active {\n transform: scale(0.92);\n}\n\n.styles-module__light___6AaSQ.styles-module__popup___IhzrD {\n background: #fff;\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.06);\n}\n.styles-module__light___6AaSQ .styles-module__element___fTV2z {\n color: rgba(0, 0, 0, 0.6);\n}\n.styles-module__light___6AaSQ .styles-module__timestamp___Dtpsv {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___6AaSQ .styles-module__chevron___ZZJlR {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___6AaSQ .styles-module__stylesBlock___VfQKn {\n background: rgba(0, 0, 0, 0.03);\n}\n.styles-module__light___6AaSQ .styles-module__styleLine___1YQiD {\n color: rgba(0, 0, 0, 0.75);\n}\n.styles-module__light___6AaSQ .styles-module__styleProperty___84L1i {\n color: #7c3aed;\n}\n.styles-module__light___6AaSQ .styles-module__styleValue___q51-h {\n color: rgba(0, 0, 0, 0.75);\n}\n.styles-module__light___6AaSQ .styles-module__quote___mcMmQ {\n color: rgba(0, 0, 0, 0.55);\n background: rgba(0, 0, 0, 0.04);\n}\n.styles-module__light___6AaSQ .styles-module__textarea___jrSae {\n background: rgba(0, 0, 0, 0.03);\n color: #1a1a1a;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.styles-module__light___6AaSQ .styles-module__textarea___jrSae::placeholder {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___6AaSQ .styles-module__textarea___jrSae::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.15);\n}\n.styles-module__light___6AaSQ .styles-module__cancel___hRjnL {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___6AaSQ .styles-module__cancel___hRjnL:hover {\n background: rgba(0, 0, 0, 0.06);\n color: rgba(0, 0, 0, 0.75);\n}\n.styles-module__light___6AaSQ .styles-module__deleteButton___4VuAE {\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___6AaSQ .styles-module__deleteButton___4VuAE:hover {\n background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n color: var(--agentation-color-red);\n}'}var s={popup:"styles-module__popup___IhzrD",enter:"styles-module__enter___L7U7N",entered:"styles-module__entered___COX-w",exit:"styles-module__exit___5eGjE",shake:"styles-module__shake___jdbWe",header:"styles-module__header___wWsSi",element:"styles-module__element___fTV2z",headerToggle:"styles-module__headerToggle___WpW0b",chevron:"styles-module__chevron___ZZJlR",expanded:"styles-module__expanded___2Hxgv",stylesWrapper:"styles-module__stylesWrapper___pnHgy",stylesInner:"styles-module__stylesInner___YYZe2",stylesBlock:"styles-module__stylesBlock___VfQKn",styleLine:"styles-module__styleLine___1YQiD",styleProperty:"styles-module__styleProperty___84L1i",styleValue:"styles-module__styleValue___q51-h",timestamp:"styles-module__timestamp___Dtpsv",quote:"styles-module__quote___mcMmQ",textarea:"styles-module__textarea___jrSae",actions:"styles-module__actions___D6x3f",cancel:"styles-module__cancel___hRjnL",submit:"styles-module__submit___K-mIR",deleteWrapper:"styles-module__deleteWrapper___oSjdo",deleteButton:"styles-module__deleteButton___4VuAE",light:"styles-module__light___6AaSQ"};if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-components-icon-transitions");e||((e=document.createElement("style")).id="feedback-tool-styles-components-icon-transitions",document.head.appendChild(e)),e.textContent=".icon-transitions-module__iconState___uqK9J {\n transition: opacity 0.2s ease, transform 0.2s ease;\n transform-origin: center;\n}\n\n.icon-transitions-module__iconStateFast___HxlMm {\n transition: opacity 0.15s ease, transform 0.15s ease;\n transform-origin: center;\n}\n\n.icon-transitions-module__iconFade___nPwXg {\n transition: opacity 0.2s ease;\n}\n\n.icon-transitions-module__iconFadeFast___Ofb2t {\n transition: opacity 0.15s ease;\n}\n\n.icon-transitions-module__visible___PlHsU {\n opacity: 1 !important;\n}\n\n.icon-transitions-module__visibleScaled___8Qog- {\n opacity: 1 !important;\n transform: scale(1);\n}\n\n.icon-transitions-module__hidden___ETykt {\n opacity: 0 !important;\n}\n\n.icon-transitions-module__hiddenScaled___JXn-m {\n opacity: 0 !important;\n transform: scale(0.8);\n}\n\n.icon-transitions-module__sending___uaLN- {\n opacity: 0.5 !important;\n transform: scale(0.8);\n}"}var a={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-"},i=e=>{let{size:t=16}=e;return(0,l.jsx)("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"none",children:(0,l.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})},c=e=>{let{size:t=16}=e;return(0,l.jsx)("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"none",children:(0,l.jsx)("path",{d:"M8 3v10M3 8h10",
1stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})},d=e=>{let{size:t=16}=e;return(0,l.jsx)("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"none",children:(0,l.jsx)("path",{d:"M3 8l3.5 3.5L13 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})},_=e=>{let{size:t=14}=e;return(0,l.jsx)("svg",{width:t,height:t,viewBox:"0 0 14 14",fill:"none",children:(0,l.jsx)("path",{d:"M3.9375 7L6.125 9.1875L10.5 4.8125",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})},u=e=>{let{size:t=24,style:n={}}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",style:n,children:[(0,l.jsxs)("g",{clipPath:"url(#clip0_list_sparkle)",children:[(0,l.jsx)("path",{d:"M11.5 12L5.5 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M18.5 6.75L5.5 6.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M9.25 17.25L5.5 17.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M16 12.75L16.5179 13.9677C16.8078 14.6494 17.3506 15.1922 18.0323 15.4821L19.25 16L18.0323 16.5179C17.3506 16.8078 16.8078 17.3506 16.5179 18.0323L16 19.25L15.4821 18.0323C15.1922 17.3506 14.6494 16.8078 13.9677 16.5179L12.75 16L13.9677 15.4821C14.6494 15.1922 15.1922 14.6494 15.4821 13.9677L16 12.75Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"})]}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"clip0_list_sparkle",children:(0,l.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]})},h=e=>{let{size:t=20,...n}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:[(0,l.jsx)("circle",{cx:"10",cy:"10",r:"5.375",stroke:"currentColor",strokeWidth:"1.25"}),(0,l.jsx)("path",{d:"M8.5 8.5C8.73 7.85 9.31 7.49 10 7.5C10.86 7.51 11.5 8.13 11.5 9C11.5 10.08 10 10.5 10 10.5V10.75",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("circle",{cx:"10",cy:"12.625",r:"0.625",fill:"currentColor"})]})},m=e=>{let{size:t=14}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 14 14",fill:"none",children:[(0,l.jsx)("style",{children:"\n @keyframes checkDraw {\n 0% {\n stroke-dashoffset: 12;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n }\n @keyframes checkBounce {\n 0% {\n transform: scale(0.5);\n opacity: 0;\n }\n 50% {\n transform: scale(1.12);\n opacity: 1;\n }\n 75% {\n transform: scale(0.95);\n }\n 100% {\n transform: scale(1);\n }\n }\n .check-path-animated {\n stroke-dasharray: 12;\n stroke-dashoffset: 0;\n transform-origin: center;\n animation: checkDraw 0.18s ease-out, checkBounce 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n "}),(0,l.jsx)("path",{className:"check-path-animated",d:"M3.9375 7L6.125 9.1875L10.5 4.8125",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},g=e=>{let{size:t=16}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsx)("path",{d:"M4.75 11.25C4.75 10.4216 5.42157 9.75 6.25 9.75H12.75C13.5784 9.75 14.25 10.4216 14.25 11.25V17.75C14.25 18.5784 13.5784 19.25 12.75 19.25H6.25C5.42157 19.25 4.75 18.5784 4.75 17.75V11.25Z",stroke:"currentColor",strokeWidth:"1.5"}),(0,l.jsx)("path",{d:"M17.25 14.25H17.75C18.5784 14.25 19.25 13.5784 19.25 12.75V6.25C19.25 5.42157 18.5784 4.75 17.75 4.75H11.25C10.4216 4.75 9.75 5.42157 9.75 6.25V6.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},p=e=>{let{size:t=24,copied:n=!1,tint:o}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",style:o?{color:o,transition:"color 0.3s ease"}:void 0,children:[(0,l.jsxs)("g",{className:"".concat(a.iconState," ").concat(n?a.hiddenScaled:a.visibleScaled),children:[(0,l.jsx)("path",{d:"M4.75 11.25C4.75 10.4216 5.42157 9.75 6.25 9.75H12.75C13.5784 9.75 14.25 10.4216 14.25 11.25V17.75C14.25 18.5784 13.5784 19.25 12.75 19.25H6.25C5.42157 19.25 4.75 18.5784 4.75 17.75V11.25Z",stroke:"currentColor",strokeWidth:"1.5"}),(0,l.jsx)("path",{d:"M17.25 14.25H17.75C18.5784 14.25 19.25 13.5784 19.25 12.75V6.25C19.25 5.42157 18.5784 4.75 17.75 4.75H11.25C10.4216 4.75 9.75 5.42157 9.75 6.25V6.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),(0,l.jsxs)("g",{className:"".concat(a.iconState," ").concat(n?a.visibleScaled:a.hiddenScaled),children:[(0,l.jsx)("path",{d:"M12 20C
17.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})]})},y=e=>{let{size:t=24,state:n="idle"}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsx)("g",{className:"".concat(a.iconStateFast," ").concat("idle"===n?a.visibleScaled:"sending"===n?a.sending:a.hiddenScaled),children:(0,l.jsx)("path",{d:"M9.875 14.125L12.3506 19.6951C12.7184 20.5227 13.9091 20.4741 14.2083 19.6193L18.8139 6.46032C19.0907 5.6695 18.3305 4.90933 17.5397 5.18611L4.38072 9.79174C3.52589 10.0909 3.47731 11.2816 4.30494 11.6494L9.875 14.125ZM9.875 14.125L13.375 10.625",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,l.jsxs)("g",{className:"".concat(a.iconStateFast," ").concat("sent"===n?a.visibleScaled:a.hiddenScaled),children:[(0,l.jsx)("path",{d:"M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,l.jsxs)("g",{className:"".concat(a.iconStateFast," ").concat("failed"===n?a.visibleScaled:a.hiddenScaled),children:[(0,l.jsx)("path",{d:"M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z",stroke:"var(--agentation-color-red)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M12 8V12",stroke:"var(--agentation-color-red)",strokeWidth:"1.5",strokeLinecap:"round"}),(0,l.jsx)("circle",{cx:"12",cy:"15",r:"0.5",fill:"var(--agentation-color-red)",stroke:"var(--agentation-color-red)",strokeWidth:"1"})]})]})},x=e=>{let{size:t=24,sent:n=!1}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 22 21",fill:"none",children:[(0,l.jsxs)("g",{className:"".concat(a.iconState," ").concat(n?a.hiddenScaled:a.visibleScaled),children:[(0,l.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"}),(0,l.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"}),(0,l.jsx)("path",{d:"M7.5 13.75H12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M7.5 10.75H10.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),(0,l.jsxs)("g",{className:"".concat(a.iconState," ").concat(n?a.visibleScaled:a.hiddenScaled),children:[(0,l.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"}),(0,l.jsx)("path",{d:"M14 9L10 13.25L8.25 11.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})]})},f=e=>{let{size:t=16}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.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"}),(0,l.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"})]})},b=e=>{let{size:t=24}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsx)("path",{d:"M3.91752 12.7539C3.65127 12.2996 3.65037 11.7515 3.9149 11.2962C4.9042 9.59346 7.72688 5.49994 12 5.49994C16.2731 5.49994 19.0958 9.59346 20.0851 11.2962C20.3496 11.7515 20.3487 12.2996 20.0825 12.7539C19.0908 14.4459 16.2694 18.4999 12 18.4999C7.73064 18.4999 4.90918 14.4459 3.91752 12.7539Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M12 14.8261C13.5608 14.8261 14.8261 13.5608 14.8261 12C14.8261 10.4392 13.5608 9.17392 12 9.17392C10.4392 9.17392 9.17391 10.4392 9.17391 12C9.17391 13.5608 10.4392 14.8261 12 14.8261Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},w=e=>{let{size:t=24}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsx)("path",{d:"M18.6025 9.28503C18.9174 8.9701 19.4364 8.99481 19.7015 9.35271C20.1484 9.95606 20.4943 10.507 20.7342 10.9199C21.134 11.6086 21.1329 12.4454 20.7303 13.1328C20.2144 14.013 19.2151 15.5225 17.7723 16.8193C16.3293 18.1162 14.3852 19.2497 12.0008 19.25C11.4192 19.25 10.8638 19.1823 10.3355 19.0613C9.77966 18.934 9.63498 18.2525 10.0382 17.8493C10.2412 17.6463 10.5374 17.573 10.8188 17.6302C11.1993 17.7076 11.5935 17.75 12.0008 17.75C13.8848 17.7497 15.4867 16.8568 16.7693 15.7041C18.0522 14.5511 18.9606 13.1867 19.4363 12.375C19.5656 12.1543 19.5659 11.8943 19.4373 11.6729C19.2235 11.3049 18.921 10.8242 18.5364 10.3003C18.3085 9.98991 18.3302 9.5573 18.6025 9.28503ZM12.0008 4.75C12.5814 4.75006 13.1358 4.81803 13.6632 4.93953C14.2182 5.06741 14.362 5.74812 13.9593 6.15091C13.7558 6.35435 13.4589 6.42748 13.1771 6.36984C12.7983 6.29239 12.4061 6.25006 12.0008 6.25C10.1167 6.25 8.51415 7.15145 7.23028 8.31543C5.94678 9.47919 5.03918 10.8555 4.56426 11.6729C4.43551 11.8945 4.43582 12.1542 4.56524 12.375C4.77587 12.7343 5.07189 13.2012 5.44718 13.7105C5.67623 14.0213 5.65493 14.4552 5.38193 14.7282C5.0671 15.0431 4.54833 15.0189 4.28292 14.6614C3.84652 14.0736 3.50813 13.5369 3.27129 13.1328C2.86831 12.4451 2.86717 11.6088 3.26739 10.9199C3.78185 10.0345 4.77959 8.51239 6.22247 7.2041C7.66547 5.89584 9.61202 4.75 12.0008 4.75Z",fill:"currentColor"}),(0,l.jsx)("path",{d:"M5 19L19 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},v=e=>{let{size:t=24,isOpen:n=!0}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsxs)("g",{className:"".concat(a.iconFade," ").concat(n?a.visible:a.hidden),children:[(0,l.jsx)("path",{d:"M3.91752 12.7539C3.65127 12.2996 3.65037 11.7515 3.9149 11.2962C4.9042 9.59346 7.72688 5.49994 12 5.49994C16.2731 5.49994 19.0958 9.59346 20.0851 11.2962C20.3496 11.7515 20.3487 12.2996 20.0825 12.7539C19.0908 14.4459 16.2694 18.4999 12 18.4999C7.73064 18.4999 4.90918 14.4459 3.91752 12.7539Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M12 14.8261C13.5608 14.8261 14.8261 13.5608 14.8261 12C14.8261 10.4392 13.5608 9.17392 12 9.17392C10.4392 9.17392 9.17391 10.4392 9.17391 12C9.17391 13.5608 10.4392 14.8261 12 14.8261Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,l.jsxs)("g",{className:"".concat(a.iconFade," ").concat(n?a.hidden:a.visible),children:[(0,l.jsx)("path",{d:"M18.6025 9.28503C18.9174 8.9701 19.4364 8.99481 19.7015 9.35271C20.1484 9.95606 20.4943 10.507 20.7342 10.9199C21.134 11.6086 21.1329 12.4454 20.7303 13.1328C20.2144 14.013 19.2151 15.5225 17.7723 16.8193C16.3293 18.1162 14.3852 19.2497 12.0008 19.25C11.4192 19.25 10.8638 19.1823 10.3355 19.0613C9.77966 18.934 9.63498 18.2525 10.0382 17.8493C10.2412 17.6463 10.5374 17.573 10.8188 17.6302C11.1993 17.7076 11.5935 17.75 12.0008 17.75C13.8848 17.7497 15.4867 16.8568 16.7693 15.7041C18.0522 14.5511 18.9606 13.1867 19.4363 12.375C19.5656 12.1543 19.5659 11.8943 19.4373 11.6729C19.2235 11.3049 18.921 10.8242 18.5364 10.3003C18.3085 9.98991 18.3302 9.5573 18.6025 9.28503ZM12.0008 4.75C12.5814 4.75006 13.1358 4.81803 13.6632 4.93953C14.2182 5.06741 14.362 5.74812 13.9593 6.15091C13.7558 6.35435 13.4589 6.42748 13.1771 6.36984C12.7983 6.29239 12.4061 6.25006 12.0008 6.25C10.1167 6.25 8.51415 7.15145 7.23028 8.31543C5.94678 9.47919 5.03918 10.8555 4.56426 11.6729C4.43551 11.8945 4.43582 12.1542 4.56524 12.375C4.77587 12.7343 5.07189 13.2012 5.44718 13.7105C5.67623 14.0213 5.65493 14.4552 5.38193 14.7282C5.0671 15.0431 4.54833 15.0189 4.28292 14.6614C3.84652 14.0736 3.50813 13.5369 3.27129 13.1328C2.86831 12.4451 2.86717 11.6088 3.26739 10.9199C3.78185 10.0345 4.77959 8.51239 6.22247 7.2041C7.66547 5.89584 9.61202 4.75 12.0008 4.75Z",fill:"currentColor"}),(0,l.jsx)("path",{d:"M5 19L19 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})]})},k=e=>{let{size:t=24,isPaused:n=!1}
1=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsxs)("g",{className:"".concat(a.iconFadeFast," ").concat(n?a.hidden:a.visible),children:[(0,l.jsx)("path",{d:"M8 6L8 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M16 18L16 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),(0,l.jsx)("path",{className:"".concat(a.iconFadeFast," ").concat(n?a.visible:a.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"})]})},j=e=>{let{size:t=16}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.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"}),(0,l.jsx)("path",{d:"M9 12H15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},C=e=>{let{size:t=16}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsx)("path",{d:"M10.6504 5.81117C10.9939 4.39628 13.0061 4.39628 13.3496 5.81117C13.5715 6.72517 14.6187 7.15891 15.4219 6.66952C16.6652 5.91193 18.0881 7.33479 17.3305 8.57815C16.8411 9.38134 17.2748 10.4285 18.1888 10.6504C19.6037 10.9939 19.6037 13.0061 18.1888 13.3496C17.2748 13.5715 16.8411 14.6187 17.3305 15.4219C18.0881 16.6652 16.6652 18.0881 15.4219 17.3305C14.6187 16.8411 13.5715 17.2748 13.3496 18.1888C13.0061 19.6037 10.9939 19.6037 10.6504 18.1888C10.4285 17.2748 9.38135 16.8411 8.57815 17.3305C7.33479 18.0881 5.91193 16.6652 6.66952 15.4219C7.15891 14.6187 6.72517 13.5715 5.81117 13.3496C4.39628 13.0061 4.39628 10.9939 5.81117 10.6504C6.72517 10.4285 7.15891 9.38134 6.66952 8.57815C5.91193 7.33479 7.33479 5.91192 8.57815 6.66952C9.38135 7.15891 10.4285 6.72517 10.6504 5.81117Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("circle",{cx:"12",cy:"12",r:"2.5",stroke:"currentColor",strokeWidth:"1.5"})]})},S=e=>{let{size:t=16}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.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"}),(0,l.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"})]})},M=e=>{let{size:t=24}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsx)("path",{d:"M8 6L8 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,l.jsx)("path",{d:"M16 18L16 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},L=e=>{let{size:t=16}=e;return(0,l.jsx)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:(0,l.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"})})},I=e=>{let{size:t=16}=e;return(0,l.jsx)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:(0,l.jsx)("path",{d:"M13.5 4C14.7426 4 15.75 5.00736 15.75 6.25V7H18.5C18.9142 7 19.25 7.33579 19.25 7.75C19.25 8.16421 18.9142 8.5 18.5 8.5H17.9678L17.6328 16.2217C17.61 16.7475 17.5912 17.1861 17.5469 17.543C17.5015 17.9087 17.4225 18.2506 17.2461 18.5723C16.9747 19.0671 16.5579 19.4671 16.0518 19.7168C15.7227 19.8791 15.3772 19.9422 15.0098 19.9717C14.6514 20.0004 14.212
16 20 13.6865 20H10.3135C9.78735 20 9.34856 20.0004 8.99023 19.9717C8.62278 19.9422 8.27729 19.8791 7.94824 19.7168C7.44205 19.4671 7.02532 19.0671 6.75391 18.5723C6.57751 18.2506 6.49853 17.9087 6.45312 17.543C6.40883 17.1861 6.39005 16.7475 6.36719 16.2217L6.03223 8.5H5.5C5.08579 8.5 4.75 8.16421 4.75 7.75C4.75 7.33579 5.08579 7 5.5 7H8.25V6.25C8.25 5.00736 9.25736 4 10.5 4H13.5ZM7.86621 16.1562C7.89013 16.7063 7.90624 17.0751 7.94141 17.3584C7.97545 17.6326 8.02151 17.7644 8.06934 17.8516C8.19271 18.0763 8.38239 18.2577 8.6123 18.3711C8.70153 18.4151 8.83504 18.4545 9.11035 18.4766C9.39482 18.4994 9.76335 18.5 10.3135 18.5H13.6865C14.2367 18.5 14.6052 18.4994 14.8896 18.4766C15.165 18.4545 15.2985 18.4151 15.3877 18.3711C15.6176 18.2577 15.8073 18.0763 15.9307 17.8516C15.9785 17.7644 16.0245 17.6326 16.0586 17.3584C16.0938 17.0751 16.1099 16.7063 16.1338 16.1562L16.4668 8.5H7.5332L7.86621 16.1562ZM9.97656 10.75C10.3906 10.7371 10.7371 11.0626 10.75 11.4766L10.875 15.4766C10.8879 15.8906 10.5624 16.2371 10.1484 16.25C9.73443 16.2629 9.38794 15.9374 9.375 15.5234L9.25 11.5234C9.23706 11.1094 9.56255 10.7629 9.97656 10.75ZM14.0244 10.75C14.4384 10.7635 14.7635 11.1105 14.75 11.5244L14.6201 15.5244C14.6066 15.9384 14.2596 16.2634 13.8457 16.25C13.4317 16.2365 13.1067 15.8896 13.1201 15.4756L13.251 11.4756C13.2645 11.0617 13.6105 10.7366 14.0244 10.75ZM10.5 5.5C10.0858 5.5 9.75 5.83579 9.75 6.25V7H14.25V6.25C14.25 5.83579 13.9142 5.5 13.5 5.5H10.5Z",fill:"currentColor"})})},B=e=>{let{size:t=16,style:n={}}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",style:n,children:[(0,l.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"}),(0,l.jsx)("circle",{cx:"15",cy:"11.75",r:"1",fill:"currentColor"}),(0,l.jsx)("circle",{cx:"12",cy:"11.75",r:"1",fill:"currentColor"}),(0,l.jsx)("circle",{cx:"9",cy:"11.75",r:"1",fill:"currentColor"})]})},N=e=>{let{size:t=16}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsx)("g",{clipPath:"url(#clip0_2_45)",children:(0,l.jsx)("path",{d:"M16.25 8.75L10 15.25L7.25 12.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"clip0_2_45",children:(0,l.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]})},E=e=>{let{size:t=16}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsx)("g",{clipPath:"url(#clip0_2_37)",children:(0,l.jsx)("path",{d:"M17.5962 7.75L9.42308 16.25L6.15385 12.6538",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"clip0_2_37",children:(0,l.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]})},R=e=>{let{size:t=24}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsxs)("g",{clipPath:"url(#clip0_checkmark_circle)",children:[(0,l.jsx)("path",{d:"M12 20C
17.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"}),(0,l.jsx)("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"clip0_checkmark_circle",children:(0,l.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]})},W=e=>{let{size:t=16}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsxs)("g",{clipPath:"url(#clip0_2_53)",children:[(0,l.jsx)("path",{d:"M16.25 16.25L7.75 7.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M7.75 16.25L16.25 7.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"clip0_2_53",children:(0,l.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]})},D=e=>{let{size:t=24}=e;return(0,l.jsx)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:(0,l.jsx)("path",{d:"M16.7198 6.21973C17.0127 5.92683 17.4874 5.92683 17.7803 6.21973C18.0732 6.51262 18.0732 6.9874 17.7803 7.28027L13.0606 12L17.7803 16.7197C18.0732 17.0126 18.0732 17.4874 17.7803 17.7803C17.4875 18.0731 17.0127 18.0731 16.7198 17.7803L12.0001 13.0605L7.28033 17.7803C6.98746 18.0731 6.51268 18.0731 6.21979 17.7803C5.92689 17.4874 5.92689 17.0126 6.21979 16.7197L10.9395 12L6.21979 7.28027C5.92689 6.98738 5.92689 6.51262 6.21979 6.21973C6.51268 5.92683 6.98744 5.92683 7.28033 6.21973L12.0001 10.9395L16.7198 6.21973Z",fill:"currentColor"})})},P=e=>{let{size:t=16}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",children:[(0,l.jsx)("path",{d:"M9.99999 12.7082C11.4958 12.7082 12.7083 11.4956 12.7083 9.99984C12.7083 8.50407 11.4958 7.2915 9.99999 7.2915C8.50422 7.2915 7.29166 8.50407 7.29166 9.99984C7.29166 11.4956 8.50422 12.7082 9.99999 12.7082Z",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M10 3.9585V5.05698",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M10 14.9429V16.0414",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M5.7269 5.72656L6.50682 6.50649",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M13.4932 13.4932L14.2731 14.2731",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M3.95834 10H5.05683",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M14.9432 10H16.0417",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M5.7269 14.2731L6.50682 13.4932",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M13.4932 6.50649L14.2731 5.72656",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]})},z=e=>{let{size:t=16}=e;return(0,l.jsx)("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",children:(0,l.jsx)("path",{d:"M15.5 10.4955C15.4037 11.5379 15.0124 12.5314 14.3721 13.3596C13.7317 14.1878 12.8688 14.8165 11.8841 15.1722C10.8995 15.5278 9.83397 15.5957 8.81217 15.3679C7.79038 15.1401 6.8546 14.6259 6.11434 13.8857C5.37408 13.1454 4.85995 12.2096 4.63211 11.1878C4.40427 10.166 4.47215 9.10048 4.82781 8.11585C5.18346 7.13123 5.81218 6.26825 6.64039 5.62791C7.4686 4.98756 8.46206 4.59634 9.5045 4.5C8.89418 5.32569 8.60049 6.34302 8.67685 7.36695C8.75321 8.39087 9.19454 9.35339 9.92058 10.0794C10.6466 10.8055 11.6091 11.2468 12.6331 11.3231C13.657 11.3995 14.6743 11.1058 15.5 10.4955Z",stroke:"currentColor",strokeWidth:"1.13793",strokeLinecap:"round",strokeLinejoin:"round"})})},T=e=>{let{size:t=16}=e;return(0,l.jsx)("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M11.3799 6.9572L9.05645 4.63375M11.3799 6.9572L6.74949 11.5699C6.61925 11.6996 6.45
1577 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"})})},O=e=>{let{size:t=24}=e;return(0,l.jsx)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M13.5 4C14.7426 4 15.75 5.00736 15.75 6.25V7H18.5C18.9142 7 19.25 7.33579 19.25 7.75C19.25 8.16421 18.9142 8.5 18.5 8.5H17.9678L17.6328 16.2217C17.61 16.7475 17.5912 17.1861 17.5469 17.543C17.5015 17.9087 17.4225 18.2506 17.2461 18.5723C16.9747 19.0671 16.5579 19.4671 16.0518 19.7168C15.7227 19.8791 15.3772 19.9422 15.0098 19.9717C14.6514 20.0004 14.2126 20 13.6865 20H10.3135C9.78735 20 9.34856 20.0004 8.99023 19.9717C8.62278 19.9422 8.27729 19.8791 7.94824 19.7168C7.44205 19.4671 7.02532 19.0671 6.75391 18.5723C6.57751 18.2506 6.49853 17.9087 6.45312 17.543C6.40883 17.1861 6.39005 16.7475 6.36719 16.2217L6.03223 8.5H5.5C5.08579 8.5 4.75 8.16421 4.75 7.75C4.75 7.33579 5.08579 7 5.5 7H8.25V6.25C8.25 5.00736 9.25736 4 10.5 4H13.5ZM7.86621 16.1562C7.89013 16.7063 7.90624 17.0751 7.94141 17.3584C7.97545 17.6326 8.02151 17.7644 8.06934 17.8516C8.19271 18.0763 8.38239 18.2577 8.6123 18.3711C8.70153 18.4151 8.83504 18.4545 9.11035 18.4766C9.39482 18.4994 9.76335 18.5 10.3135 18.5H13.6865C14.2367 18.5 14.6052 18.4994 14.8896 18.4766C15.165 18.4545 15.2985 18.4151 15.3877 18.3711C15.6176 18.2577 15.8073 18.0763 15.9307 17.8516C15.9785 17.7644 16.0245 17.6326 16.0586 17.3584C16.0938 17.0751 16.1099 16.7063 16.1338 16.1562L16.4668 8.5H7.5332L7.86621 16.1562ZM9.97656 10.75C10.3906 10.7371 10.7371 11.0626 10.75 11.4766L10.875 15.4766C10.8879 15.8906 10.5624 16.2371 10.1484 16.25C9.73443 16.2629 9.38794 15.9374 9.375 15.5234L9.25 11.5234C9.23706 11.1094 9.56255 10.7629 9.97656 10.75ZM14.0244 10.75C14.4383 10.7635 14.7635 11.1105 14.75 11.5244L14.6201 15.5244C14.6066 15.9384 14.2596 16.2634 13.8457 16.25C13.4317 16.2365 13.1067 15.8896 13.1201 15.4756L13.251 11.4756C13.2645 11.0617 13.6105 10.7366 14.0244 10.75ZM10.5 5.5C10.0858 5.5 9.75 5.83579 9.75 6.25V7H14.25V6.25C14.25 5.83579 13.9142 5.5 13.5 5.5H10.5Z",fill:"currentColor"})})},A=e=>{let{size:t=16}=e;return(0,l.jsx)("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M8.5 3.5L4 8L8.5 12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})},F=e=>{let{size:t=16}=e;return(0,l.jsx)("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M8.5 11.5L12 8L8.5 4.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})},H=e=>{let{size:t=20,color:n="#4C74FF"}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("style",{children:"\n @keyframes bunnyEnterEar {\n 0% { opacity: 0; transform: scale(0.8); }\n 100% { opacity: 1; transform: scale(1); }\n }\n @keyframes bunnyEnterFace {\n 0% { opacity: 0; transform: scale(0.9); }\n 100% { opacity: 1; transform: scale(1); }\n }\n @keyframes bunnyEnterEye {\n 0% { opacity: 0; transform: scale(0.5); }\n 100% { opacity: 1; transform: scale(1); }\n }\n @keyframes leftEyeLook {\n 0%, 8% { transform: translate(0, 0); }\n 10%, 18% { transform: translate(1.5px, 0); }\n 20%, 22% { transform: translate(1.5px, 0) scaleY(0.1); }\n 24%, 32% { transform: translate(1.5px, 0); }\n 35%, 48% { transform: translate(-0.8px, -0.6px); }\n 52%, 54% { transform: translate(0, 0) scaleY(0.1); }\n 56%, 68% { transform: translate(0, 0); }\n 72%, 82% { transform: translate(-0.5px, 0.5px); }\n 85%, 100% { transform: translate(0, 0); }\n }\n @keyframes rightEyeLook {\n 0%, 8% { transform: translate(0, 0); }\n 10%, 18% { transform: translate(0.8px, 0); }\n 20%, 22% { transform: translate(0.8px, 0) scaleY(0.1); }\n 24%, 32% { transform: translate(0.8px, 0); }\n 35%, 48% { transform: translate(-1.5px, -0.6px); }\n 52%, 54% { transform: translate(0, 0) scaleY(0.1); }\n 56%, 68% { transform: translate(0, 0); }\n 72%, 82% { transform: translate(-1.2px, 0.5px); }\n 85%, 100% { transform: translate(0, 0); }\n }\n @keyframes leftEarTwitch {\n 0%, 9% { transform: rotate(0deg); }\n 12% { transform: rotate(-8deg); }\n 16%, 34% { transform: rotate(0deg); }\n 38% { transform: rotate(-12deg); }\n 42% { transform: rotate(-6deg); }\n 48%, 100% { transform: rotate(0deg); }\n }\n @keyframes rightEarTwitch {\n 0%, 9% { transform: rotate(0deg); }\n 12% { transform: rotate(6deg); }\n 16%, 34% { transform: rotate(0deg); }\n 38% { transform: rotate(10deg); }\n 42% { transform: rotate(4deg); }\n 48%, 71% { transform: rotate(0deg); }\n 74% { transform: rotate(8deg); }\n 78%, 100% { transform: rotate(0deg); }\n }\n .bunny-eye-left {\n opacity: 0;\n animation: bunnyEnterEye 0.3s ease-out 0.35s forwards, leftEyeLook 5s ease-in-out 0.65s infinite;\n transform-origin: center;\n transform-box: fill-box;\n }\n .bunny-eye-right {\n opacity: 0;\n animation: bunnyEnterEye 0.3s ease-out 0.4s forwards, rightEyeLook 5s ease-in-out 0.7s infinite;\n transform-origin: center;\n transform-box: fill-box;\n }\n .bunny-ear-left {\n opacity: 0;\n animation: bunnyEnterEar 0.3s ease-out 0.1s forwards, leftEarTwitch 5s ease-in-out 0.4s infinite;\n transform-origin: bottom center;\n transform-box: fill-box;\n }\n .bunny-ear-right {\n opacity: 0;\n animation: bunnyEnterEar 0.3s ease-out 0.15s forwards, rightEarTwitch 5s ease-in-out 0.45s infinite;\n transform-origin: bottom center;\n transform-box: fill-box;\n }\n .bunny-face {\n opacity: 0;\n animation: bunnyEnterFace 0.3s ease-out 0.25s forwards;\n transform-origin: center;\n transform-box: fill-box;\n }\n svg:hover .bunny-eye-left,\n svg:hover .bunny-eye-right {\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .bunny-happy-face {\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n svg:hover .bunny-happy-face {\n opacity: 1;\n }\n "}),(0,l.jsx)("rect",{width:"28",height:"28",fill:"transparent"}),(0,l.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}),(0,l.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
15 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}),(0,l.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}),(0,l.jsx)("circle",{className:"bunny-eye-left",cx:"8.277",cy:"20.466",r:"1.8",fill:n}),(0,l.jsx)("circle",{className:"bunny-eye-right",cx:"19.878",cy:"20.466",r:"1.8",fill:n}),(0,l.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:"Ë áµ Ë"})]})},Y=e=>{let{size:t=24}=e;return(0,l.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),(0,l.jsx)("line",{x1:"3",y1:"9",x2:"21",y2:"9",stroke:"currentColor",strokeWidth:"1.5"}),(0,l.jsx)("line",{x1:"9",y1:"9",x2:"9",y2:"21",stroke:"currentColor",strokeWidth:"1.5"})]})},X=["data-feedback-toolbar","data-annotation-popup","data-annotation-marker"],U=X.flatMap(e=>[":not([".concat(e,"])"),":not([".concat(e,"] *)")]).join(""),Q="feedback-freeze-styles",q="__agentation_freeze",V=function(){if("undefined"==typeof window)return{frozen:!1,installed:!0,origSetTimeout:setTimeout,origSetInterval:setInterval,origRAF:e=>0,pausedAnimations:[],frozenTimeoutQueue:[],frozenRAFQueue:[]};let e=window;return e[q]||(e[q]={frozen:!1,installed:!1,origSetTimeout:null,origSetInterval:null,origRAF:null,pausedAnimations:[],frozenTimeoutQueue:[],frozenRAFQueue:[]}),e[q]}();"undefined"==typeof window||V.installed||(V.origSetTimeout=window.setTimeout.bind(window),V.origSetInterval=window.setInterval.bind(window),V.origRAF=window.requestAnimationFrame.bind(window),window.setTimeout=function(e,t){for(var n=arguments.length,o=Array(n>2?n-2:0),r=2;r<n;r++)o[r-2]=arguments[r];return"string"==typeof e?V.origSetTimeout(e,t):V.origSetTimeout(function(){for(var t=arguments.length,n=Array(t),o=0;o<t;o++)n[o]=arguments[o];V.frozen?V.frozenTimeoutQueue.push(()=>e(...n)):e(...n)},t,...o)},window.setInterval=function(e,t){for(var n=arguments.length,o=Array(n>2?n-2:0),r=2;r<n;r++)o[r-2]=arguments[r];return"string"==typeof e?V.origSetInterval(e,t):V.origSetInterval(function(){for(var t=arguments.length,n=Array(t),o=0;o<t;o++)n[o]=arguments[o];V.frozen||e(...n)},t,...o)},window.requestAnimationFrame=e=>V.origRAF(t=>{V.frozen?V.frozenRAFQueue.push(e):e(t)}),V.installed=!0);var Z=V.origSetTimeout,J=V.origSetInterval,K=V.origRAF;function G(){var e;if("undefined"==typeof document||!V.frozen)return;V.frozen=!1;let t=V.frozenTimeoutQueue;for(let e of(V.frozenTimeoutQueue=[],t))V.origSetTimeout(()=>{if(V.frozen)return void V.frozenTimeoutQueue.push(e);try{e()}catch(e){console.warn("[agentation] Error replaying queued timeout:",e)}},0);let n=V.frozenRAFQueue;for(let e of(V.frozenRAFQueue=[],n))V.origRAF(t=>{if(V.frozen)return void V.frozenRAFQueue.push(e);e(t)});for(let e of V.pausedAnimations)try{e.play()}catch(e){console.warn("[agentation] Error resuming animation:",e)}
1V.pausedAnimations=[],null==(e=document.getElementById(Q))||e.remove(),document.querySelectorAll("video").forEach(e=>{"false"===e.dataset.wasPaused&&(e.play().catch(()=>{}),delete e.dataset.wasPaused)})}function $(e){if(!e)return;let t=e=>e.stopImmediatePropagation();document.addEventListener("focusin",t,!0),document.addEventListener("focusout",t,!0);try{e.focus()}finally{document.removeEventListener("focusin",t,!0),document.removeEventListener("focusout",t,!0)}}var ee=(0,o.forwardRef)(function(e,t){let{element:n,timestamp:r,selectedText:a,placeholder:i="What should change?",initialValue:c="",submitLabel:d="Add",onSubmit:_,onCancel:u,onDelete:h,style:m,accentColor:g="#3c82f7",isExiting:p=!1,lightMode:y=!1,computedStyles:x}=e,[f,b]=(0,o.useState)(c),[w,v]=(0,o.useState)(!1),[k,j]=(0,o.useState)("initial"),[C,S]=(0,o.useState)(!1),[M,L]=(0,o.useState)(!1),I=(0,o.useRef)(null),B=(0,o.useRef)(null),N=(0,o.useRef)(null),E=(0,o.useRef)(null);(0,o.useEffect)(()=>{p&&"exit"!==k&&j("exit")},[p,k]),(0,o.useEffect)(()=>{Z(()=>{j("enter")},0);let e=Z(()=>{j("entered")},200),t=Z(()=>{let e=I.current;e&&($(e),e.selectionStart=e.selectionEnd=e.value.length,e.scrollTop=e.scrollHeight)},50);return()=>{clearTimeout(e),clearTimeout(t),N.current&&clearTimeout(N.current),E.current&&clearTimeout(E.current)}},[]);let R=(0,o.useCallback)(()=>{E.current&&clearTimeout(E.current),v(!0),E.current=Z(()=>{v(!1),$(I.current)},250)},[]);(0,o.useImperativeHandle)(t,()=>({shake:R}),[R]);let W=(0,o.useCallback)(()=>{j("exit"),N.current=Z(()=>{u()},150)},[u]),D=(0,o.useCallback)(()=>{f.trim()&&_(f.trim())},[f,_]),P=(0,o.useCallback)(e=>{e.stopPropagation(),e.nativeEvent.isComposing||("Enter"!==e.key||e.shiftKey||(e.preventDefault(),D()),"Escape"===e.key&&W())},[D,W]),z=[s.popup,y?s.light:"","enter"===k?s.enter:"","entered"===k?s.entered:"","exit"===k?s.exit:"",w?s.shake:""].filter(Boolean).join(" ");return(0,l.jsxs)("div",{ref:B,className:z,"data-annotation-popup":!0,style:m,onClick:e=>e.stopPropagation(),children:[(0,l.jsxs)("div",{className:s.header,children:[x&&Object.keys(x).length>0?(0,l.jsxs)("button",{className:s.headerToggle,onClick:()=>{L(!M),M&&Z(()=>$(I.current),0)},type:"button",children:[(0,l.jsx)("svg",{className:"".concat(s.chevron," ").concat(M?s.expanded:""),width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M5.5 10.25L9 7.25L5.75 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,l.jsx)("span",{className:s.element,children:n})]}):(0,l.jsx)("span",{className:s.element,children:n}),r&&(0,l.jsx)("span",{className:s.timestamp,children:r})]}),x&&Object.keys(x).length>0&&(0,l.jsx)("div",{className:"".concat(s.stylesWrapper," ").concat(M?s.expanded:""),children:(0,l.jsx)("div",{className:s.stylesInner,children:(0,l.jsx)("div",{className:s.stylesBlock,children:Object.entries(x).map(e=>{let[t,n]=e;return(0,l.jsxs)("div",{className:s.styleLine,children:[(0,l.jsx)("span",{className:s.styleProperty,children:t.replace(/([A-Z])/g,"-$1").toLowerCase()}),": ",(0,l.jsx)("span",{className:s.styleValue,children:n}),";"]},t)})})})}),a&&(0,l.jsxs)("div",{className:s.quote,children:["â",a.slice(0,80),a.length>80?"...":"","â"]}),(0,l.jsx)("textarea",{ref:I,className:s.textarea,style:{borderColor:C?g:void 0},placeholder:i,value:f,onChange:e=>b(e.target.value),onFocus:()=>S(!0),onBlur:()=>S(!1),rows:2,onKeyDown:P}),(0,l.jsxs)("div",{className:s.actions,children:[h&&(0,l.jsx)("div",{className:s.deleteWrapper,children:(0,l.jsx)("button",{className:s.deleteButton,onClick:h,type:"button",children:(0,l.jsx)(O,{size:22})})}),(0,l.jsx)("button",{className:s.cancel,onClick:W,children:"Cancel"}),(0,l.jsx)("button",{className:s.submit,style:{backgroundColor:g,opacity:f.trim()?1:.4},onClick:D,disabled:!f.trim(),children:d})]})]})}),et=e=>{let{content:t,children:n,...s}=e,[a,i]=(0,o.useState)(!1),[c,d]=(0,o.useState)(!1),[_,u]=(0,o.useState)({top:0,right:0}),h=(0,o.useRef)(null),m=(0,o.useRef)(null),g=(0,o.useRef)(null);return(0,o.useEffect)(()=>()=>{m.current&&clearTimeout(m.current),g.current&&clearTimeout(g.current)},[]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{ref:h,onMouseEnter:()=>{d(!0),g.current&&(clearTimeout(g.current),g.current=null),(()=>{if(h.current){let e=h.current.getBoundingClientRect();u({top:e.top+e.height/2,right:window.innerWidth-e.left+8})}})(),m.current=Z(()=>{i(!0)},500)},onMouseLeave:()=>{m.current&&(clearTimeout(m.current),m.current=null),i(!1),g.current=Z(()=>{d(!1)},150)},...s,children:n}),c&&(0,r.createPortal)((0,l.jsx)("div",{"data-feedback-toolbar":!0,style:{position:"fixed",top:_.top,right:_.right,transform:"translateY(-50%)",padding:"6px 10px",background:"#383838",color:"rgba(255, 255, 255, 0.7)",fontSize:"11px",fontWeight:400,lineHeight:"14px",borderRadius:"10px",width:"180px",textAlign:"left",zIndex:100020,pointerEvents:"none",boxShadow:"0px 1px 8px rgba(0, 0, 0, 0.28)",opacity:+!!a,transition:"opacity 0.15s ease"},children:t}),document.body)]})};if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-help-tooltip-styles");e||((e=document.createElement("style")).id="feedback-tool-styles-help-tooltip-styles",document.head.appendChild(e)),e.textContent=".styles-module__tooltip___mcXL2 {\n display: flex;\n justify-content: center;\n align-items: center;
1\n cursor: help;\n}\n\n.styles-module__tooltipIcon___Nq2nD {\n transform: translateY(0.5px);\n color: #fff;\n opacity: 0.2;\n transition: opacity 0.15s ease;\n will-change: transform;\n}\n.styles-module__tooltip___mcXL2:hover .styles-module__tooltipIcon___Nq2nD {\n opacity: 0.5;\n}\n[data-agentation-theme=light] .styles-module__tooltipIcon___Nq2nD {\n color: #000;\n}"}var en={tooltip:"styles-module__tooltip___mcXL2",tooltipIcon:"styles-module__tooltipIcon___Nq2nD"},eo=e=>{let{content:t}=e;return(0,l.jsx)(et,{className:en.tooltip,content:t,children:(0,l.jsx)(h,{className:en.tooltipIcon})})},er={navigation:{width:800,height:56},hero:{width:800,height:320},header:{width:800,height:80},section:{width:800,height:400},sidebar:{width:240,height:400},footer:{width:800,height:160},modal:{width:480,height:300},card:{width:280,height:240},text:{width:400,height:120},image:{width:320,height:200},video:{width:480,height:270},table:{width:560,height:220},grid:{width:600,height:300},list:{width:300,height:180},chart:{width:400,height:240},button:{width:140,height:40},input:{width:280,height:56},form:{width:360,height:320},tabs:{width:480,height:240},dropdown:{width:200,height:200},toggle:{width:44,height:24},search:{width:320,height:44},avatar:{width:48,height:48},badge:{width:80,height:28},breadcrumb:{width:300,height:24},pagination:{width:300,height:36},progress:{width:240,height:8},divider:{width:600,height:1},accordion:{width:400,height:200},carousel:{width:600,height:300},toast:{width:320,height:64},tooltip:{width:180,height:40},pricing:{width:300,height:360},testimonial:{width:360,height:200},cta:{width:600,height:160},alert:{width:400,height:56},banner:{width:800,height:48},stat:{width:200,height:120},stepper:{width:480,height:48},tag:{width:72,height:28},rating:{width:160,height:28},map:{width:480,height:300},timeline:{width:360,height:320},fileUpload:{width:360,height:180},codeBlock:{width:480,height:200},calendar:{width:300,height:300},notification:{width:360,height:72},productCard:{width:280,height:360},profile:{width:280,height:200},drawer:{width:320,height:400},popover:{width:240,height:160},logo:{width:120,height:40},faq:{width:560,height:320},gallery:{width:560,height:360},checkbox:{width:20,height:20},radio:{width:20,height:20},slider:{width:240,height:32},datePicker:{width:300,height:320},skeleton:{width:320,height:120},chip:{width:96,height:32},icon:{width:24,height:24},spinner:{width:32,height:32},feature:{width:360,height:200},team:{width:560,height:280},login:{width:360,height:360},contact:{width:400,height:320}},el=[{section:"Layout",items:[{type:"navigation",label:"Navigation",...er.navigation},{type:"header",label:"Header",...er.header},{type:"hero",label:"Hero",...er.hero},{type:"section",label:"Section",...er.section},{type:"sidebar",label:"Sidebar",...er.sidebar},{type:"footer",label:"Footer",...er.footer},{type:"modal",label:"Modal",...er.modal},{type:"banner",label:"Banner",...er.banner},{type:"drawer",label:"Drawer",...er.drawer},{type:"popover",label:"Popover",...er.popover},{type:"divider",label:"Divider",...er.divider}]},{section:"Content",items:[{type:"card",label:"Card",...er.card},{type:"text",label:"Text",...er.text},{type:"image",label:"Image",...er.image},{type:"video",label:"Video",...er.video},{type:"table",label:"Table",...er.table},{type:"grid",label:"Grid",...er.grid},{type:"list",label:"List",...er.list},{type:"chart",label:"Chart",...er.chart},{type:"codeBlock",label:"Code Block",...er.codeBlock},{type:"map",label:"Map",...er.map},{type:"timeline",label:"Timeline",...er.timeline},{type:"calendar",label:"Calendar",...er.calendar},{type:"accordion",label:"Accordion",...er.accordion},{type:"carousel",label:"Carousel",...er.carousel},{type:"logo",label:"Logo",...er.logo},{type:"faq",label:"FAQ",...er.faq},{type:"gallery",label:"Gallery",...er.gallery}]},{section:"Controls",items:[{type:"button",label:"Button",...er.button},{type:"input",label:"Input",...er.input},{type:"search",label:"Search",...er.search},{type:"form",label:"Form",...er.form},{type:"tabs",label:"Tabs",...er.tabs},{type:"dropdown",label:"Dropdown",...er.dropdown},{type:"toggle",label:"Toggle",...er.toggle},{type:"stepper",label:"Stepper",...er.stepper},{type:"rating",label:"Rating",...er.rating},{type:"fileUpload",label:"File Upload",...er.fileUpload},{type:"checkbox",label:"Checkbox",...er.checkbox},{type:"radio",label:"Radio",...er.radio},{type:"slider",label:"Slider",...er.slider},{type:"datePicker",label:"Date Picker",...er.datePicker}]},{section:"Elements",items:[{type:"avatar",label:"Avatar",...er.avatar},{type:"badge",label:"Badge",...er.badge},{type:"tag",label:"Tag",...er.tag},{type:"breadcrumb",label:"Breadcrumb",...er.breadcrumb},{type:"pagination",label:"Pagination",...er.pagination},{type:"progress",label:"Progress",...er.progress},{type:"alert",label:"Alert",...er.alert},{type:"toast",label:"Toast",...er.toast},{type:"notification",label:"Notification",...er.notification},{type:"tooltip",label:"Tooltip",...er.tooltip},{type:"stat",label:"Stat",...er.stat},{type:"skeleton",label:"Skeleton",...er.skeleton},{type:"chip",label:"Chip",...er.chip},{type:"icon",label:"Icon",...er.icon},{type:"spinner",label:"Spinner",...er.spinner}]},{section:"Blocks",items:[{type:"pricing",label:"Pricing",...er.pricing},{type:"testimonial",label:"Testimonial",...er.testimonial},{type:"cta",label:"CTA",...er.cta},{type:"productCard",label:"Product Card",...er.productCard},{type:"profile",label:"Profile",...er.profile},{type:"feature",label:"Feature",...er.feature},{type:"team",label:"Team",...er.team},{type:"login",label:"Login",...er.login},{type:"contact",label:"Contact",...er.contact}]}],es={};for(let e of el)for(let t of e.items)es[t.type]=t;function ea(e){let{w:t,h:n=3,strong:o}=e;return(0,l.jsx)("div",{style:{width:"number"==typeof t?"".concat(t,"px"):t,height:n,borderRadius:2,background:o?"var(--agd-bar-strong)":"var(--agd-bar)",flexShrink:0}})}function ei(e){let{w:t,h:n,radius:o=3,style:r}=e;return(0,l.jsx)("div",{style:{width:"number"==typeof t?"".concat(t,"px"):t,height:"number"==typeof n?"".concat(n,"px"):n,borderRadius:o,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",flexShrink:0,...r}})}function ec(e){let{size:t}=e;return(0,l.jsx)("div",{style:{width:t,height:t,borderRadius:"50%",border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",flexShrink:0}})}var ed={navigation:function(e){let{width:t,height:n}=e,o=Math.max(8,.2*n);return(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",height:"100%",padding:"0 ".concat(o,"px"),gap:.02*t},children:[(0,l.jsx)(ei,{w:Math.max(20,.5*n),h:Math.max(12,.4*n),radius:2}),(0,l.jsxs)("div",{style:{flex:1,display:"flex",gap:.03*t,marginLeft:.04*t},children:[(0,l.jsx)(ea,{w:.06*t}),(0,l.jsx)(ea,{w:.07*t}),(0,l.jsx)(ea,{w:.05*t}),(0,l.jsx)(ea,{w:.06*t})]}),(0,l.jsx)(ei,{w:.1*t,h:Math.min(28,.5*n),radius:4})]})},hero:function(e){let{width:t,height:n,text:o}=e;return(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:.05*n},children:[o?(0,l.jsx)("span",{style:{fontSize:Math.min(20,.08*n),fontWeight:600,color:"var(--agd-text-3)",textAlign:"center",maxWidth:"80%"},children:o}):(0,l.jsx)(ea,{w:.5*t,h:Math.max(6,.04*n),strong:!0}),(0,l.jsx)(ea,{w:.6*t}),(0,l.jsx)(ea,{w:.4*t}),(0,l.jsx)(ei,{w:Math.min(140,.2*t),h:Math.min(36,.12*n),radius:6,style:{marginTop:.06*n}})]})},sidebar:function(e){let{width:t,height:n}=e,o=Math.max(3,Math.floor(n/36));return(0,l.jsxs)("div",{style:{padding:.08*t,display:"flex",flexDirection:"column",gap:.03*n},children:[(0,l.jsx)(ea,{w:.6*t,h:4,strong:!0}),Array.from({length:o},(e,n)=>(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,l.jsx)(ei,{w:10,h:10,radius:2}),(0,l.jsx)(ea,{w:t*(.4+17*n%30/100)})]},n))]})},footer:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.min(4,Math.floor(t/160)));return(0,l.jsx)("div",{style:{display:"flex",padding:"".concat(.12*n,"px ").concat(.03*t,"px"),gap:.05*t},children:Array.from({length:o},(e,t)=>(0,l.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4},children:[(0,l.jsx)(ea,{w:"60%",h:3,strong:!0}),(0,l.jsx)(ea,{w:"80%",h:2}),(0,l.jsx)(ea,{w:"70%",h:2}),(0,l.jsx)(ea,{w:"60%",h:2})]},t))})},modal:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,l.jsxs)("div",{style:{padding:"10px 12px",borderBottom:"1px solid var(--agd-stroke)",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,l.jsx)(ea,{w:.3*t,h:4,strong:!0}),(0,l.jsx)("div",{style:{width:14,height:14,border:"1px solid var(--agd-stroke)",borderRadius:3}})]}),(0,l.jsxs)("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:6},children:[(0,l.jsx)(ea,{w:"90%"}),(0,l.jsx)(ea,{w:"70%"}),(0,l.jsx)(ea,{w:"80%"})]}),(0,l.jsxs)("div",{style:{padding:"10px 12px",borderTop:"1px solid var(--agd-stroke)",display:"flex",justifyContent:"flex-end",gap:8},children:[(0,l.jsx)(ei,{w:70,h:26,radius:4}),(0,l.jsx)(ei,{w:70,h:26,radius:4,style:{background:"var(--agd-bar)"}})]})]})},card:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,l.jsx)("div",{style:{height:"40%",background:"var(--agd-fill)",borderBottom:"1px dashed var(--agd-stroke)"}}),(0,l.jsxs)("div",{style:{flex:1,padding:10,display:"flex",flexDirection:"column",gap:5},children:[(0,l.jsx)(ea,{w:"70%",h:4,strong:!0}),(0,l.jsx)(ea,{w:"95%",h:2}),(0,l.jsx)(ea,{w:"85%",h:2}),(0,l.jsx)(ea,{w:"50%",h:2})]})]})},text:function(e){let{width:t,height:n,text:o}=e;if(o)return(0,l.jsx)("div",{style:{padding:4,fontSize:Math.min(14,.3*n),lineHeight:1.5,color:"var(--agd-text-3)",wordBreak:"break-word",overflow:"hidden"},children:o});let r=Math.max(2,Math.floor(n/18));return(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:6,padding:4},children:[(0,l.jsx)(ea,{w:.6*t,h:5,strong:!0}),Array.from({length:r},(e,t)=>(0,l.jsx)(ea,{w:"".concat(70+13*t%25,"%"),h:2},t))]})},image:function(e){let{width:t,height:n}=e;return(0,l.jsx)("div",{style:{height:"100%",position:"relative"},children:(0,l.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),preserveAspectRatio:"none",fill:"none",children:[(0,l.jsx)("line",{x1:"0",y1:"0",x2:t,y2:n,stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,l.jsx)("line",{x1:t,y1:"0",x2:"0",y2:n,stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,l.jsx)("circle",{cx:.3*t,cy:.3*n,r:.08*Math.min(t,n),fill:"var(--agd-fill)",stroke:"var(--agd-stroke)",strokeWidth:"0.8"})]})})},table:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.min(5,Math.floor(t/100))),r=Math.max(2,Math.min(6,Math.floor(n/32)));return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,l.jsx)("div",{style:{display:"flex",borderBottom:"1px solid var(--agd-stroke)",padding:"6px 0"},children:Array.from({length:o},(e,t)=>(0,l.jsx)("div",{style:{flex:1,padding:"0 8px"},children:(0,l.jsx)(ea,{w:"70%",h:3,strong:!0})},t))}),Array.from({length:r},(e,t)=>(0,l.jsx)("div",{style:{display:"flex",borderBottom:"1px solid rgba(255,255,255,0.03)",padding:"6px 0"},children:Array.from({length:o},(e,n)=>(0,l.jsx)("div",{style:{flex:1,padding:"0 8px"},children:(0,l.jsx)(ea,{w:"".concat(50+(7*t+13*n)%40,"%"),h:2})},n))},t))]})},list:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.floor(n/28));return(0,l.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:4,padding:4},children:Array.from({length:o},(e,t)=>(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"4px 0"},children:[(0,l.jsx)(ec,{size:8}),(0,l.jsx)(ea,{w:"".concat(55+17*t%35,"%"),h:2})]},t))})},button:function(e){let{width:t,height:n,text:o}=e;return(0,l.jsx)("div",{style:{height:"100%",borderRadius:Math.min(8,n/3),border:"1px solid var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center"},children:o?(0,l.jsx)("span",{style:{fontSize:Math.min(13,.4*n),fontWeight:500,color:"var(--agd-text-3)",letterSpacing:"-0.01em"},children:o}):(0,l.jsx)(ea,{w:Math.max(20,.5*t),h:3,strong:!0})})},input:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:4,height:"100%",
1justifyContent:"center"},children:[(0,l.jsx)(ea,{w:Math.min(80,.3*t),h:2}),(0,l.jsx)("div",{style:{height:Math.min(36,.6*n),borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",paddingLeft:8},children:(0,l.jsx)(ea,{w:"40%",h:2})})]})},form:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.min(5,Math.floor(n/56)));return(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:.04*n,padding:8},children:[Array.from({length:o},(e,t)=>(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[(0,l.jsx)(ea,{w:60+17*t%30,h:2}),(0,l.jsx)(ei,{w:"100%",h:28,radius:4})]},t)),(0,l.jsx)(ei,{w:Math.min(120,.35*t),h:30,radius:6,style:{marginTop:8,alignSelf:"flex-end",background:"var(--agd-bar)"}})]})},tabs:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.min(4,Math.floor(t/120)));return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,l.jsx)("div",{style:{display:"flex",gap:2,borderBottom:"1px solid var(--agd-stroke)"},children:Array.from({length:o},(e,t)=>(0,l.jsx)("div",{style:{padding:"8px 12px",borderBottom:0===t?"2px solid var(--agd-bar-strong)":"none"},children:(0,l.jsx)(ea,{w:60,h:3,strong:0===t})},t))}),(0,l.jsxs)("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:6},children:[(0,l.jsx)(ea,{w:"80%",h:2}),(0,l.jsx)(ea,{w:"65%",h:2}),(0,l.jsx)(ea,{w:"75%",h:2})]})]})},avatar:function(e){let{width:t,height:n}=e,o=Math.min(t,n)/2;return(0,l.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:[(0,l.jsx)("circle",{cx:t/2,cy:n/2,r:o-1,stroke:"var(--agd-stroke)",fill:"var(--agd-fill)",strokeWidth:"1.5",strokeDasharray:"3 2"}),(0,l.jsx)("circle",{cx:t/2,cy:.38*n,r:.28*o,stroke:"var(--agd-stroke)",fill:"var(--agd-fill)",strokeWidth:"0.8"}),(0,l.jsx)("path",{d:"M".concat(t/2-.55*o," ").concat(.78*n," C").concat(t/2-.55*o," ").concat(.55*n," ").concat(t/2+.55*o," ").concat(.55*n," ").concat(t/2+.55*o," ").concat(.78*n),stroke:"var(--agd-stroke)",fill:"var(--agd-fill)",strokeWidth:"0.8"})]})},badge:function(e){let{width:t,height:n}=e;return(0,l.jsx)("div",{style:{height:"100%",borderRadius:n/2,border:"1px solid var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,l.jsx)(ea,{w:Math.max(16,.5*t),h:2,strong:!0})})},header:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:.08*n},children:[(0,l.jsx)(ea,{w:.5*t,h:Math.max(5,.06*n),strong:!0}),(0,l.jsx)(ea,{w:.35*t})]})},section:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",height:"100%",gap:.04*n,padding:.04*t},children:[(0,l.jsx)(ea,{w:.3*t,h:4,strong:!0}),(0,l.jsx)(ea,{w:.7*t}),(0,l.jsx)(ea,{w:.5*t}),(0,l.jsxs)("div",{style:{flex:1,display:"flex",gap:.03*t,marginTop:.06*n},children:[(0,l.jsx)(ei,{w:"33%",h:"100%",radius:4}),(0,l.jsx)(ei,{w:"33%",h:"100%",radius:4}),(0,l.jsx)(ei,{w:"33%",h:"100%",radius:4})]})]})},grid:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.min(4,Math.floor(t/140))),r=Math.max(1,Math.min(3,Math.floor(n/120)));return(0,l.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(".concat(o,", 1fr)"),gridTemplateRows:"repeat(".concat(r,", 1fr)"),gap:6,height:"100%"},children:Array.from({length:o*r},(e,t)=>(0,l.jsx)(ei,{w:"100%",h:"100%",radius:4},t))})},dropdown:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.floor((n-32)/28));return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,l.jsx)("div",{style:{padding:"6px 8px",borderBottom:"1px solid var(--agd-stroke)"},children:(0,l.jsx)(ea,{w:.5*t,h:3,strong:!0})}),(0,l.jsx)("div",{style:{flex:1,padding:4,display:"flex",flexDirection:"column",gap:2},children:Array.from({length:o},(e,t)=>(0,l.jsx)("div",{style:{padding:"4px 6px",borderRadius:3,background:0===t?"var(--agd-fill)":"transparent"},children:(0,l.jsx)(ea,{w:"".concat(50+17*t%35,"%"),h:2,strong:0===t})},t))})]})},toggle:function(e){let{width:t,height:n}=e,o=Math.min(t,n)/2;return(0,l.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:[(0,l.jsx)("rect",{x:"1",y:"1",width:t-2,height:n-2,rx:o,stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,l.jsx)("circle",{cx:t-o,cy:n/2,r:.7*o,fill:"var(--agd-bar)"})]})},search:function(e){let{width:t,height:n}=e,o=Math.min(n/2,20);return(0,l.jsxs)("div",{style:{height:"100%",borderRadius:o,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",padding:"0 ".concat(.6*o,"px"),gap:6},children:[(0,l.jsx)(ec,{size:Math.min(14,.4*n)}),(0,l.jsx)(ea,{w:"50%",h:2})]})},toast:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",borderRadius:8,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",padding:"0 10px",gap:8},children:[(0,l.jsx)(ec,{size:Math.min(20,.5*n)}),(0,l.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,l.jsx)(ea,{w:"60%",h:3,strong:!0}),(0,l.jsx)(ea,{w:"80%",h:2})]}),(0,l.jsx)("div",{style:{width:14,height:14,border:"1px solid var(--agd-stroke)",borderRadius:3,flexShrink:0}})]})},progress:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:[(0,l.jsx)("rect",{x:"0",y:"0",width:t,height:n,rx:n/2,stroke:"var(--agd-stroke)",strokeWidth:"0.8"}),(0,l.jsx)("rect",{x:"1",y:"1",width:.65*t,height:n-2,rx:(n-2)/2,fill:"var(--agd-bar)"})]})},chart:function(e){let{width:t,height:n}=e,o=Math.max(3,Math.min(7,Math.floor(t/50))),r=t/(2*o);return(0,l.jsx)("div",{style:{height:"100%",display:"flex",alignItems:"flex-end",justifyContent:"space-around",padding:"0 4px",borderBottom:"1px solid var(--agd-stroke)"},children:Array.from({length:o},(e,t)=>{let n=30+(37*t+17)%55;return(0,l.jsx)(ei,{w:r,h:"".concat(n,"%"),radius:2},t)})})},video:function(e){let{width:t,height:n}=e,o=.12*Math.min(t,n);return(0,l.jsxs)("div",{style:{height:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:[(0,l.jsx)(ei,{w:"100%",h:"100%",radius:4}),(0,l.jsx)("div",{style:{position:"absolute",width:2*o,height:2*o,borderRadius:"50%",border:"1.5px solid var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,l.jsx)("div",{style:{width:0,height:0,borderLeft:"".concat(.6*o,"px solid var(--agd-bar-strong)"),borderTop:"".concat(.4*o,"px s
1olid transparent"),borderBottom:"".concat(.4*o,"px solid transparent"),marginLeft:.15*o}})})]})},tooltip:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,l.jsx)("div",{style:{flex:1,width:"100%",borderRadius:6,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,l.jsx)(ea,{w:"60%",h:2})}),(0,l.jsx)("div",{style:{width:8,height:8,background:"var(--agd-fill)",border:"1px dashed var(--agd-stroke)",borderTop:"none",borderLeft:"none",transform:"rotate(45deg)",marginTop:-5}})]})},breadcrumb:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.min(4,Math.floor(t/80)));return(0,l.jsx)("div",{style:{display:"flex",alignItems:"center",height:"100%",gap:4},children:Array.from({length:o},(e,t)=>(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:4},children:[t>0&&(0,l.jsx)("span",{style:{color:"var(--agd-stroke)",fontSize:10},children:"/"}),(0,l.jsx)(ea,{w:40+13*t%20,h:2,strong:t===o-1})]},t))})},pagination:function(e){let{width:t,height:n}=e,o=Math.max(3,Math.min(5,Math.floor(t/40))),r=Math.min(28,.8*n);return(0,l.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",gap:4},children:Array.from({length:o},(e,t)=>(0,l.jsx)(ei,{w:r,h:r,radius:4,style:1===t?{background:"var(--agd-bar)"}:void 0},t))})},divider:function(e){let{width:t}=e;return(0,l.jsx)("div",{style:{display:"flex",alignItems:"center",height:"100%"},children:(0,l.jsx)("div",{style:{width:"100%",height:1,background:"var(--agd-stroke)"}})})},accordion:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.min(4,Math.floor(n/40)));return(0,l.jsx)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:Array.from({length:o},(e,t)=>(0,l.jsxs)("div",{style:{borderBottom:"1px solid var(--agd-stroke)",padding:"8px 6px",display:"flex",alignItems:"center",justifyContent:"space-between",flex:0===t?2:1},children:[(0,l.jsx)(ea,{w:"".concat(40+17*t%25,"%"),h:3,strong:!0}),(0,l.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:0===t?"â¼":"â¶"})]},t))})},carousel:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",gap:6},children:[(0,l.jsxs)("div",{style:{flex:1,display:"flex",gap:6,alignItems:"center"},children:[(0,l.jsx)("span",{style:{fontSize:12,color:"var(--agd-stroke)"},children:"â¹"}),(0,l.jsx)(ei,{w:"100%",h:"100%",radius:4}),(0,l.jsx)("span",{style:{fontSize:12,color:"var(--agd-stroke)"},children:"âº"})]}),(0,l.jsxs)("div",{style:{display:"flex",justifyContent:"center",gap:4},children:[(0,l.jsx)(ec,{size:5}),(0,l.jsx)(ec,{size:5}),(0,l.jsx)(ec,{size:5})]})]})},pricing:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",padding:10,gap:.04*n},children:[(0,l.jsx)(ea,{w:.4*t,h:3,strong:!0}),(0,l.jsx)(ea,{w:.3*t,h:6,strong:!0}),(0,l.jsx)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,width:"100%",padding:"8px 0"},children:Array.from({length:4},(e,t)=>(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:4},children:[(0,l.jsx)(ec,{size:5}),(0,l.jsx)(ea,{w:"".concat(50+17*t%35,"%"),h:2})]},t))}),(0,l.jsx)(ei,{w:.7*t,h:Math.min(32,.1*n),radius:6,style:{background:"var(--agd-bar)"}})]})},testimonial:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",padding:10,gap:8},children:[(0,l.jsx)("span",{style:{fontSize:18,lineHeight:1,color:"var(--agd-stroke)",fontFamily:"serif"},children:"â"}),(0,l.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4},children:[(0,l.jsx)(ea,{w:"90%",h:2}),(0,l.jsx)(ea,{w:"75%",h:2}),(0,l.jsx)(ea,{w:"60%",h:2})]}),(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,l.jsx)(ec,{size:20}),(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[(0,l.jsx)(ea,{w:60,h:3,strong:!0}),(0,l.jsx)(ea,{w:40,h:2})]})]})]})},cta:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:.08*n},children:[(0,l.jsx)(ea,{w:.5*t,h:Math.max(4,.05*n),strong:!0}),(0,l.jsx)(ea,{w:.35*t}),(0,l.jsx)(ei,{w:Math.min(140,.25*t),h:Math.min(32,.15*n),radius:6,style:{marginTop:.04*n,background:"var(--agd-bar)"}})]})},alert:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",borderRadius:6,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",padding:"0 10px",gap:8},children:[(0,l.jsx)("div",{style:{width:16,height:16,borderRadius:"50%",border:"1.5px solid var(--agd-bar-strong)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:(0,l.jsx)("div",{style:{width:2,height:6,background:"var(--agd-bar-strong)",borderRadius:1}})}),(0,l.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,l.jsx)(ea,{w:"40%",h:3,strong:!0}),(0,l.jsx)(ea,{w:"70%",h:2})]})]})},banner:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center",gap:8,padding:"0 12px"},children:[(0,l.jsx)(ea,{w:.4*t,h:3,strong:!0}),(0,l.jsx)(ei,{w:60,h:Math.min(24,.6*n),radius:4})]})},stat:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:.06*n},children:[(0,l.jsx)(ea,{w:.5*t,h:2}),(0,l.jsx)(ea,{w:.4*t,h:Math.max(8,.18*n),strong:!0}),(0,l.jsx)(ea,{w:.3*t,h:2})]})},stepper:function(e){let{width:t,height:n}=e,o=Math.max(3,Math.min(5,Math.floor(t/100))),r=Math.min(12,.35*n);return(0,l.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",height:"100%",padding:"0 8px"},children:Array.from({length:o},(e,t)=>(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:0,flex:1},children:[(0,l.jsx)("div",{style:{width:r,height:r,borderRadius:"50%",border:"1.5px solid var(--agd-stroke)",background:0===t?"var(--agd-bar)":"transparent",flexShrink:0}}),t<o-1&&(0,l.jsx)("div",{style:{flex:1,height:1,background:"var(--agd-stroke)",margin:"0 4px"}})]},t))})},tag:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",borderRadius:4,border:"1px solid var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center",gap:4,padding:"0 6px"},children:[(0,l.jsx)(ea,{w:Math.max(16,.5*t),h:2,strong:!0}),(0,l.jsx)("div",{style:{width:8,height:8,borderRadius:"50%",border:"1px solid var(--agd-stroke)",flexShrink:0}})]})},rating:function(e){let{width:t,height:n}=e,o=Math.min(.7*n,t/7.5);return(0,l.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",gap:.2*o},children:Array.from({length:5},(e,t)=>(0,l.jsx)("svg",{width:o,height:o,viewBox:"0 0 16 16",fill:"none",children:(0,l.jsx)("path",{d:"M8 1.5l2 4 4.5.7-3.25 3.1.75 4.5L8 11.4l-4 2.4.75-4.5L1.5 6.2 6 5.5z",stroke:"var(--agd-stroke)",strokeWidth:"0.8",fill:t<3?"var(--agd-bar)":"none"})},t))})},map:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",position:"relative",borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",overflow:"hidden"},children:[(0,l.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",style:{position:"absolute",inset:0},children:[(0,l.jsx)("line",{x1:0,y1:.3*n,x2:t,y2:.7*n,stroke:"var(--agd-stroke)",strokeWidth:"0.5",opacity:".2"}),(0,l.jsx)("line",{x1:0,y1:.6*n,x2:t,y2:.2*n,stroke:"var(--agd-stroke)",strokeWidth:"0.5",opacity:".15"}),(0,l.jsx)("line",{x1:.4*t,y1:0,x2:.6*t,y2:n,stroke:"var(--agd-stroke)",strokeWidth:"0.5",opacity:".15"})]}),(0,l.jsx)("div",{style:{position:"absolute",left:"50%",top:"40%",transform:"translate(-50%, -100%)"},children:(0,l.jsxs)("svg",{width:"16",height:"22",viewBox:"0 0 16 22",fill:"none",children:[(0,l.jsx)("path",{d:"M8 0C3.6 0 0 3.6 0 8c0 6 8 14 8 14s8-8 8-14c0-4.4-3.6-8-8-8z",fill:"var(--agd-bar)",opacity:".4"}),(0,l.jsx)("circle",{cx:"8",cy:"8",r:"3",fill:"var(--agd-fill)"})]})})]})},timeline:function(e){let{width:t,height:n}=e,o=Math.max(3,Math.min(5,Math.floor(n/60)));return(0,l.jsxs)("div",{style:{display:"flex",height:"100%",padding:"8px 0"},children:[(0,l.jsx)("div",{style:{width:16,display:"flex",flexDirection:"column",alignItems:"center"},children:Array.from({length:o},(e,t)=>(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flex:1},children:[(0,l.jsx)(ec,{size:8}),t<o-1&&(0,l.jsx)("div",{style:{flex:1,width:1,background:"var(--agd-stroke)"}})]},t))}),(0,l.jsx)("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-around",paddingLeft:8},children:Array.from({length:o},(e,t)=>(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[(0,l.jsx)(ea,{w:"".concat(35+13*t%25,"%"),h:3,strong:!0}),(0,l.jsx)(ea,{w:"".concat(50+17*t%30,"%"),h:2})]},t))})]})},fileUpload:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",borderRadius:8,border:"2px dashed var(--agd-stroke)",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:.06*n},children:[(0,l.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[(0,l.jsx)("path",{d:"M12 16V4m0 0l-4 4m4-4l4 4",stroke:"var(--agd-stroke)",strokeWidth:"1.5"}),(0,l.jsx)("path",{d:"M4 17v2a1 1 0 001 1h14a1 1 0 001-1v-2",stroke:"var(--agd-stroke)",strokeWidth:"1.5"})]}),(0,l.jsx)(ea,{w:.4*t,h:2}),(0,l.jsx)(ea,{w:.25*t,h:2})]})},codeBlock:function(e){let{width:t,height:n}=e,o=Math.max(3,Math.min(8,Math.floor(n/20)));return(0,l.jsxs)("div",{style:{height:"100%",borderRadius:6,background:"var(--agd-fill)",border:"1px solid var(--agd-stroke)",padding:8,display:"flex",flexDirection:"column",gap:4},children:[(0,l.jsxs)("div",{style:{display:"flex",gap:3,marginBottom:4},children:[(0,l.jsx)(ec,{size:6}),(0,l.jsx)(ec,{size:6}),(0,l.jsx)(ec,{size:6})]}),Array.from({length:o},(e,t)=>(0,l.jsx)("div",{style:{display:"flex",gap:6,paddingLeft:12*(t>0&&t<o-1)},children:(0,l.jsx)(ea,{w:"".concat(25+23*t%50,"%"),h:2,strong:0===t})},t))]})},calendar:function(e){let{width:t,height:n}=e,o=Math.min((t-16)/7,(n-40)/6);return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"6px 8px"},children:[(0,l.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:"â¹"}),(0,l.jsx)(ea,{w:.3*t,h:3,strong:!0}),(0,l.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:"âº"})]}),(0,l.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(".concat(7,", 1fr)"),gap:2,padding:"0 4px",flex:1},children:[Array.from({length:7},(e,t)=>(0,l.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:.6*o},children:(0,l.jsx)(ea,{w:.5*o,h:2})},"h".concat(t))),Array.from({length:35},(e,t)=>(0,l.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:o},children:(0,l.jsx)("div",{style:{width:.6*o,height:.6*o,borderRadius:"50%",background:12===t?"var(--agd-bar)":"transparent",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,l.jsx)("div",{style:{width:2,height:2,borderRadius:1,background:"var(--agd-bar-strong)",opacity:12===t?1:.3}})})},t))]})]})},notification:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",borderRadius:8,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",padding:"0 10px",gap:8},children:[(0,l.jsx)(ec,{size:Math.min(32,.55*n)}),(0,l.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,l.jsx)(ea,{w:"50%",h:3,strong:!0}),(0,l.jsx)(ea,{w:"75%",h:2})]}),(0,l.jsx)(ea,{w:30,h:2})]})},productCard:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,l.jsx)("div",{style:{height:"50%",background:"var(--agd-fill)",borderBottom:"1px dashed var(--agd-stroke)"}}),(0,l.jsxs)("div",{style:{flex:1,padding:10,display:"flex",flexDirection:"column",gap:5},children:[(0,l.jsx)(ea,{w:"65%",h:4,strong:!0}),(0,l.jsx)(ea,{w:"40%",h:3}),(0,l.jsx)("div",{style:{flex:1}}),(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,l.jsx)(ea,{w:"30%",h:5,strong:!0}),(0,l.jsx)(ei,{w:Math.min(70,.3*t),h:26,radius:4,style:{background:"var(--agd-bar)"}})]})]})]})},profile:function(e){let{width:t,height:n}=e,o=Math.min(48,.3*n);return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:.06*n},children:[(0,l.jsx)(ec,{size:o}),(0,l.jsx)(ea,{w:.45*t,h:4,strong:!0}),(0,l.jsx)(ea,{w:.3*t,h:2}),(0,l.jsxs)("div",{style:{display:"flex",gap:.08*t,marginTop:.04*n},children:[(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[(0,l.jsx)(ea,{w:20,h:3,strong:!0}),(0,l.jsx)(ea,{w:28,h:2})]}),(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[(0,l.jsx)(ea,{w:20,h:3,strong:!0}),(0,l.jsx)(ea,{w:28,h:2})]}),(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[(0,l.jsx)(ea,{w:20,h:3,strong:!0}),(0,l.jsx)(ea,{w:28,h:2})]})]})]})},drawer:function(e){let{width:t,height:n}=e,o=Math.max(.6*t,80),r=Math.max(3,Math.floor(n/40));return(0,l.jsxs)("div",{style:{height:"100%",display:"flex"},children:[(0,l.jsx)("div",{style:{width:t-o,background:"var(--agd-fill)",opacity:.3}}),(0,l.jsxs)("div",{style:{flex:1,borderLeft:"1px solid var(--agd-stroke)",display:"flex",flexDirection:"column",padding:.04*t},children:[(0,l.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:.06*n},children:[(0,l.jsx)(ea,{w:.4*o,h:4,strong:!0}),(0,l.jsx)("div",{style:{width:12,height:12,border:"1px solid var(--agd-stroke)",borderRadius:3}})]}),Array.from({length:r},(e,t)=>(0,l.jsx)("div",{style:{padding:"6px 0"},children:(0,l.jsx)(ea,{w:"".concat(50+17*t%35,"%"),h:2,strong:0===t})},t))]})]})},popover:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,l.jsxs)("div",{style:{flex:1,width:"100%",borderRadius:8,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",padding:10,display:"flex",flexDirection:"column",gap:5},children:[(0,l.jsx)(ea,{w:"70%",h:3,strong:!0}),(0,l.jsx)(ea,{w:"90%",h:2}),(0,l.jsx)(ea,{w:"60%",h:2})]}),(0,l.jsx)("div",{style:{width:10,height:10,background:"var(--agd-fill)",border:"1px dashed var(--agd-stroke)",borderTop:"none",borderLeft:"none",transform:"rotate(45deg)",marginTop:-6}})]})},logo:function(e){let{width:t,height:n}=e,o=Math.min(.7*n,.3*t);return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",alignItems:"center",gap:.08*t},children:[(0,l.jsx)(ei,{w:o,h:o,radius:.25*o}),(0,l.jsx)(ea,{w:.45*t,h:Math.max(4,.2*n),strong:!0})]})},faq:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.min(5,Math.floor(n/56)));return(0,l.jsx)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:Array.from({length:o},(e,n)=>(0,l.jsxs)("div",{style:{borderBottom:"1px solid var(--agd-stroke)",padding:"8px 6px",display:"flex",alignItems:"center",justifyContent:"space-between",flex:0===n?2:1},children:[(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,l.jsx)("span",{style:{fontSize:9,fontWeight:700,color:"var(--agd-stroke)"},children:"Q"}),(0,l.jsx)(ea,{w:t*(.3+13*n%25/100),h:3,strong:!0})]}),(0,l.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"}
1,children:0===n?"â¼":"â¶"})]},n))})},gallery:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.min(4,Math.floor(t/120))),r=Math.max(1,Math.min(3,Math.floor(n/120)));return(0,l.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(".concat(o,", 1fr)"),gridTemplateRows:"repeat(".concat(r,", 1fr)"),gap:4,height:"100%"},children:Array.from({length:o*r},(e,t)=>(0,l.jsx)("div",{style:{borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",position:"relative",overflow:"hidden"},children:(0,l.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",preserveAspectRatio:"none",fill:"none",children:[(0,l.jsx)("line",{x1:"0",y1:"0",x2:"100",y2:"100",stroke:"var(--agd-stroke)",strokeWidth:"0.5"}),(0,l.jsx)("line",{x1:"100",y1:"0",x2:"0",y2:"100",stroke:"var(--agd-stroke)",strokeWidth:"0.5"})]})},t))})},checkbox:function(e){let{width:t,height:n}=e,o=Math.min(t,n);return(0,l.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:[(0,l.jsx)("rect",{x:"1",y:(n-o+2)/2,width:o-2,height:o-2,rx:.15*o,stroke:"var(--agd-stroke)",strokeWidth:"1.5"}),(0,l.jsx)("path",{d:"M".concat(.25*o," ").concat(n/2,"l").concat(.2*o," ").concat(.2*o," ").concat(.3*o,"-").concat(.35*o),stroke:"var(--agd-bar)",strokeWidth:"1.5",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})]})},radio:function(e){let{width:t,height:n}=e,o=Math.min(t,n)/2-1;return(0,l.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:[(0,l.jsx)("circle",{cx:t/2,cy:n/2,r:o,stroke:"var(--agd-stroke)",strokeWidth:"1.5"}),(0,l.jsx)("circle",{cx:t/2,cy:n/2,r:.45*o,fill:"var(--agd-bar)"})]})},slider:function(e){let{width:t,height:n}=e,o=Math.max(2,.12*n),r=Math.min(.35*n,10),s=.55*t;return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",alignItems:"center",position:"relative"},children:[(0,l.jsx)("div",{style:{width:"100%",height:o,borderRadius:o/2,background:"var(--agd-fill)",border:"1px solid var(--agd-stroke)",position:"relative"},children:(0,l.jsx)("div",{style:{width:s,height:"100%",borderRadius:o/2,background:"var(--agd-bar)"}})}),(0,l.jsx)("div",{style:{position:"absolute",left:s-r,width:2*r,height:2*r,borderRadius:"50%",border:"1.5px solid var(--agd-stroke)",background:"var(--agd-fill)"}})]})},datePicker:function(e){let{width:t,height:n}=e,o=Math.min(36,.15*n),r=Math.min((t-16)/7,(n-o-40)/5);return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",gap:4},children:[(0,l.jsxs)("div",{style:{height:o,borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",padding:"0 8px",justifyContent:"space-between"},children:[(0,l.jsx)(ea,{w:"40%",h:2}),(0,l.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 16 16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"3",width:"12",height:"11",rx:"1",stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,l.jsx)("line",{x1:"2",y1:"6",x2:"14",y2:"6",stroke:"var(--agd-stroke)",strokeWidth:"0.5"})]})]}),(0,l.jsxs)("div",{style:{flex:1,borderRadius:6,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",flexDirection:"column"},children:[(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"4px 6px"},children:[(0,l.jsx)("span",{style:{fontSize:7,color:"var(--agd-stroke)"},children:"â¹"}),(0,l.jsx)(ea,{w:.25*t,h:2,strong:!0}),(0,l.jsx)("span",{style:{fontSize:7,color:"var(--agd-stroke)"},children:"âº"})]}),(0,l.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(".concat(7,", 1fr)"),gap:1,padding:"0 4px",flex:1},children:Array.from({length:28},(e,t)=>(0,l.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:r},children:(0,l.jsx)("div",{style:{width:.5*r,height:.5*r,borderRadius:"50%",background:10===t?"var(--agd-bar)":"transparent"},children:(0,l.jsx)("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,l.jsx)("div",{style:{width:1.5,height:1.5,borderRadius:1,background:"var(--agd-bar-strong)",opacity:10===t?1:.25}})})})},t))})]})]})},skeleton:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",gap:.08*n,padding:4},children:[(0,l.jsx)("div",{style:{width:"100%",height:.2*n,borderRadius:4,background:"var(--agd-fill)"}}),(0,l.jsx)("div",{style:{width:"70%",height:Math.max(6,.1*n),borderRadius:3,background:"var(--agd-fill)"}}),(0,l.jsx)("div",{style:{width:"90%",height:Math.max(4,.06*n),borderRadius:3,background:"var(--agd-fill)"}}),(0,l.jsx)("div",{style:{width:"50%",height:Math.max(4,.06*n),borderRadius:3,background:"var(--agd-fill)"}})]})},chip:function(e){let{width:t,height:n}=e;return(0,l.jsx)("div",{style:{height:"100%",display:"flex",alignItems:"center",gap:6},children:(0,l.jsxs)("div",{style:{height:"100%",flex:1,borderRadius:n/2,border:"1px solid var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",padding:"0 ".concat(.3*n,"px"),gap:4},children:[(0,l.jsx)(ea,{w:"60%",h:2,strong:!0}),(0,l.jsx)("div",{style:{width:Math.max(6,.3*n),height:Math.max(6,.3*n),borderRadius:"50%",border:"1px solid var(--agd-stroke)",flexShrink:0,marginLeft:"auto"}})]})})},icon:function(e){let{width:t,height:n}=e,o=Math.min(t,n);return(0,l.jsx)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:(0,l.jsx)("path",{d:"M".concat(t/2," ").concat((n-o)/2+.1*o,"l").concat(.12*o," ").concat(.25*o," ").concat(.28*o," ").concat(.04*o,"-").concat(.2*o," ").concat(.2*o," ").concat(.05*o," ").concat(.28*o,"-").concat(.25*o,"-").concat(.12*o,"-").concat(.25*o," ").concat(.12*o," ").concat(.05*o,"-").concat(.28*o,"-").concat(.2*o,"-").concat(.2*o," ").concat(.28*o,"-").concat(.04*o,"z"),stroke:"var(--agd-stroke)",strokeWidth:"1",fill:"var(--agd-fill)"})})},spinner:function(e){let{width:t,height:n}=e,o=Math.min(t,n)/2-2;return(0,l.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:[(0,l.jsx)("circle",{cx:t/2,cy:n/2,r:o,stroke:"var(--agd-stroke)",strokeWidth:"1.5",opacity:".2"}),(0,l.jsx)("path",{d:"M".concat(t/2," ").concat(n/2-o,"a").concat(o," ").concat(o," 0 0 1 ").concat(o," ").concat(o),stroke:"var(--agd-bar-strong)",strokeWidth:"1.5",strokeLinecap:"round"})]})},feature:function(e){let{width:t,height:n}=e,o=Math.min(36,.25*n,.12*t),r=Math.max(1,Math.min(3,Math.floor(n/80)));return(0,l.jsx)("div",{style:{display:"flex",flexDirection:"column",height:"100%",
1justifyContent:"space-around",padding:8},children:Array.from({length:r},(e,n)=>(0,l.jsxs)("div",{style:{display:"flex",gap:.04*t,alignItems:"flex-start"},children:[(0,l.jsx)(ei,{w:o,h:o,radius:.25*o}),(0,l.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4},children:[(0,l.jsx)(ea,{w:"".concat(40+13*n%20,"%"),h:3,strong:!0}),(0,l.jsx)(ea,{w:"".concat(60+17*n%25,"%"),h:2})]})]},n))})},team:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.min(4,Math.floor(t/120))),r=Math.min(36,.25*n);return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",gap:.06*n,padding:.06*n},children:[(0,l.jsx)(ea,{w:.3*t,h:4,strong:!0}),(0,l.jsx)("div",{style:{display:"flex",gap:.06*t,justifyContent:"center",flex:1,alignItems:"center"},children:Array.from({length:o},(e,n)=>(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:6},children:[(0,l.jsx)(ec,{size:r}),(0,l.jsx)(ea,{w:.12*t,h:3,strong:!0}),(0,l.jsx)(ea,{w:.08*t,h:2})]},n))})]})},login:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.min(3,Math.floor(n/80)));return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",padding:.06*t,gap:.04*n},children:[(0,l.jsx)(ea,{w:.5*t,h:Math.max(5,.04*n),strong:!0}),(0,l.jsx)(ea,{w:.35*t,h:2}),(0,l.jsx)("div",{style:{width:"100%",display:"flex",flexDirection:"column",gap:.03*n,marginTop:.04*n},children:Array.from({length:o},(e,o)=>(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[(0,l.jsx)(ea,{w:Math.min(60,.2*t),h:2}),(0,l.jsx)(ei,{w:"100%",h:Math.min(32,.1*n),radius:4})]},o))}),(0,l.jsx)(ei,{w:"100%",h:Math.min(36,.12*n),radius:6,style:{marginTop:.03*n,background:"var(--agd-bar)"}}),(0,l.jsx)(ea,{w:.4*t,h:2})]})},contact:function(e){let{width:t,height:n}=e;return(0,l.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",padding:.04*t,gap:.03*n},children:[(0,l.jsx)(ea,{w:.4*t,h:4,strong:!0}),(0,l.jsx)(ea,{w:.6*t,h:2}),(0,l.jsxs)("div",{style:{display:"flex",gap:6,marginTop:.03*n},children:[(0,l.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,l.jsx)(ea,{w:50,h:2}),(0,l.jsx)(ei,{w:"100%",h:Math.min(28,.1*n),radius:4})]}),(0,l.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,l.jsx)(ea,{w:40,h:2}),(0,l.jsx)(ei,{w:"100%",h:Math.min(28,.1*n),radius:4})]})]}),(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[(0,l.jsx)(ea,{w:50,h:2}),(0,l.jsx)(ei,{w:"100%",h:Math.min(28,.1*n),radius:4})]}),(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3,flex:1},children:[(0,l.jsx)(ea,{w:60,h:2}),(0,l.jsx)(ei,{w:"100%",h:"100%",radius:4})]}),(0,l.jsx)(ei,{w:Math.min(120,.3*t),h:Math.min(30,.1*n),radius:6,style:{alignSelf:"flex-end",background:"var(--agd-bar)"}})]})}};function e_(e){let{type:t,width:n,height:o,text:r}=e,s=ed[t];return s?(0,l.jsx)("div",{style:{width:"100%",height:"100%",padding:8,position:"relative",pointerEvents:"none"},children:(0,l.jsx)(s,{width:n,height:o,text:r})}):(0,l.jsx)("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,l.jsx)("span",{style:{fontSize:10,fontWeight:600,color:"var(--agd-text-3)",textTransform:"uppercase",letterSpacing:"0.06em",opacity:.5},children:t})})}if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-design-mode-styles");e||((e=document.createElement("style")).id="feedback-tool-styles-design-mode-styles",document.head.appendChild(e)),e.textContent='svg[fill=none] {\n fill: none !important;\n}\n\n.styles-module__overlayExiting___iEmYr {\n opacity: 0 !important;\n transition: opacity 0.25s ease !important;\n pointer-events: none !important;\n}\n\n.styles-module__overlay___aWh-q {\n position: fixed;\n inset: 0;\n z-index: 99995;\n pointer-events: auto;\n cursor: default;\n animation: styles-module__overlayFadeIn___aECVy 0.15s ease;\n --agd-stroke: rgba(59, 130, 246, 0.35);\n --agd-fill: rgba(59, 130, 246, 0.06);\n --agd-bar: rgba(59, 130, 246, 0.18);\n --agd-bar-strong: rgba(59, 130, 246, 0.28);\n --agd-text-3: rgba(255, 255, 255, 0.6);\n --agd-surface: #fff;\n}\n.styles-module__overlay___aWh-q.styles-module__light___ORIft {\n --agd-surface: #fff;\n}\n.styles-module__overlay___aWh-q:not(.styles-module__light___ORIft) {\n --agd-surface: #141414;\n}\n.styles-module__overlay___aWh-q.styles-module__wireframe___itvQU {\n --agd-stroke: rgba(249, 115, 22, 0.35);\n --agd-fill: rgba(249, 115, 22, 0.06);\n --agd-bar: rgba(249, 115, 22, 0.18);\n --agd-bar-strong: rgba(249, 115, 22, 0.28);\n}\n.styles-module__overlay___aWh-q.styles-module__placing___45yD8 {\n cursor: crosshair;\n}\n.styles-module__overlay___aWh-q.styles-module__passthrough___xaFeE {\n pointer-events: none;\n}\n\n.styles-module__blankCanvas___t2Eue {\n position: fixed;\n inset: 0;\n z-index: 99994;\n background: #fff;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.25s ease;\n}\n.styles-module__blankCanvas___t2Eue.styles-module__visible___OKKqX {\
1n opacity: var(--canvas-opacity, 1);\n pointer-events: auto;\n}\n.styles-module__blankCanvas___t2Eue::after {\n content: "";\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle, rgba(0, 0, 0, 0.08) 1px, transparent 1px);\n background-size: 24px 24px;\n background-position: 12px 12px;\n pointer-events: none;\n transition: opacity 0.2s ease;\n}\n.styles-module__blankCanvas___t2Eue.styles-module__gridActive___OZ-cf::after {\n opacity: 1;\n background-image: radial-gradient(circle, rgba(0, 0, 0, 0.22) 1px, transparent 1px);\n}\n\n.styles-module__paletteHeader___-Q5gQ {\n padding: 0 1rem 0.375rem;\n}\n\n.styles-module__paletteHeaderTitle___oHqZC {\n font-size: 0.8125rem;\n font-weight: 500;\n color: #fff;\n letter-spacing: -0.0094em;\n}\n.styles-module__light___ORIft .styles-module__paletteHeaderTitle___oHqZC {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__paletteHeaderDesc___6i74T {\n font-size: 0.6875rem;\n font-weight: 300;\n color: rgba(255, 255, 255, 0.45);\n margin-top: 2px;\n line-height: 14px;\n}\n.styles-module__light___ORIft .styles-module__paletteHeaderDesc___6i74T {\n color: rgba(0, 0, 0, 0.45);\n}\n.styles-module__paletteHeaderDesc___6i74T a {\n color: rgba(255, 255, 255, 0.8);\n text-decoration: underline dotted;\n text-decoration-color: rgba(255, 255, 255, 0.2);\n text-underline-offset: 2px;\n transition: color 0.15s ease;\n}\n.styles-module__paletteHeaderDesc___6i74T a:hover {\n color: #fff;\n}\n.styles-module__light___ORIft .styles-module__paletteHeaderDesc___6i74T a {\n color: rgba(0, 0, 0, 0.6);\n text-decoration-color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__light___ORIft .styles-module__paletteHeaderDesc___6i74T a:hover {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__wireframePurposeWrap___To-tS {\n display: grid;\n grid-template-rows: 1fr;\n transition: grid-template-rows 0.2s ease, opacity 0.15s ease;\n opacity: 1;\n}\n.styles-module__wireframePurposeWrap___To-tS.styles-module__collapsed___Ms9vS {\n grid-template-rows: 0fr;\n opacity: 0;\n}\n\n.styles-module__wireframePurposeInner___Lrahs {\n overflow: hidden;\n}\n\n.styles-module__wireframePurposeInput___7EtBN {\n display: block;\n width: calc(100% - 2rem);\n margin: 0.25rem 1rem 0.375rem;\n padding: 0.375rem 0.5rem;\n font-size: 0.8125rem;\n font-family: inherit;\n color: rgba(255, 255, 255, 0.85);\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 0.375rem;\n resize: none;\n outline: none;\n transition: border-color 0.15s ease;\n letter-spacing: -0.0094em;\n}\n.styles-module__wireframePurposeInput___7EtBN::placeholder {\n color: rgba(255, 255, 255, 0.3);\n}\n.styles-module__wireframePurposeInput___7EtBN:focus {\n border-color: rgba(255, 255, 255, 0.3);\n background: rgba(255, 255, 255, 0.05);\n}\n.styles-module__light___ORIft .styles-module__wireframePurposeInput___7EtBN {\n color: rgba(0, 0, 0, 0.7);\n background: rgba(0, 0, 0, 0.03);\n border-color: rgba(0, 0, 0, 0.1);\n}\n.styles-module__light___ORIft .styles-module__wireframePurposeInput___7EtBN::placeholder {\n color: rgba(0, 0, 0, 0.3);\n}\n.styles-module__light___ORIft .styles-module__wireframePurposeInput___7EtBN:focus {\n border-color: rgba(0, 0, 0, 0.25);\n background: rgba(0, 0, 0, 0.05);\n}\n\n.styles-module__canvasToggle___-QqSy {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.375rem;\n margin: 0.25rem 1rem 0.25rem;\n padding: 0.375rem 0.5rem;\n border-radius: 0.5rem;\n cursor: pointer;\n border: 1px dashed rgba(255, 255, 255, 0.1);\n background: transparent;\n transition: background 0.15s ease, border-color 0.15s ease;\n}\n.styles-module__canvasToggle___-QqSy:hover {\n background: rgba(255, 255, 255, 0.04);\n border-color: rgba(255, 255, 255, 0.15);\n}\n.styles-module__canvasToggle___-QqSy.styles-module__active___hosp7 {\n background: #f97316;\n border-color: transparent;\n border-style: solid;\n box-shadow: none;\n}\n.styles-module__light___ORIft .styles-module__canvasToggle___-QqSy {\n border-color: rgba(0, 0, 0, 0.08);\n}\n.styles-module__light___ORIft .styles-module__canvasToggle___-QqSy:hover {\n background: rgba(0, 0, 0, 0.02);\n border-color: rgba(0, 0, 0, 0.12);\n}\n.styles-module__light___ORIft .styles-module__canvasToggle___-QqSy.styles-module__active___hosp7 {\
1n background: #f97316;\n border-color: transparent;\n border-style: solid;\n box-shadow: none;\n}\n\n.styles-module__canvasToggleIcon___7pJ82 {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255, 255, 255, 0.35);\n}\n.styles-module__active___hosp7 .styles-module__canvasToggleIcon___7pJ82 {\n color: rgba(255, 255, 255, 0.85);\n}\n.styles-module__light___ORIft .styles-module__canvasToggleIcon___7pJ82 {\n color: rgba(0, 0, 0, 0.25);\n}\n.styles-module__light___ORIft .styles-module__active___hosp7 .styles-module__canvasToggleIcon___7pJ82 {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.styles-module__canvasToggleLabel___OanpY {\n font-size: 0.8125rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.6);\n letter-spacing: -0.0094em;\n}\n.styles-module__active___hosp7 .styles-module__canvasToggleLabel___OanpY {\n color: #fff;\n}\n.styles-module__light___ORIft .styles-module__canvasToggleLabel___OanpY {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___ORIft .styles-module__active___hosp7 .styles-module__canvasToggleLabel___OanpY {\n color: #fff;\n}\n\n.styles-module__canvasPurposeWrap___hj6zk {\n display: grid;\n grid-template-rows: 1fr;\n transition: grid-template-rows 0.2s ease, opacity 0.15s ease;\n opacity: 1;\n}\n.styles-module__canvasPurposeWrap___hj6zk.styles-module__collapsed___Ms9vS {\n grid-template-rows: 0fr;\n opacity: 0;\n}\n\n.styles-module__canvasPurposeInner___VWiyu {\n overflow: hidden;\n}\n\n.styles-module__canvasPurposeToggle___byDH2 {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n cursor: pointer;\n margin: 0.375rem 1rem 0.375rem 1.1875rem;\n}\n.styles-module__canvasPurposeToggle___byDH2 input[type=checkbox] {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n.styles-module__canvasPurposeCheck___xqd7l {\n position: relative;\n width: 14px;\n height: 14px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__canvasPurposeCheck___xqd7l svg {\n color: #1a1a1a;\n opacity: 1;\n transition: opacity 0.15s ease;\n}\n.styles-module__canvasPurposeCheck___xqd7l.styles-module__checked___-1JGH {\n border-color: rgba(255, 255, 255, 0.3);\n background: rgb(255, 255, 255);\n}\n.styles-module__light___ORIft .styles-module__canvasPurposeCheck___xqd7l {\n border: 1px solid rgba(0, 0, 0, 0.15);\n background: #fff;\n}\n.styles-module__light___ORIft .styles-module__canvasPurposeCheck___xqd7l.styles-module__checked___-1JGH {\n border-color: #1a1a1a;\n background: #1a1a1a;\n}\n.styles-module__light___ORIft .styles-module__canvasPurposeCheck___xqd7l.styles-module__checked___-1JGH svg {\n color: #fff;\n}\n\n.styles-module__canvasPurposeLabel___Zu-tD {\n font-size: 0.8125rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n letter-spacing: -0.0094em;\n display: flex;\n align-items: center;\n gap: 0.25rem;\n}\n.styles-module__light___ORIft .styles-module__canvasPurposeLabel___Zu-tD {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__canvasPurposeHelp___jijwR {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: help;\n}
1\n.styles-module__canvasPurposeHelp___jijwR svg {\n color: rgba(255, 255, 255, 0.2);\n transform: translateY(2px);\n transition: color 0.15s ease;\n}\n.styles-module__canvasPurposeHelp___jijwR:hover svg {\n color: rgba(255, 255, 255, 0.5);\n}\n.styles-module__light___ORIft .styles-module__canvasPurposeHelp___jijwR svg {\n color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__light___ORIft .styles-module__canvasPurposeHelp___jijwR:hover svg {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__placement___zcxv8 {\n position: absolute;\n border: 1.5px dashed rgba(59, 130, 246, 0.4);\n border-radius: 6px;\n background: rgba(59, 130, 246, 0.08);\n cursor: grab;\n transition: box-shadow 0.15s, border-color 0.15s, opacity 0.15s ease, transform 0.15s ease;\n user-select: none;\n pointer-events: auto;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n animation: styles-module__placementEnter___TdRhf 0.25s cubic-bezier(0.34, 1.2, 0.64, 1);\n}\n.styles-module__placement___zcxv8:active {\n cursor: grabbing;\n}\n.styles-module__placement___zcxv8:hover {\n border-color: rgba(59, 130, 246, 0.5);\n background: rgba(59, 130, 246, 0.1);\n box-shadow: 0 2px 8px rgba(59, 130, 246, 0.12);\n}\n.styles-module__placement___zcxv8.styles-module__selected___6yrp6 {\n border-color: #3c82f7;\n border-style: solid;\n background: rgba(59, 130, 246, 0.1);\n box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15), 0 2px 8px rgba(59, 130, 246, 0.15);\n}\n.styles-module__placement___zcxv8.styles-module__selected___6yrp6:hover {\n box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15), 0 2px 8px rgba(59, 130, 246, 0.15);\n}\n.styles-module__wireframe___itvQU .styles-module__placement___zcxv8 {\n border-color: rgba(249, 115, 22, 0.4);\n background: rgba(249, 115, 22, 0.08);\n}\n.styles-module__wireframe___itvQU .styles-module__placement___zcxv8:hover {\n border-color: rgba(249, 115, 22, 0.5);\n background: rgba(249, 115, 22, 0.1);\n box-shadow: 0 2px 8px rgba(249, 115, 22, 0.12);\n}\n.styles-module__wireframe___itvQU .styles-module__placement___zcxv8.styles-module__selected___6yrp6 {\n border-color: #f97316;\n background: rgba(249, 115, 22, 0.1);\n box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.15), 0 2px 8px rgba(249, 115, 22, 0.15);\n}\n.styles-module__wireframe___itvQU .styles-module__placement___zcxv8.styles-module__selected___6yrp6:hover {\n box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.15), 0 2px 8px rgba(249, 115, 22, 0.15);\n}\n.styles-module__placement___zcxv8.styles-module__dragging___le6KZ {\n opacity: 0.85;\n z-index: 50;\n}\n.styles-module__placement___zcxv8.styles-module__exiting___YrM8F {\n opacity: 0;\n transform: scale(0.97);\n pointer-events: none;\n animation: none;\n transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.32, 0.72, 0, 1);\n}\n\n.styles-module__placementContent___f64A4 {\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n}\n\n.styles-module__placementLabel___0KvWl {\n position: absolute;\n top: -18px;\n left: 0;\n font-size: 10px;\n font-weight: 600;\n color: rgba(59, 130, 246, 0.7);\n white-space: nowrap;\n pointer-events: none;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n text-shadow: 0 0 4px rgba(255, 255, 255, 0.8), 0 0 8px rgba(255, 255, 255, 0.5);\n}\n.styles-module__selected___6yrp6 .styles-module__placementLabel___0KvWl {\n color: #3c82f7;\n}\n.styles-module__wireframe___itvQU .styles-module__placementLabel___0KvWl {\n color: rgba(249, 115, 22, 0.7);\n}\n.styles-module__wireframe___itvQU .styles-module__selected___6yrp6 .styles-module__placementLabel___0KvWl {\n color: #f97316;\n}\n\n.styles-module__placementAnnotation___78pTr {\n position: absolute;\n bottom: -18px;\n left: 0;\n right: 0;\n font-weight: 450;\n color: rgba(0, 0, 0, 0.5);\n font-size: 10px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n pointer-events: none;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n text-shadow: 0 0 4px rgba(255, 255, 255, 0.9), 0 0 8px rgba(255, 255, 255, 0.6);\n opacity: 0;\n transform: translateY(-2px);\n transition: opacity 0.2s ease, transform 0.2s ease;\n}\n.styles-module__placementAnnotation___78pTr.styles-module__annotationVisible___mrUyA {\n opacity: 1;\n transform: translateY(0);\n}\n\n.styles-module__sectionAnnotation___aUIs0 {\n position: absolute;\n bottom: -18px;\n left: 0;\n right: 0;\n font-weight: 450;\n color: rgba(59, 130, 246, 0.6);\n font-size: 10px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n pointer-events: none;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n text-shadow: 0 0 4px rgba(255, 255, 255, 0.9), 0 0 8px rgba(255, 255, 255, 0.6);\n opacity: 0;\n transform: translateY(-2px);\n transition: opacity 0.2s ease, transform 0.2s ease;\n}\n.styles-module__sectionAnnotation___aUIs0.styles-module__annotationVisible___mrUyA {\n opacity: 1;\n transform: translateY(0);\n}\n\n.styles-module__handle___Ikbxm {\n position: absolute;\n width: 8px;\n height: 8px;\n background: #fff;\n border: 1.5px solid #3c82f7;\n border-radius: 2px;\n z-index: 12;\n box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.12);\n opacity: 0;\n transform: scale(0.3);\n pointer-events: none;\n will-change: opacity, transform;\n transition: opacity 0.2s ease-out, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\n}
1\n.styles-module__placement___zcxv8:hover .styles-module__handle___Ikbxm, .styles-module__sectionOutline___s0hy-:hover .styles-module__handle___Ikbxm, .styles-module__ghostOutline___po-kO:hover .styles-module__handle___Ikbxm, .styles-module__placement___zcxv8:active .styles-module__handle___Ikbxm, .styles-module__sectionOutline___s0hy-:active .styles-module__handle___Ikbxm, .styles-module__ghostOutline___po-kO:active .styles-module__handle___Ikbxm, .styles-module__selected___6yrp6 .styles-module__handle___Ikbxm {\n opacity: 1;\n transform: scale(1);\n pointer-events: auto;\n}\n.styles-module__sectionOutline___s0hy- .styles-module__handle___Ikbxm {\n border-color: inherit;\n}\n.styles-module__wireframe___itvQU .styles-module__handle___Ikbxm {\n border-color: #f97316;\n}\n\n.styles-module__handleNw___4TMIj {\n top: -4px;\n left: -4px;\n cursor: nw-resize;\n}\n\n.styles-module__handleNe___mnsTh {\n top: -4px;\n right: -4px;\n cursor: ne-resize;\n}\n\n.styles-module__handleSe___oSFnk {\n bottom: -4px;\n right: -4px;\n cursor: se-resize;\n}\n\n.styles-module__handleSw___pi--Z {\n bottom: -4px;\n left: -4px;\n cursor: sw-resize;\n}\n\n.styles-module__handleN___aBA-Q, .styles-module__handleE___0hM5u, .styles-module__handleS___JjDRv, .styles-module__handleW___ERWGQ {\n opacity: 0 !important;\n pointer-events: none !important;\n}\n\n.styles-module__edgeHandle___XxXdT {\n position: absolute;\n z-index: 11;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.styles-module__edgeHandle___XxXdT::after {\n content: "";\n position: absolute;\n border-radius: 4px;\n background: #3c82f7;\n}\n.styles-module__wireframe___itvQU .styles-module__edgeHandle___XxXdT::after {\n background: #f97316;\n}\n.styles-module__edgeHandle___XxXdT::after {\n opacity: 0;\n transition: opacity 0.1s ease, transform 0.1s ease;\n transform: scale(0.8);\n}\n.styles-module__edgeHandle___XxXdT:hover::after {\n opacity: 0.85;\n transform: scale(1);\n}\n.styles-module__edgeHandle___XxXdT svg {\n position: relative;\n z-index: 1;\n opacity: 0;\n transition: opacity 0.1s ease;\n filter: drop-shadow(0 0 2px var(--agd-surface));\n}\n.styles-module__edgeHandle___XxXdT:hover svg {\n opacity: 1;\n}\n\n.styles-module__edgeN___-JJDj, .styles-module__edgeS___66lMX {\n left: 12px;\n right: 12px;\n height: 12px;\n cursor: n-resize;\n}\n.styles-module__edgeN___-JJDj::after, .styles-module__edgeS___66lMX::after {\n width: 24px;\n height: 4px;\n}\n\n.styles-module__edgeN___-JJDj {\n top: -6px;\n}\n\n.styles-module__edgeS___66lMX {\n bottom: -6px;\n cursor: s-resize;\n}\n\n.styles-module__edgeE___1bGDa, .styles-module__edgeW___lHQNo {\n top: 12px;\n bottom: 12px;\n width: 12px;\n cursor: e-resize;\n}\n.styles-module__edgeE___1bGDa::after, .styles-module__edgeW___lHQNo::after {\n width: 4px;\n height: 24px;\n}\n\n.styles-module__edgeE___1bGDa {\n right: -6px;\n}\n\n.styles-module__edgeW___lHQNo {\n left: -6px;\n cursor: w-resize;\n}\n\n.styles-module__deleteButton___LkGCb {\n position: absolute;\n top: -8px;\n right: -8px;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.9);\n backdrop-filter: blur(8px);\n border: 1px solid rgba(0, 0, 0, 0.08);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n color: rgba(0, 0, 0, 0.35);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 10px;\n line-height: 1;\n z-index: 15;\n pointer-events: none;\n opacity: 0;\n transform: scale(0.8);\n will-change: opacity, transform;\n transition: opacity 0.2s ease-out, transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;\n}\n.styles-module__placement___zcxv8:hover .styles-module__deleteButton___LkGCb, .styles-module__selected___6yrp6 .styles-module__deleteButton___LkGCb, .styles-module__sectionOutline___s0hy-:hover .styles-module__deleteButton___LkGCb, .styles-module__sectionOutline___s0hy-.styles-module__selected___6yrp6 .styles-module__deleteButton___LkGCb, .styles-module__ghostOutline___po-kO:hover .
1styles-module__deleteButton___LkGCb, .styles-module__ghostOutline___po-kO.styles-module__selected___6yrp6 .styles-module__deleteButton___LkGCb {\n opacity: 1;\n transform: scale(1);\n pointer-events: auto;\n}\n.styles-module__deleteButton___LkGCb:hover {\n background: #ef4444;\n color: #fff;\n border-color: #ef4444;\n box-shadow: 0 1px 4px rgba(239, 68, 68, 0.3);\n transform: scale(1.1);\n}\n.styles-module__overlay___aWh-q:not(.styles-module__light___ORIft) .styles-module__deleteButton___LkGCb, .styles-module__rearrangeOverlay___-3R3t:not(.styles-module__light___ORIft) .styles-module__deleteButton___LkGCb {\n background: rgba(40, 40, 40, 0.9);\n border-color: rgba(255, 255, 255, 0.1);\n color: rgba(255, 255, 255, 0.5);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n}\n.styles-module__overlay___aWh-q:not(.styles-module__light___ORIft) .styles-module__deleteButton___LkGCb:hover, .styles-module__rearrangeOverlay___-3R3t:not(.styles-module__light___ORIft) .styles-module__deleteButton___LkGCb:hover {\n background: #ef4444;\n color: #fff;\n border-color: #ef4444;\n}\n\n.styles-module__drawBox___BrVAa {\n position: fixed;\n pointer-events: none;\n z-index: 99996;\n border: 2px solid #3c82f7;\n border-radius: 6px;\n background: rgba(59, 130, 246, 0.15);\n}\n\n.styles-module__selectBox___Iu8kB {\n position: fixed;\n pointer-events: none;\n z-index: 99996;\n border: 1px dashed #3c82f7;\n background: rgba(59, 130, 246, 0.08);\n border-radius: 2px;\n}\n\n.styles-module__sizeIndicator___7zJ4y {\n position: fixed;\n pointer-events: none;\n z-index: 100001;\n font-size: 10px;\n color: #fff;\n background: #3c82f7;\n padding: 2px 6px;\n border-radius: 4px;\n white-space: nowrap;\n font-weight: 500;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n}\n\n.styles-module__guideLine___DUQY2 {\n pointer-events: none;\n z-index: 100001;\n background: #f0f;\n opacity: 0.5;\n}\n\n.styles-module__dragPreview___onPbU {\n position: fixed;\n z-index: 100002;\n pointer-events: none;\n border: 1.5px dashed #3c82f7;\n border-radius: 6px;\n background: rgba(59, 130, 246, 0.1);\n backdrop-filter: blur(8px);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 9px;\n font-weight: 600;\n color: #3c82f7;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n box-shadow: 0 4px 16px rgba(59, 130, 246, 0.15);\n transition: width 0.08s ease, height 0.08s ease, opacity 0.08s ease;\n}\n\n.styles-module__dragPreviewWireframe___jsg0G {\n border-color: #f97316;\n background: rgba(249, 115, 22, 0.1);\n color: #f97316;\n box-shadow: 0 4px 16px rgba(249, 115, 22, 0.15);\n}\n\n.styles-module__palette___C7iSH {\n position: absolute;\n right: 5px;\n bottom: calc(100% + 0.5rem);\n width: 256px;\n overflow: hidden;\n background: #1c1c1c;\n border: none;\n border-radius: 1rem;\n padding: 13px 0 16px;\n box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);\n z-index: 100001;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n cursor: default;\n opacity: 0;\n filter: blur(5px);\n}\n.styles-module__palette___C7iSH .styles-module__paletteItem___6TlnA,\n.styles-module__palette___C7iSH .styles-module__paletteItemLabel___6ncO4,\n.styles-module__palette___C7iSH .styles-module__paletteSectionTitle___PqnjX,\n.styles-module__palette___C7iSH .styles-module__paletteFooter___QYnAG {\n transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__palette___C7iSH.styles-module__enter___6LYk5 {\n opacity: 1;\n transform: translateY(0);\n filter: blur(0px);\n transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;\n}\n.styles-module__palette___C7iSH.styles-module__exit___iSGRw {\n opacity: 0;\n transform: translateY(6px);\n filter: blur(5px);\n pointer-events: none;\n transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease;\n}\n.styles-module__palette___C7iSH.styles-module__light___ORIft {\n background: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n\n.styles-module__paletteSection___V8DEA {\n padding: 0 1rem;\n}\n.styles-module__paletteSection___V8DEA + .styles-module__paletteSection___V8DEA {\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n border-top: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__light___ORIft .styles-module__paletteSection___V8DEA + .styles-module__paletteSection___V8DEA {\n border-top-color: rgba(0, 0, 0, 0.07);\n}\n\n.styles-module__paletteSectionTitle___PqnjX {\n font-size: 0.6875rem;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.5);\n letter-spacing: -0.0094em;\n padding: 0 0 3px 3px;\n}\n.styles-module__light___ORIft .styles-module__paletteSectionTitle___PqnjX {\n color: rgba(0, 0, 0, 0.4);\n}\n\n.styles-module__paletteItem___6TlnA {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n padding: 0.25rem 0.25rem;\n margin-bottom: 1px;\n border-radius: 0.375rem;\n cursor: pointer;\n transition: background-color 0.15s ease, border-color 0.15s ease;\n border: 1px solid transparent;\n user-select: none;\n min-height: 24px;\n}\n.styles-module__paletteItem___6TlnA:hover {\n background: rgba(255, 255, 255, 0.1);\n}\n.styles-module__paletteItem___6TlnA.styles-module__active___hosp7 {\
1n background: #3c82f7;\n border-color: transparent;\n}\n.styles-module__paletteItem___6TlnA.styles-module__wireframe___itvQU.styles-module__active___hosp7 {\n background: #f97316;\n}\n.styles-module__light___ORIft .styles-module__paletteItem___6TlnA:hover {\n background: rgba(0, 0, 0, 0.05);\n}\n.styles-module__light___ORIft .styles-module__paletteItem___6TlnA.styles-module__active___hosp7 {\n background: #3c82f7;\n border-color: transparent;\n}\n.styles-module__light___ORIft .styles-module__paletteItem___6TlnA.styles-module__wireframe___itvQU.styles-module__active___hosp7 {\n background: #f97316;\n}\n\n.styles-module__paletteItemIcon___0NPQK {\n width: 20px;\n height: 16px;\n border-radius: 2px;\n border: 1px dashed rgba(255, 255, 255, 0.15);\n background: rgba(255, 255, 255, 0.04);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n color: rgba(255, 255, 255, 0.45);\n}\n.styles-module__paletteItemIcon___0NPQK svg {\n display: block;\n width: 20px;\n height: 16px;\n}\n.styles-module__active___hosp7 .styles-module__paletteItemIcon___0NPQK {\n border-color: rgba(255, 255, 255, 0.3);\n background: rgba(255, 255, 255, 0.15);\n color: #fff;\n}\n.styles-module__light___ORIft .styles-module__paletteItemIcon___0NPQK {\n border-color: rgba(0, 0, 0, 0.12);\n background: rgba(0, 0, 0, 0.02);\n color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___ORIft .styles-module__active___hosp7 .styles-module__paletteItemIcon___0NPQK {\n border-color: rgba(255, 255, 255, 0.3);\n background: rgba(255, 255, 255, 0.15);\n color: #fff;\n}\n\n.styles-module__paletteItemLabel___6ncO4 {\n font-size: 0.8125rem;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.85);\n letter-spacing: -0.0094em;\n line-height: 1;\n min-width: 0;\n}\n.styles-module__active___hosp7 .styles-module__paletteItemLabel___6ncO4 {\n color: #fff;\n font-weight: 600;\n}\n.styles-module__light___ORIft .styles-module__paletteItemLabel___6ncO4 {\n color: rgba(0, 0, 0, 0.7);\n}\n.styles-module__light___ORIft .styles-module__active___hosp7 .styles-module__paletteItemLabel___6ncO4 {\n color: #fff;\n font-weight: 600;\n}\n\n.styles-module__placeScroll___7sClM {\n max-height: 240px;\n overflow-y: auto;\n overflow-x: hidden;\n padding-top: 0.25rem;\n}\n.styles-module__placeScroll___7sClM.styles-module__fadeTop___KT9tF {\n -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 32px);\n mask-image: linear-gradient(to bottom, transparent 0, black 32px);\n}\n.styles-module__placeScroll___7sClM.styles-module__fadeBottom___x3ShT {\n -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 32px), transparent 100%);\n mask-image: linear-gradient(to bottom, black calc(100% - 32px), transparent 100%);\n}\n.styles-module__placeScroll___7sClM.styles-module__fadeTop___KT9tF.styles-module__fadeBottom___x3ShT {\n -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 32px, black calc(100% - 32px), transparent 100%);\n mask-image: linear-gradient(to bottom, transparent 0, black 32px, black calc(100% - 32px), transparent 100%);\n}\n.styles-module__placeScroll___7sClM::-webkit-scrollbar {\n width: 3px;\n}\n.styles-module__placeScroll___7sClM::-webkit-scrollbar-thumb {\n background: rgba(255, 255, 255, 0.12);\n border-radius: 2px;\n}\n.styles-module__light___ORIft .styles-module__placeScroll___7sClM::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.1);\n}\n\n.styles-module__paletteFooterWrap___71-fI {\n display: grid;\n grid-template-rows: 1fr;\n transition: grid-template-rows 0.25s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__paletteFooterWrap___71-fI.styles-module__footerHidden___fJUik {\n grid-template-rows: 0fr;\n}\n\n.styles-module__paletteFooterInnerContent___VC26h {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.15s ease, transform 0.15s ease;\n}\n.styles-module__footerHidden___fJUik .styles-module__paletteFooterInnerContent___VC26h {\n opacity: 0;\n transform: translateY(4px);\n}\n\n.styles-module__paletteFooterInner___dfylY {\n overflow: hidden;\n}\n\n.styles-module__paletteFooter___QYnAG {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 24px;\n padding: 0 1rem;\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n border-top: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__light___ORIft .styles-module__paletteFooter___QYnAG {\n border-top-color: rgba(0, 0, 0, 0.07);\n}\n\n.styles-module__paletteFooterCount___D3Fia {\n font-size: 0.8125rem;\n font-weight: 400;\n letter-spacing: -0.0094em;\n color: rgba(255, 255, 255, 0.5);\n}\n.styles-module__light___ORIft .styles-module__paletteFooterCount___D3Fia {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__paletteFooterClear___ybBoa {\n font-size: 0.8125rem;\n font-weight: 400;\n letter-spacing: -0.0094em;\n color: rgba(255, 255, 255, 0.5);\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n font-family: inherit;\n transition: color 0.15s ease;\n}
1\n.styles-module__paletteFooterClear___ybBoa:hover {\n color: rgba(255, 255, 255, 0.7);\n}\n.styles-module__light___ORIft .styles-module__paletteFooterClear___ybBoa {\n color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___ORIft .styles-module__paletteFooterClear___ybBoa:hover {\n color: rgba(0, 0, 0, 0.6);\n}\n\n.styles-module__paletteFooterActions___fLzv8 {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n}\n\n.styles-module__rollingWrap___S75jM {\n display: inline-block;\n overflow: hidden;\n height: 1.15em;\n position: relative;\n vertical-align: bottom;\n}\n\n.styles-module__rollingNum___1RKDx {\n position: absolute;\n left: 0;\n top: 0;\n}\n\n.styles-module__exitUp___AFDRW {\n animation: styles-module__numExitUp___FRQqx 0.25s cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n\n.styles-module__enterUp___CPlXb {\n animation: styles-module__numEnterUp___2Yd-w 0.25s cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n\n.styles-module__exitDown___-1yAy {\n animation: styles-module__numExitDown___xm5by 0.25s cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n\n.styles-module__enterDown___DDuFR {\n animation: styles-module__numEnterDown___hpxBk 0.25s cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n\n@keyframes styles-module__numExitUp___FRQqx {\n from {\n transform: translateY(0);\n opacity: 1;\n }\n to {\n transform: translateY(-110%);\n opacity: 0;\n }\n}\n@keyframes styles-module__numEnterUp___2Yd-w {\n from {\n transform: translateY(110%);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n@keyframes styles-module__numExitDown___xm5by {\n from {\n transform: translateY(0);\n opacity: 1;\n }\n to {\n transform: translateY(110%);\n opacity: 0;\n }\n}\n@keyframes styles-module__numEnterDown___hpxBk {\n from {\n transform: translateY(-110%);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n.styles-module__rearrangeOverlay___-3R3t {\n position: fixed;\n inset: 0;\n z-index: 99995;\n pointer-events: none;\n cursor: default;\n user-select: none;\n animation: styles-module__overlayFadeIn___aECVy 0.15s ease;\n}\n\n.styles-module__hoverHighlight___8eT-v {\n position: fixed;\n pointer-events: none;\n z-index: 99994;\n border: 2px dashed rgba(59, 130, 246, 0.5);\n border-radius: 4px;\n background: rgba(59, 130, 246, 0.06);\n animation: styles-module__highlightFadeIn___Lg7KY 0.12s ease;\n}\n\n.styles-module__sectionOutline___s0hy- {\n position: fixed;\n border: 2px solid;\n border-radius: 4px;\n cursor: grab;\n}\n.styles-module__sectionOutline___s0hy-:active {\n cursor: grabbing;\n}\n.styles-module__sectionOutline___s0hy- {\n transition: box-shadow 0.15s, border-color 0.3s, background-color 0.3s, border-style 0s;\n user-select: none;\n pointer-events: auto;\n animation: styles-module__sectionEnter___-8BXT 0.2s ease;\n}\n.styles-module__sectionOutline___s0hy-:hover {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n.styles-module__sectionOutline___s0hy-.styles-module__selected___6yrp6 {\n border-style: solid;\n box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15), 0 2px 8px rgba(59, 130, 246, 0.15);\n}\n.styles-module__sectionOutline___s0hy-.styles-module__selected___6yrp6:hover {\n box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15), 0 2px 8px rgba(59, 130, 246, 0.15);\n}\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6) {\n border: 1.5px dashed rgba(150, 150, 150, 0.35);\n background-color: transparent !important;\n box-shadow: none;\n}\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6):hover {\n border-color: rgba(150, 150, 150, 0.6);\n box-shadow: none;\n}\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6) .styles-module__sectionLabel___F80HQ {\n opacity: 0;\n transition: opacity 0.15s ease;\n}\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6):hover .styles-module__sectionLabel___F80HQ {\
1n opacity: 1;\n}\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6) .styles-module__movedBadge___s8z-q,\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6) .styles-module__sectionDimensions___RcJSL {\n opacity: 0;\n transition: opacity 0.15s ease;\n}\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6):hover .styles-module__sectionDimensions___RcJSL {\n opacity: 1;\n}\n.styles-module__sectionOutline___s0hy-.styles-module__exiting___YrM8F {\n opacity: 0;\n transform: scale(0.97);\n pointer-events: none;\n animation: none;\n transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.32, 0.72, 0, 1);\n}\n\n.styles-module__sectionLabel___F80HQ {\n position: absolute;\n top: 4px;\n left: 4px;\n font-size: 10px;\n font-weight: 600;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n white-space: nowrap;\n pointer-events: none;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n max-width: calc(100% - 8px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__movedBadge___s8z-q {\n position: absolute;\n bottom: 22px;\n right: 4px;\n font-size: 9px;\n font-weight: 700;\n color: #fff;\n background: #22c55e;\n padding: 2px 6px;\n border-radius: 4px;\n white-space: nowrap;\n pointer-events: none;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n opacity: 0;\n transform: scale(0.8);\n transition: opacity 0.15s ease, transform 0.15s ease;\n}\n.styles-module__movedBadge___s8z-q.styles-module__badgeVisible___npbdS {\n opacity: 1;\n transform: scale(1);\n transition: opacity 0.2s cubic-bezier(0.34, 1.2, 0.64, 1), transform 0.2s cubic-bezier(0.34, 1.2, 0.64, 1);\n}\n\n.styles-module__resizedBadge___u51V8 {\n background: #3c82f7;\n bottom: 40px;\n}\n\n.styles-module__sectionDimensions___RcJSL {\n position: absolute;\n bottom: 4px;\n right: 4px;\n font-size: 9px;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.7);\n background: rgba(0, 0, 0, 0.5);\n padding: 1px 5px;\n border-radius: 3px;\n white-space: nowrap;\n pointer-events: none;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n}\n.styles-module__light___ORIft .styles-module__sectionDimensions___RcJSL {\n color: rgba(0, 0, 0, 0.5);\n background: rgba(255, 255, 255, 0.7);\n}\n\n.styles-module__wireframeNotice___4GJyB {\n position: fixed;\n bottom: 16px;\n left: 24px;\n z-index: 99995;\n font-size: 9.5px;\n font-weight: 400;\n color: rgba(0, 0, 0, 0.4);\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n pointer-events: auto;\n animation: styles-module__overlayFadeIn___aECVy 0.3s ease;\n line-height: 1.5;\n max-width: 280px;\n}\n\n.styles-module__wireframeOpacityRow___CJXzi {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 8px;\n}\n\n.styles-module__wireframeOpacityLabel___afkfT {\n font-size: 9px;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.32);\n letter-spacing: 0.02em;\n white-space: nowrap;\n user-select: none;\n}\n\n.styles-module__wireframeOpacitySlider___YcoEs {\n -webkit-appearance: none;\n appearance: none;\n width: 56px;\n height: 4px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 2px;\n outline: none;\n cursor: pointer;\n flex-shrink: 0;\n transition: background 0.15s ease;\n}\n.styles-module__wireframeOpacitySlider___YcoEs:hover {\n background: rgba(0, 0, 0, 0.13);\n}\n.styles-module__wireframeOpacitySlider___YcoEs::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f97316;\n cursor: pointer;\n transition: background 0.15s ease;\n}\n.styles-module__wireframeOpacitySlider___YcoEs::-webkit-slider-thumb:hover {\n background: rgb(224.4209205021, 95.3548117155, 5.7790794979);\n}\n.styles-module__wireframeOpacitySlider___YcoEs::-moz-range-thumb {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f97316;\n border: none;\n cursor: pointer;\n}\n.styles-module__wireframeOpacitySlider___YcoEs::-moz-range-track {\n background: rgba(0, 0, 0, 0.08);\n height: 4px;\n border-radius: 2px;\n}\n\n.styles-module__wireframeNoticeTitleRow___PJqyG {\n display: flex;\n align-items: center;\n gap: 0;\n margin-bottom: 2px;\n}\n\n.styles-module__wireframeNoticeTitle___okr08 {\n font-weight: 600;\n color: rgba(0, 0, 0, 0.55);\n}\n\n.styles-module__wireframeNoticeDivider___PNKQ6 {\n width: 1px;\n height: 8px;\n background: rgba(0, 0, 0, 0.12);\n margin: 0 8px;\n flex-shrink: 0;\n}\n\n.styles-module__wireframeStartOver___YFk-I {\n font-size: 9.5px;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.35);\n cursor: pointer;\n background: none;\n border: none;\n padding: 0;\n font-family: inherit;\n text-decoration: none;\n transition: color 0.12s ease;\n white-space: nowrap;\n}
1\n.styles-module__wireframeStartOver___YFk-I:hover {\n color: rgba(0, 0, 0, 0.6);\n}\n\n.styles-module__ghostOutline___po-kO {\n position: fixed;\n border: 1.5px dashed rgba(59, 130, 246, 0.4);\n border-radius: 4px;\n background: rgba(59, 130, 246, 0.04);\n cursor: grab;\n opacity: 0.5;\n user-select: none;\n pointer-events: auto;\n animation: styles-module__ghostEnter___EC3Mb 0.25s ease;\n transition: box-shadow 0.15s, border-color 0.3s, opacity 0.25s;\n}\n.styles-module__ghostOutline___po-kO:active {\n cursor: grabbing;\n}\n.styles-module__ghostOutline___po-kO:hover {\n opacity: 0.7;\n box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(0, 0, 0, 0.08);\n}\n.styles-module__ghostOutline___po-kO.styles-module__selected___6yrp6 {\n opacity: 1;\n border-style: solid;\n border-width: 2px;\n border-color: #3c82f7;\n background: rgba(59, 130, 246, 0.08);\n box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15), 0 2px 8px rgba(59, 130, 246, 0.15);\n}\n.styles-module__ghostOutline___po-kO.styles-module__exiting___YrM8F {\n opacity: 0;\n transform: scale(0.97);\n pointer-events: none;\n animation: none;\n transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.32, 0.72, 0, 1);\n}\n\n.styles-module__ghostBadge___tsQUK {\n position: absolute;\n bottom: calc(100% + 4px);\n left: -1px;\n font-size: 9px;\n font-weight: 600;\n color: rgba(59, 130, 246, 0.9);\n background: rgba(59, 130, 246, 0.08);\n border: 1px solid rgba(59, 130, 246, 0.2);\n padding: 1px 5px;\n border-radius: 3px;\n white-space: nowrap;\n pointer-events: none;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n letter-spacing: 0.02em;\n line-height: 1.2;\n animation: styles-module__badgeSlideIn___typJ7 0.2s ease both;\n}\n\n@keyframes styles-module__badgeSlideIn___typJ7 {\n from {\n opacity: 0;\n transform: translateY(4px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.styles-module__ghostBadgeExtra___6CVoD {\n display: inline;\n animation: styles-module__badgeExtraIn___i4W8F 0.2s ease both;\n}\n\n@keyframes styles-module__badgeExtraIn___i4W8F {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.styles-module__originalOutline___Y6DD1 {\n position: fixed;\n border: 1.5px dashed rgba(150, 150, 150, 0.3);\n border-radius: 4px;\n background: transparent;\n pointer-events: none;\n user-select: none;\n animation: styles-module__sectionEnter___-8BXT 0.2s ease;\n}\n\n.styles-module__originalLabel___HqI9g {\n position: absolute;\n top: 4px;\n left: 4px;\n font-size: 9px;\n font-weight: 500;\n color: rgba(150, 150, 150, 0.5);\n padding: 1px 6px;\n border-radius: 3px;\n white-space: nowrap;\n pointer-events: none;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n background: rgba(150, 150, 150, 0.08);\n}\n\n.styles-module__connectorSvg___Lovld {\n position: fixed;\n inset: 0;\n width: 100vw;\n height: 100vh;\n pointer-events: none;\n z-index: 99996;\n}\n\n.styles-module__connectorLine___XeWh- {\n transition: opacity 0.2s ease;\n animation: styles-module__connectorDraw___8sK5I 0.3s ease both;\n}\n\n.styles-module__connectorDot___yvf7C {\n transform-box: fill-box;\n transform-origin: center;\n animation: styles-module__connectorDotIn___NwTUq 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s both;\n}\n\n@keyframes styles-module__connectorDraw___8sK5I {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes styles-module__connectorDotIn___NwTUq {\n from {\n transform: scale(0);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n}\n.styles-module__connectorExiting___2lLOs {\n animation: styles-module__connectorOut___5QoPl 0.2s ease forwards;\n}\n.styles-module__connectorExiting___2lLOs .styles-module__connectorDot___yvf7C {\n animation: styles-module__connectorDotOut___FEq7e 0.2s ease forwards;\n}\n\n@keyframes styles-module__connectorOut___5QoPl {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes styles-module__connectorDotOut___FEq7e {\n from {\n transform: scale(1);\n opacity: 1;\n }\n to {\n transform: scale(0);\n opacity: 0;\n }\n}\n@keyframes styles-module__placementEnter___TdRhf {\n from {\n opacity: 0;\n transform: scale(0.85);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__sectionEnter___-8BXT {\n from {\n opacity: 0;\n transform: scale(0.96);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__highlightFadeIn___Lg7KY {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes styles-module__overlayFadeIn___aECVy {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes styles-module__ghostEnter___EC3Mb {\n from {\n opacity: 0;\n transform: scale(0.96);\n }\n to {\n opacity: 0.6;\n transform: scale(1);\n }\n}'}var eu={overlayExiting:"styles-module__overlayExiting___iEmYr",overlay:"styles-module__overlay___aWh-q",overlayFadeIn:"styles-module__overlayFadeIn___aECVy",light:"styles-module__light___ORIft",wireframe:"styles-module__wireframe___itvQU",placing:"styles-module__placing___45yD8",passthrough:"styles-module__passthrough___xaFeE",blankCanvas:"styles-module__blankCanvas___t2Eue",visible:"styles-module__visible___OKKqX",gridActive:"styles-module__gridActive___OZ-cf",paletteHeader:"styles-module__paletteHeader___-Q5gQ",paletteHeaderTitle:"styles-module__paletteHeaderTitle___oHqZC",paletteHeaderDesc:"styles-module__paletteHeaderDesc___6i74T",wireframePurposeWrap:"styles-module__wireframePurposeWrap___To-tS",collapsed:"styles-module__collapsed___Ms9vS",wireframePurposeInner:"styles-module__wireframePurposeInner___Lrahs",wireframePurposeInput:"styles-module__wireframePurposeInput___7EtBN",canvasToggle:"styles-module__canvasToggle___-QqSy",active:"styles-module__active___hosp7",canvasToggleIcon:"styles-module__canvasToggleIcon___7pJ82",canvasToggleLabel:"styles-module__canvasToggleLabel___OanpY",canvasPurposeWrap:"styles-module__canvasPurposeWrap___hj6zk",canvasPurposeInner:"styles-module__canvasPurposeInner___VWiyu",canvasPurposeToggle:"styles-module__canvasPurposeToggle___byDH2",canvasPurposeCheck:"styles-module__canvasPurposeCheck___xqd7l",checked:"styles-module__checked___-1JGH",canvasPurposeLabel:"styles-module__canvasPurposeLabel___Zu-tD",canvasPurposeHelp:"styles-module__canvasPurposeHelp___jijwR",placement:"styles-module__placement___zcxv8",placementEnter:"styles-module__placementEnter___TdRhf",selected:"styles-module__selected___6yrp6",dragging:"styles-module__dragging___le6KZ",exiting:"styles-module__exiting___YrM8F",placementContent:"styles-module__placementContent___f64A4",placementLabel:"styles-module__placementLabel___0KvWl",placementAnnotation:"styles-module__placementAnnotation___78pTr",annotationVisible:"styles-module__annotationVisible___mrUyA",sectionAnnotation:"styles-module__sectionAnnotation___aUIs0",handle:"styles-module__handle___Ikbxm",sectionOutline:"styles-module__sectionOutline___s0hy-",ghostOutline:"styles-module__ghostOutline___po-kO",handleNw:"styles-module__handleNw___4TMIj",handleNe:"styles-module__handleNe___mnsTh",handleSe:"styles-module__handleSe___oSFnk",handleSw:"styles-module__handleSw___pi--Z",handleN:"styles-module__handleN___aBA-Q",handleE:"styles-module__handleE___0hM5u",handleS:"styles-module__handleS___JjDRv",handleW:"styles-module__handleW___ERWGQ",edgeHandle:"styles-module__edgeHandle___XxXdT",edgeN:"styles-module__edgeN___-JJDj",edgeS:"styles-module__edgeS___66lMX",edgeE:"styles-module__edgeE___1bGDa",edgeW:"styles-module__edgeW___lHQNo",deleteButton:"styles-module__deleteButton___LkGCb",rearrangeOverlay:"styles-module__rearrangeOverlay___-3R3t",drawBox:"styles-module__drawBox___BrVAa",selectBox:"styles-module__selectBox___Iu8kB",sizeIndicator:"styles-module__sizeIndicator___7zJ4y",guideLine:"styles-module__guideLine___DUQY2",dragPreview:"styles-module__dragPreview___onPbU",dragPreviewWireframe:"styles-module__dragPreviewWireframe___jsg0G",palette:"styles-module__palette___C7iSH",paletteItem:"styles-module__paletteItem___6TlnA",paletteItemLabel:"styles-module__paletteItemLabel___6ncO4",paletteSectionTitle:"styles-module__paletteSectionTitle___PqnjX",paletteFooter:"styles-module__paletteFooter___QYnAG",enter:"styles-module__enter___6LYk5",exit:"styles-module__exit___iSGRw",paletteSection:"styles-module__paletteSection___V8DEA",paletteItemIcon:"styles-module__paletteItemIcon___0NPQK",placeScroll:"styles-module__placeScroll___7sClM",fadeTop:"styles-module__fadeTop___KT9tF",fadeBottom:"styles-module__fadeBottom___x3ShT",paletteFooterWrap:"styles-module__paletteFooterWrap___71-fI",footerHidden:"styles-module__footerHidden___fJUik",paletteFooterInnerContent:"styles-module__paletteFooterInnerContent___VC26h",paletteFooterInner:"styles-module__paletteFooterInner___dfylY",paletteFooterCount:"styles-module__paletteFooterCount___D3Fia",paletteFooterClear:"styles-module__paletteFooterClear___ybBoa",paletteFooterActions:"styles-module__paletteFooterActions___fLzv8",rollingWrap:"styles-module__rollingWrap___S75jM",rollingNum:"styles-module__rollingNum___1RKDx",exitUp:"styles-module__exitUp___AFDRW",numExitUp:"styles-module__numExitUp___FRQqx",enterUp:"styles-module__enterUp___CPlXb",numEnterUp:"styles-module__numEnterUp___2Yd-w",exitDown:"styles-module__exitDown___-1yAy",numExitDown:"styles-module__numExitDown___xm5by",enterDown:"styles-module__enterDown___DDuFR",numEnterDown:"styles-module__numEnterDown___hpxBk",hoverHighlight:"styles-module__hoverHighlight___8eT-v",highlightFadeIn:"styles-module__highlightFadeIn___Lg7KY",sectionEnter:"styles-module__sectionEnter___-8BXT",settled:"styles-module__settled___b5U5o",sectionLabel:"styles-module__sectionLabel___F80HQ",movedBadge:"styles-module__movedBadge___s8z-q",sectionDimensions:"styles-module__sectionDimensions___RcJSL",badgeVisible:"styles-module__badgeVisible___npbdS",resizedBadge:"styles-module__resizedBadge___u51V8",wireframeNotice:"styles-module__wireframeNotice___4GJyB",wireframeOpacityRow:"styles-module__wireframeOpacityRow___CJXzi",wireframeOpacityLabel:"styles-module__wireframeOpacityLabel___afkfT",wireframeOpacitySlider:"styles-module__wireframeOpacitySlider___YcoEs",wireframeNoticeTitleRow:"styles-module__wireframeNoticeTitleRow___PJqyG",wireframeNoticeTitle:"styles-module__wireframeNoticeTitle___okr08",wireframeNoticeDivider:"styles-module__wireframeNoticeDivider___PNKQ6",wireframeStartOver:"styles-module__wireframeStartOver___YFk-I",ghostEnter:"styles-module__ghostEnter___EC3Mb",ghostBadge:"styles-module__ghostBadge___tsQUK",badgeSlideIn:"styles-module__badgeSlideIn___typJ7",ghostBadgeExtra:"styles-module__ghostBadgeExtra___6CVoD",badgeExtraIn:"styles-module__badgeExtraIn___i4W8F",originalOutline:"styles-module__originalOutline___Y
16DD1",originalLabel:"styles-module__originalLabel___HqI9g",connectorSvg:"styles-module__connectorSvg___Lovld",connectorLine:"styles-module__connectorLine___XeWh-",connectorDraw:"styles-module__connectorDraw___8sK5I",connectorDot:"styles-module__connectorDot___yvf7C",connectorDotIn:"styles-module__connectorDotIn___NwTUq",connectorExiting:"styles-module__connectorExiting___2lLOs",connectorOut:"styles-module__connectorOut___5QoPl",connectorDotOut:"styles-module__connectorDotOut___FEq7e"};function eh(e,t,n,o,r){let l=1/0,s=1/0,a=e.x,i=e.x+e.width,c=e.x+e.width/2,d=e.y,_=e.y+e.height,u=e.y+e.height/2,h=!o,m=h?[a,i,c]:[...o.left?[a]:[],...o.right?[i]:[]],g=h?[d,_,u]:[...o.top?[d]:[],...o.bottom?[_]:[]],p=[];for(let e of t)n.has(e.id)||p.push(e);for(let e of(r&&p.push(...r),p)){let t=e.x,n=e.x+e.width,o=e.x+e.width/2,r=e.y,a=e.y+e.height,i=e.y+e.height/2;for(let e of m)for(let r of[t,n,o]){let t=r-e;5>Math.abs(t)&&Math.abs(t)<Math.abs(l)&&(l=t)}for(let e of g)for(let t of[r,a,i]){let n=t-e;5>Math.abs(n)&&Math.abs(n)<Math.abs(s)&&(s=n)}}let y=5>Math.abs(l)?l:0,x=5>Math.abs(s)?s:0,f=[],b=new Set,w=a+y,v=i+y,k=c+y,j=d+x,C=_+x,S=u+x;for(let e of p){let t=e.x,n=e.x+e.width,o=e.x+e.width/2,r=e.y,l=e.y+e.height,s=e.y+e.height/2;for(let e of[t,o,n])for(let t of[w,k,v])if(.5>Math.abs(t-e)){let t="x:".concat(Math.round(e));b.has(t)||(b.add(t),f.push({axis:"x",pos:e}))}for(let e of[r,s,l])for(let t of[j,S,C])if(.5>Math.abs(t-e)){let t="y:".concat(Math.round(e));b.has(t)||(b.add(t),f.push({axis:"y",pos:e}))}}return{dx:y,dy:x,guides:f}}function em(){return"dp-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,7))}function eg(e){let{placements:t,onChange:n,activeComponent:r,onActiveComponentChange:s,isDarkMode:a,exiting:i,onInteractionChange:c,className:d,passthrough:_,extraSnapRects:u,onSelectionChange:h,deselectSignal:m,onDragMove:g,onDragEnd:p,clearSignal:y,wireframe:x}=e,[f,b]=(0,o.useState)(new Set),[w,v]=(0,o.useState)(null),[k,j]=(0,o.useState)(null),[C,S]=(0,o.useState)(null),[M,L]=(0,o.useState)([]),[I,B]=(0,o.useState)(null),[N,E]=(0,o.useState)(!1),R=(0,o.useRef)(!1),[W,D]=(0,o.useState)(new Set),P=(0,o.useRef)(new Map),z=(0,o.useRef)(null),T=(0,o.useRef)(null),O=(0,o.useRef)(t);O.current=t;let A=(0,o.useRef)(h);A.current=h;let F=(0,o.useRef)(g);F.current=g;let H=(0,o.useRef)(p);H.current=p;let Y=(0,o.useRef)(m);(0,o.useEffect)(()=>{m!==Y.current&&(Y.current=m,b(new Set))},[m]);let X=(0,o.useRef)(y);(0,o.useEffect)(()=>{if(void 0!==y&&y!==X.current){X.current=y;let e=new Set(O.current.map(e=>e.id));e.size>0&&(D(e),b(new Set),T.current=null,Z(()=>{n([]),D(new Set)},180))}},[y,n]),(0,o.useEffect)(()=>{let e=e=>{let o=e.target;if(!("INPUT"===o.tagName||"TEXTAREA"===o.tagName||o.isContentEditable)){if(("Backspace"===e.key||"Delete"===e.key)&&f.size>0){e.preventDefault();let t=new Set(f);
1D(t),b(new Set),Z(()=>{n(O.current.filter(e=>!t.has(e.id))),D(new Set)},180);return}if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)&&f.size>0){e.preventDefault();let o=e.shiftKey?20:1,r="ArrowLeft"===e.key?-o:"ArrowRight"===e.key?o:0,l="ArrowUp"===e.key?-o:"ArrowDown"===e.key?o:0;n(t.map(e=>f.has(e.id)?{...e,x:Math.max(0,e.x+r),y:Math.max(0,e.y+l)}:e));return}if("Escape"===e.key)return void(r?s(null):f.size>0&&b(new Set))}};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[f,r,t,n,s]);let U=(0,o.useCallback)(e=>{if(0!==e.button||_||e.target.closest(".".concat(eu.placement)))return;e.preventDefault(),e.stopPropagation();let o=window.scrollY,l=e.clientX,a=e.clientY;if(r){T.current="place",null==c||c(!0);let e=!1,i=l,d=a,_=t=>{i=t.clientX;let n=Math.abs((d=t.clientY)-a);if((Math.abs(i-l)>5||n>5)&&(e=!0),e){let e=Math.min(l,i),n=Math.min(a,d),o=Math.abs(i-l),r=Math.abs(d-a);v({x:e,y:n,w:o,h:r}),S({x:t.clientX+12,y:t.clientY+12,text:"".concat(Math.round(o)," \xd7 ").concat(Math.round(r))})}},u=h=>{let m,g,p,y;window.removeEventListener("mousemove",_),window.removeEventListener("mouseup",u),v(null),S(null),T.current=null,null==c||c(!1);let x=er[r];e?(m=Math.min(l,i),g=Math.min(a,d)+o,p=Math.max(24,Math.abs(i-l)),y=Math.max(24,Math.abs(d-a))):(p=x.width,y=x.height,m=l-p/2,g=a+o-y/2),m=Math.max(0,m),g=Math.max(0,g);let f={id:em(),type:r,x:m,y:g,width:p,height:y,scrollY:o,timestamp:Date.now()};n([...t,f]),b(new Set([f.id])),s(null)};window.addEventListener("mousemove",_),window.addEventListener("mouseup",u)}else{e.shiftKey||b(new Set),T.current="select";let n=!1,r=e=>{let t=Math.abs(e.clientX-l),o=Math.abs(e.clientY-a);(t>4||o>4)&&(n=!0),n&&j({x:Math.min(l,e.clientX),y:Math.min(a,e.clientY),w:Math.abs(e.clientX-l),h:Math.abs(e.clientY-a)})},s=i=>{if(window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",s),T.current=null,n){let n=Math.min(l,i.clientX),r=Math.min(a,i.clientY)+o,s=Math.abs(i.clientX-l),c=Math.abs(i.clientY-a),d=new Set(e.shiftKey?f:new Set);for(let e of t)e.y,e.x+e.width>n&&e.x<n+s&&e.y+e.height>r&&e.y<r+c&&d.add(e.id);b(d)}j(null)};window.addEventListener("mousemove",r),window.addEventListener("mouseup",s)}},[r,_,t,n,f]),Q=(0,o.useCallback)((e,o)=>{var r;let l;if(0!==e.button)return;let s=e.target;if(s.closest(".".concat(eu.handle))||s.closest(".".concat(eu.deleteButton)))return;e.preventDefault(),e.stopPropagation(),e.shiftKey?(l=new Set(f)).has(o)?l.delete(o):l.add(o):l=new Set(f.has(o)?f:[o]),b(l),(l.size!==f.size||[...l].some(e=>!f.has(e)))&&(null==(r=A.current)||r.call(A,l,e.shiftKey)),window.scrollY;let a=e.clientX,i=e.clientY,d=new Map;for(let e of t)l.has(e.id)&&d.set(e.id,{x:e.x,y:e.y});T.current="move",null==c||c(!0);let _=!1,h=!1,m=t,g=0,p=0,y=new Map;for(let e of t)d.has(e.id)&&y.set(e.id,{w:e.width,h:e.height});let x=e=>{var o;let r=e.clientX-a,l=e.clientY-i;if((Math.abs(r)>2||Math.abs(l)>2)&&(_=!0),!_)return;if(e.altKey&&!h){h=!0;let e=[];for(let n of t)d.has(n.id)&&e.push({...n,id:em(),timestamp:Date.now()});m=[...t,...e]}let s=1/0,c=1/0,x=-1/0,f=-1/0;for(let[e,t]of d){let n=y.get(e);n&&(s=Math.min(s,t.x+r),c=Math.min(c,t.y+l),x=Math.max(x,t.x+r+n.w),f=Math.max(f,t.y+l+n.h))}let{dx:b,dy:w,guides:v}=eh({x:s,y:c,width:x-s,height:f-c},m,new Set(d.keys()),void 0,u);L(v);let k=r+b,j=l+w;g=k,p=j,n(m.map(e=>{let t=d.get(e.id);return t?{...e,x:Math.max(0,t.x+k),y:Math.max(0,t.y+j)}:e})),null==(o=F.current)||o.call(F,k,j)},w=()=>{var e;window.removeEventListener("mousemove",x),window.removeEventListener("mouseup",w),T.current=null,null==c||c(!1),L([]),null==(e=H.current)||e.call(H,g,p,_)};window.addEventListener("mousemove",x),window.addEventListener("mouseup",w)},[f,t,n,c]),q=(0,o.useCallback)((e,o,r)=>{e.preventDefault(),e.stopPropagation();let l=t.find(e=>e.id===o);if(!l)return;b(new Set([o])),T.current="resize",null==c||c(!0);let s=e.clientX,a=e.clientY,i=l.width,d=l.height,_=l.x,h=l.y,m={left:r.includes("w"),right:r.includes("e"),top:r.includes("n"),bottom:r.includes("s")},g=e=>{let t=e.clientX-s,l=e.clientY-a,c=i,g=d,p=_,y=h;r.includes("e")&&(c=Math.max(24,i+t)),r.includes("w")&&(c=Math.max(24,i-t),p=_+i-c),r.includes("s")&&(g=Math.max(24,d+l)),r.includes("n")&&(g=Math.max(24,d-l),y=h+d-g);let{dx:x,dy:f,guides:b}=eh({x:p,y:y,width:c,height:g},O.current,new Set([o]),m,u);L(b),0!==x&&(m.right?c+=x:m.left&&(p+=x,c-=x)),0!==f&&(m.bottom?g+=f:m.top&&(y+=f,g-=f)),n(O.current.map(e=>e.id===o?{...e,x:p,y:y,width:c,height:g}:e)),S({x:e.clientX+12,y:e.clientY+12,text:"".concat(Math.round(c)," \xd7 ").concat(Math.round(g))})},p=()=>{window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",p),S(null),T.current=null,null==c||c(!1),L([])};window.addEventListener("mousemove",g),window.addEventListener("mouseup",p)},[t,n,c]),V=(0,o.useCallback)(e=>{T.current=null,D(t=>{let n=new Set(t);return n.add(e),n}),b(t=>{let n=new Set(t);return n.delete(e),n}),Z(()=>{n(O.current.filter(t=>t.id!==e)),D(t=>{let n=new Set(t);return n.delete(e),n})},180)},[n]),J={hero:"Headline text",button:"Button label",badge:"Badge label",cta:"Call to action text",toast:"Notification message",modal:"Dialog title",card:"Card title",navigation:"Brand / nav items",tabs:"Tab labels",input:"Placeholder text",search:"Search placeholder",pricing:"Plan name or price",testimonial:"Quote text",alert:"Alert message",banner:"Banner text",tag:"Tag label",notification:"Notification message",stat:"Metric value",productCard:"Product name"},K=(0,o.useCallback)(e=>{let n=t.find(t=>
1t.id===e);n&&(R.current=!!n.text,B(e),E(!1))},[t]),G=(0,o.useCallback)(()=>{I&&(E(!0),Z(()=>{B(null),E(!1)},150))},[I]);(0,o.useEffect)(()=>{i&&I&&G()},[i]);let $=(0,o.useCallback)(e=>{I&&(n(t.map(t=>t.id===I?{...t,text:e.trim()||void 0}:t)),G())},[I,t,n,G]),et="undefined"!=typeof window?window.scrollY:0,en=["nw","ne","se","sw"],eo=x?"#f97316":"#3c82f7",el=[{dir:"n",cls:eu.edgeN,arrow:(0,l.jsx)("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",children:(0,l.jsx)("path",{d:"M4 0.5L1 4.5h6z",fill:eo})})},{dir:"e",cls:eu.edgeE,arrow:(0,l.jsx)("svg",{width:"6",height:"8",viewBox:"0 0 6 8",fill:"none",children:(0,l.jsx)("path",{d:"M5.5 4L1.5 1v6z",fill:eo})})},{dir:"s",cls:eu.edgeS,arrow:(0,l.jsx)("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",children:(0,l.jsx)("path",{d:"M4 5.5L1 1.5h6z",fill:eo})})},{dir:"w",cls:eu.edgeW,arrow:(0,l.jsx)("svg",{width:"6",height:"8",viewBox:"0 0 6 8",fill:"none",children:(0,l.jsx)("path",{d:"M0.5 4L4.5 1v6z",fill:eo})})}];return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{ref:z,className:"".concat(eu.overlay," ").concat(!a?eu.light:""," ").concat(r?eu.placing:""," ").concat(_?eu.passthrough:""," ").concat(i?eu.overlayExiting:""," ").concat(x?eu.wireframe:"").concat(d?" ".concat(d):""),"data-feedback-toolbar":!0,onMouseDown:U,children:t.map(e=>{var t;let n=f.has(e.id),o=(null==(t=es[e.type])?void 0:t.label)||e.type,r=e.y-et;return(0,l.jsxs)("div",{"data-design-placement":e.id,className:"".concat(eu.placement," ").concat(n?eu.selected:""," ").concat(W.has(e.id)?eu.exiting:""),style:{left:e.x,top:r,width:e.width,height:e.height,position:"fixed"},onMouseDown:t=>Q(t,e.id),onDoubleClick:()=>K(e.id),children:[(0,l.jsx)("span",{className:eu.placementLabel,children:o}),(0,l.jsx)("span",{className:"".concat(eu.placementAnnotation," ").concat(e.text?eu.annotationVisible:""),children:(e.text&&P.current.set(e.id,e.text),e.text||P.current.get(e.id)||"")}),(0,l.jsx)("div",{className:eu.placementContent,children:(0,l.jsx)(e_,{type:e.type,width:e.width,height:e.height,text:e.text})}),(0,l.jsx)("div",{className:eu.deleteButton,onMouseDown:e=>e.stopPropagation(),onClick:()=>V(e.id),children:"â"}),en.map(t=>(0,l.jsx)("div",{className:"".concat(eu.handle," ").concat(eu["handle".concat(t.charAt(0).toUpperCase()).concat(t.slice(1))]),onMouseDown:n=>q(n,e.id,t)},t)),el.map(t=>{let{dir:n,cls:o,arrow:r}=t;return(0,l.jsx)("div",{className:"".concat(eu.edgeHandle," ").concat(o),onMouseDown:t=>q(t,e.id,n),children:r},n)})]},e.id)})}),I&&(()=>{var e,n;let o,r=t.find(e=>e.id===I);if(!r)return null;let s=r.y-et,i=r.x+r.width/2,c=s-8,d=s+r.height+8,_=d<window.innerHeight-100,u=Math.max(160,Math.min(window.innerWidth-160,i));return o=c>200?{left:u,bottom:window.innerHeight-c}:_?{left:u,top:d}:{left:u,top:Math.max(80,window.innerHeight/2-80)},(0,l.jsx)(ee,{element:(null==(e=es[r.type])?void 0:e.label)||r.type,placeholder:J[r.type]||"Label or content text",initialValue:null!=(n=r.text)?n:"",submitLabel:R.current?"Save":"Set",onSubmit:$,onCancel:G,onDelete:R.current?()=>{$("")}:void 0,isExiting:N,lightMode:!a,style:o})})(),w&&(0,l.jsx)("div",{className:eu.drawBox,style:{left:w.x,top:w.y,width:w.w,height:w.h},"data-feedback-toolbar":!0}),k&&(0,l.jsx)("div",{className:eu.selectBox,style:{left:k.x,top:k.y,width:k.w,height:k.h},"data-feedback-toolbar":!0}),C&&(0,l.jsx)("div",{className:eu.sizeIndicator,style:{left:C.x,top:C.y},"data-feedback-toolbar":!0,children:C.text}),M.map((e,t)=>(0,l.jsx)("div",{className:eu.guideLine,style:"x"===e.axis?{position:"fixed",left:e.pos,top:0,width:1,bottom:0}:{position:"fixed",left:0,top:e.pos-et,right:0,height:1},"data-feedback-toolbar":!0},"".concat(e.axis,"-").concat(e.pos,"-").concat(t)))]})}var ep="currentColor";function ey(e){let{type:t}=e;switch(t){case"navigation":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1",y:"4",width:"18",height:"8",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"2.5",y:"7",width:"3",height:"1.5",rx:".5",fill:ep,opacity:".4"}),(0,l.jsx)("rect",{x:"7",y:"7",width:"2.5",height:"1.5",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"11",y:"7",width:"2.5",height:"1.5",rx:".5",fill:ep,opacity:".25"})]});case"header":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1",y:"2",width:"18",height:"12",rx:"1",stroke:ep,strokeWidth:"0.5"}
1),(0,l.jsx)("rect",{x:"3",y:"5.5",width:"8",height:"2",rx:".5",fill:ep,opacity:".35"}),(0,l.jsx)("rect",{x:"3",y:"9",width:"12",height:"1",rx:".5",fill:ep,opacity:".15"})]});case"hero":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1",y:"1",width:"18",height:"14",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"5",y:"5",width:"10",height:"1.5",rx:".5",fill:ep,opacity:".35"}),(0,l.jsx)("rect",{x:"7",y:"8",width:"6",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"7.5",y:"10.5",width:"5",height:"2.5",rx:"1",stroke:ep,strokeWidth:"0.5"})]});case"section":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1",y:"1",width:"18",height:"14",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"3",y:"4",width:"6",height:"1",rx:".5",fill:ep,opacity:".3"}),(0,l.jsx)("rect",{x:"3",y:"6.5",width:"14",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"3",y:"9",width:"10",height:"1",rx:".5",fill:ep,opacity:".15"})]});case"sidebar":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1",y:"1",width:"7",height:"14",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"2.5",y:"4",width:"4",height:"1",rx:".5",fill:ep,opacity:".3"}),(0,l.jsx)("rect",{x:"2.5",y:"6.5",width:"3.5",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"2.5",y:"9",width:"4",height:"1",rx:".5",fill:ep,opacity:".15"})]});case"footer":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1",y:"7",width:"18",height:"8",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"3",y:"9.5",width:"4",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"9",y:"9.5",width:"4",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"15",y:"9.5",width:"3",height:"1",rx:".5",fill:ep,opacity:".2"})]});case"modal":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"3",y:"2",width:"14",height:"12",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"5",y:"4.5",width:"7",height:"1",rx:".5",fill:ep,opacity:".3"}),(0,l.jsx)("rect",{x:"5",y:"7",width:"10",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"11",y:"11",width:"5",height:"2",rx:".75",stroke:ep,strokeWidth:"0.5"})]});case"divider":return(0,l.jsx)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:(0,l.jsx)("line",{x1:"2",y1:"8",x2:"18",y2:"8",stroke:ep,strokeWidth:"0.5",opacity:".3"})});case"card":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"2",y:"1",width:"16",height:"5.5",rx:"1",fill:ep,opacity:".04"}),(0,l.jsx)("rect",{x:"4",y:"8.5",width:"8",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"4",y:"11",width:"11",height:"1",rx:".5",fill:ep,opacity:".12"})]});case"text":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"4",width:"14",height:"1.5",rx:".5",fill:ep,opacity:".3"}),(0,l.jsx)("rect",{x:"2",y:"7",width:"11",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"2",y:"9.5",width:"13",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"2",y:"12",width:"8",height:"1",rx:".5",fill:ep,opacity:".12"})]});case"image":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("line",{x1:"2",y1:"2",x2:"18",y2:"14",stroke:ep,strokeWidth:".3",opacity:".25"}),(0,l.jsx)("line",{x1:"18",y1:"2",x2:"2",y2:"14",stroke:ep,strokeWidth:".3",opacity:".25"})]});case"video":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("path",{d:"M8.5 5.5v5l4.5-2.5z",stroke:ep,strokeWidth:"0.5",fill:ep,opacity:".15"})]});case"table":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1",y:"2",width:"18",height:"12",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("line",{x1:"1",y1:"5.5",x2:"19",y2:"5.5",stroke:ep,strokeWidth:".3",opacity:".25"}),(0,l.jsx)("line",{x1:"1",y1:"9",x2:"19",y2:"9",stroke:ep,strokeWidth:".3",opacity:".25"}),(0,l.jsx)("line",{x1:"7",y1:"2",x2:"7",y2:"14",stroke:ep,strokeWidth:".3",opacity:".25"}),(0,l.jsx)("line",{x1:"13",y1:"2",x2:"13",y2:"14",stroke:ep,strokeWidth:".3",opacity:".25"})]});case"grid":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1.5",y:"2",width:"7",height:"5.5",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"11.5",y:"2",width:"7",height:"5.5",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"1.5",y:"9.5",width:"7",height:"5.5",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"11.5",y:"9.5",width:"7",height:"5.5",rx:"1",stroke:ep,strokeWidth:"0.5"})]});case"list":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("circle",{cx:"3.5",cy:"4.5",r:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"6.5",y:"4",width:"10",height:"1",rx:".5",fill:ep,opacity:".2"}),(0,l.jsx)("circle",{cx:"3.5",cy:"8",r:"1",stroke:ep,strokeWidth:"0.5"}
1),(0,l.jsx)("rect",{x:"6.5",y:"7.5",width:"8",height:"1",rx:".5",fill:ep,opacity:".2"}),(0,l.jsx)("circle",{cx:"3.5",cy:"11.5",r:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"6.5",y:"11",width:"11",height:"1",rx:".5",fill:ep,opacity:".2"})]});case"chart":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"3",y:"9",width:"2.5",height:"4",rx:".5",fill:ep,opacity:".2"}),(0,l.jsx)("rect",{x:"7",y:"6",width:"2.5",height:"7",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"11",y:"3",width:"2.5",height:"10",rx:".5",fill:ep,opacity:".3"}),(0,l.jsx)("rect",{x:"15",y:"5",width:"2.5",height:"8",rx:".5",fill:ep,opacity:".2"})]});case"accordion":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1.5",y:"2",width:"17",height:"4",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"3",y:"3.5",width:"6",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"1.5",y:"7.5",width:"17",height:"3",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"1.5",y:"12",width:"17",height:"3",rx:"1",stroke:ep,strokeWidth:"0.5"})]});case"carousel":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"3",y:"2",width:"14",height:"10",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("path",{d:"M1.5 7L3 8.5 1.5 10",stroke:ep,strokeWidth:"0.5",opacity:".35"}),(0,l.jsx)("path",{d:"M18.5 7L17 8.5 18.5 10",stroke:ep,strokeWidth:"0.5",opacity:".35"}),(0,l.jsx)("circle",{cx:"8.5",cy:"14",r:".6",fill:ep,opacity:".35"}),(0,l.jsx)("circle",{cx:"10",cy:"14",r:".6",fill:ep,opacity:".15"}),(0,l.jsx)("circle",{cx:"11.5",cy:"14",r:".6",fill:ep,opacity:".15"})]});case"button":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"3",y:"5",width:"14",height:"6",rx:"2",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"6.5",y:"7.5",width:"7",height:"1",rx:".5",fill:ep,opacity:".25"})]});case"input":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"4",width:"5.5",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"2",y:"6.5",width:"16",height:"5.5",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"3.5",y:"8.5",width:"7",height:"1",rx:".5",fill:ep,opacity:".12"})]});case"search":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"4.5",width:"16",height:"7",rx:"3.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("circle",{cx:"6",cy:"8",r:"2",stroke:ep,strokeWidth:"0.5",opacity:".3"}),(0,l.jsx)("line",{x1:"7.5",y1:"9.5",x2:"9",y2:"11",stroke:ep,strokeWidth:"0.5",opacity:".3"}),(0,l.jsx)("rect",{x:"9.5",y:"7.5",width:"6",height:"1",rx:".5",fill:ep,opacity:".12"})]});case"form":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"1.5",width:"5.5",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"2",y:"3.5",width:"16",height:"3",rx:".75",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"2",y:"8",width:"7",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"2",y:"10",width:"16",height:"3",rx:".75",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"12",y:"14",width:"6",height:"2",rx:".75",stroke:ep,strokeWidth:"0.5"})]});case"tabs":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1",y:"5",width:"18",height:"10",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"1",y:"2",width:"6",height:"3.5",rx:".75",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"2.5",y:"3.25",width:"3",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"7",y:"2",width:"6",height:"3.5",rx:".75",stroke:ep,strokeWidth:"0.5"})]});case"dropdown":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"2",width:"16",height:"4",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"3.5",y:"3.5",width:"7",height:"1",rx:".5",fill:ep,opacity:".2"}),(0,l.jsx)("path",{d:"M15 3.5l1.5 1.5L18 3.5",stroke:ep,strokeWidth:"0.5",opacity:".3"}),(0,l.jsx)("rect",{x:"2",y:"7",width:"16",height:"7",rx:"1",stroke:ep,strokeWidth:"0.5",strokeDasharray:"2 1",opacity:".3"})]});case"toggle":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"4",y:"5",width:"12",height:"6",rx:"3",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("circle",{cx:"13",cy:"8",r:"2",fill:ep,opacity:".3"})]});case"avatar":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("circle",{cx:"10",cy:"8",r:"6",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("circle",{cx:"10",cy:"6.5",r:"2",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("path",{d:"M6.5 13c0-2 1.5-3.5 3.5-3.5s3.5 1.5 3.5 3.5",stroke:ep,strokeWidth:"0.5"})]});case"badge":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"3",y:"5",width:"14",height:"6",rx:"3",stroke:ep,strokeWidth:"0.5"}
1),(0,l.jsx)("rect",{x:"6",y:"7.5",width:"8",height:"1",rx:".5",fill:ep,opacity:".25"})]});case"breadcrumb":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1.5",y:"7",width:"3.5",height:"1",rx:".5",fill:ep,opacity:".3"}),(0,l.jsx)("path",{d:"M6.5 7l1 1-1 1",stroke:ep,strokeWidth:"0.5",opacity:".2"}),(0,l.jsx)("rect",{x:"9",y:"7",width:"3.5",height:"1",rx:".5",fill:ep,opacity:".2"}),(0,l.jsx)("path",{d:"M14 7l1 1-1 1",stroke:ep,strokeWidth:"0.5",opacity:".2"}),(0,l.jsx)("rect",{x:"16.5",y:"7",width:"2",height:"1",rx:".5",fill:ep,opacity:".15"})]});case"pagination":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"5.5",width:"3.5",height:"5",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"6.5",y:"5.5",width:"3.5",height:"5",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"11",y:"5.5",width:"3.5",height:"5",rx:"1",fill:ep,opacity:".15",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"15.5",y:"5.5",width:"3.5",height:"5",rx:"1",stroke:ep,strokeWidth:"0.5"})]});case"progress":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"7",width:"16",height:"2",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"2",y:"7",width:"10",height:"2",rx:"1",fill:ep,opacity:".2"})]});case"toast":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"4",width:"16",height:"8",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("circle",{cx:"5",cy:"8",r:"1.5",stroke:ep,strokeWidth:"0.5",opacity:".3"}),(0,l.jsx)("rect",{x:"8",y:"6.5",width:"7",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"8",y:"9",width:"5",height:"1",rx:".5",fill:ep,opacity:".12"})]});case"tooltip":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"3",y:"3",width:"14",height:"7",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"5.5",y:"5.5",width:"9",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("path",{d:"M9 10l1 2.5 1-2.5",stroke:ep,strokeWidth:"0.5"})]});case"pricing":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"6",y:"3",width:"8",height:"1.5",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"7",y:"5.5",width:"6",height:"2",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"5",y:"9",width:"10",height:"1",rx:".5",fill:ep,opacity:".1"}),(0,l.jsx)("rect",{x:"5",y:"11",width:"10",height:"1",rx:".5",fill:ep,opacity:".1"}),(0,l.jsx)("rect",{x:"6",y:"13",width:"8",height:"1.5",rx:".5",fill:ep,opacity:".2"})]});case"testimonial":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("text",{x:"4",y:"5.5",fontSize:"4",fill:ep,opacity:".2",fontFamily:"serif",children:"â"}),(0,l.jsx)("rect",{x:"4",y:"7",width:"12",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"4",y:"9",width:"9",height:"1",rx:".5",fill:ep,opacity:".12"}),(0,l.jsx)("circle",{cx:"5.5",cy:"12.5",r:"1.5",stroke:ep,strokeWidth:"0.5",opacity:".25"}),(0,l.jsx)("rect",{x:"8",y:"12",width:"5",height:"1",rx:".5",fill:ep,opacity:".15"})]});case"cta":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1",y:"2",width:"18",height:"12",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"5",y:"4.5",width:"10",height:"1.5",rx:".5",fill:ep,opacity:".3"}),(0,l.jsx)("rect",{x:"6",y:"7.5",width:"8",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"7",y:"10",width:"6",height:"2.5",rx:"1",stroke:ep,strokeWidth:"0.5"})]});case"alert":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"4",width:"16",height:"8",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("circle",{cx:"6",cy:"8",r:"2",stroke:ep,strokeWidth:"0.5",opacity:".3"}),(0,l.jsx)("line",{x1:"6",y1:"7",x2:"6",y2:"8.5",stroke:ep,strokeWidth:"0.6",opacity:".5"}),(0,l.jsx)("circle",{cx:"6",cy:"9.3",r:".3",fill:ep,opacity:".5"}),(0,l.jsx)("rect",{x:"9.5",y:"7",width:"6",height:"1",rx:".5",fill:ep,opacity:".2"})]});case"banner":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1",y:"5",width:"18",height:"6",rx:"1",stroke:ep,strokeWidth:"0.5"}
1),(0,l.jsx)("rect",{x:"4",y:"7.5",width:"8",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"14",y:"7",width:"3.5",height:"2",rx:".75",stroke:ep,strokeWidth:"0.5"})]});case"stat":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"3",y:"2",width:"14",height:"12",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"6",y:"4.5",width:"8",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"5",y:"7",width:"10",height:"2.5",rx:".5",fill:ep,opacity:".3"}),(0,l.jsx)("rect",{x:"7",y:"11",width:"6",height:"1",rx:".5",fill:ep,opacity:".12"})]});case"stepper":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("circle",{cx:"4",cy:"8",r:"2",fill:ep,opacity:".2",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("line",{x1:"6",y1:"8",x2:"8",y2:"8",stroke:ep,strokeWidth:".4",opacity:".3"}),(0,l.jsx)("circle",{cx:"10",cy:"8",r:"2",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("line",{x1:"12",y1:"8",x2:"14",y2:"8",stroke:ep,strokeWidth:".4",opacity:".3"}),(0,l.jsx)("circle",{cx:"16",cy:"8",r:"2",stroke:ep,strokeWidth:"0.5"})]});case"tag":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"3",y:"5",width:"14",height:"6",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"5.5",y:"7.5",width:"6",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("line",{x1:"14",y1:"6.5",x2:"15.5",y2:"9.5",stroke:ep,strokeWidth:"0.5",opacity:".2"}),(0,l.jsx)("line",{x1:"15.5",y1:"6.5",x2:"14",y2:"9.5",stroke:ep,strokeWidth:"0.5",opacity:".2"})]});case"rating":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("path",{d:"M4 5.5l1 2 2.2.3-1.6 1.5.4 2.2L4 10.3l-2 1.2.4-2.2L.8 7.8 3 7.5z",fill:ep,opacity:".25"}),(0,l.jsx)("path",{d:"M10 5.5l1 2 2.2.3-1.6 1.5.4 2.2L10 10.3l-2 1.2.4-2.2L6.8 7.8 9 7.5z",fill:ep,opacity:".25"}),(0,l.jsx)("path",{d:"M16 5.5l1 2 2.2.3-1.6 1.5.4 2.2L16 10.3l-2 1.2.4-2.2-1.6-1.5 2.2-.3z",stroke:ep,strokeWidth:"0.5",opacity:".25"})]});case"map":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("line",{x1:"2",y1:"6",x2:"18",y2:"10",stroke:ep,strokeWidth:".3",opacity:".15"}),(0,l.jsx)("line",{x1:"7",y1:"2",x2:"11",y2:"14",stroke:ep,strokeWidth:".3",opacity:".15"}),(0,l.jsx)("path",{d:"M10 5c-1.7 0-3 1.3-3 3 0 2.5 3 5 3 5s3-2.5 3-5c0-1.7-1.3-3-3-3z",fill:ep,opacity:".15",stroke:ep,strokeWidth:"0.5"})]});case"timeline":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("line",{x1:"5",y1:"2",x2:"5",y2:"14",stroke:ep,strokeWidth:".4",opacity:".25"}),(0,l.jsx)("circle",{cx:"5",cy:"4",r:"1.5",fill:ep,opacity:".2",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"8",y:"3",width:"8",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("circle",{cx:"5",cy:"8.5",r:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"8",y:"7.5",width:"6",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("circle",{cx:"5",cy:"13",r:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"8",y:"12",width:"7",height:"1",rx:".5",fill:ep,opacity:".15"})]});case"fileUpload":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"3",y:"2",width:"14",height:"12",rx:"1.5",stroke:ep,strokeWidth:"0.5",strokeDasharray:"2 1"}),(0,l.jsx)("path",{d:"M10 10V5.5m0 0L7.5 8m2.5-2.5L12.5 8",stroke:ep,strokeWidth:"0.5",opacity:".3"}),(0,l.jsx)("rect",{x:"7",y:"11.5",width:"6",height:"1",rx:".5",fill:ep,opacity:".15"})]});case"codeBlock":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("circle",{cx:"4",cy:"4",r:".6",fill:ep,opacity:".3"}),(0,l.jsx)("circle",{cx:"5.5",cy:"4",r:".6",fill:ep,opacity:".3"}),(0,l.jsx)("circle",{cx:"7",cy:"4",r:".6",fill:ep,opacity:".3"}),(0,l.jsx)("rect",{x:"4",y:"7",width:"7",height:"1",rx:".5",fill:ep,opacity:".2"}),(0,l.jsx)("rect",{x:"6",y:"9",width:"5",height:"1",rx:".5",fill:ep,opacity:".15"}
1),(0,l.jsx)("rect",{x:"4",y:"11",width:"8",height:"1",rx:".5",fill:ep,opacity:".12"})]});case"calendar":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"3",width:"16",height:"12",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("line",{x1:"2",y1:"6.5",x2:"18",y2:"6.5",stroke:ep,strokeWidth:".4",opacity:".25"}),(0,l.jsx)("rect",{x:"5",y:"4",width:"1",height:"1.5",rx:".3",fill:ep,opacity:".2"}),(0,l.jsx)("rect",{x:"14",y:"4",width:"1",height:"1.5",rx:".3",fill:ep,opacity:".2"}),(0,l.jsx)("circle",{cx:"7",cy:"9",r:".6",fill:ep,opacity:".2"}),(0,l.jsx)("circle",{cx:"10",cy:"9",r:".6",fill:ep,opacity:".2"}),(0,l.jsx)("circle",{cx:"13",cy:"9",r:".6",fill:ep,opacity:".3"}),(0,l.jsx)("circle",{cx:"7",cy:"12",r:".6",fill:ep,opacity:".2"}),(0,l.jsx)("circle",{cx:"10",cy:"12",r:".6",fill:ep,opacity:".2"})]});case"notification":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"3",width:"16",height:"10",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("circle",{cx:"5.5",cy:"8",r:"2",stroke:ep,strokeWidth:"0.5",opacity:".25"}),(0,l.jsx)("rect",{x:"9",y:"6",width:"6",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"9",y:"8.5",width:"4.5",height:"1",rx:".5",fill:ep,opacity:".12"}),(0,l.jsx)("circle",{cx:"16.5",cy:"4.5",r:"1.5",fill:ep,opacity:".25"})]});case"productCard":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"3",y:"1",width:"14",height:"14",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"3",y:"1",width:"14",height:"6",rx:"1",fill:ep,opacity:".04"}),(0,l.jsx)("rect",{x:"5",y:"8.5",width:"7",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"5",y:"10.5",width:"4",height:"1.5",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"12",y:"12",width:"4",height:"2",rx:".75",stroke:ep,strokeWidth:"0.5"})]});case"profile":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("circle",{cx:"10",cy:"5",r:"3",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"5",y:"10",width:"10",height:"1.5",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"7",y:"12.5",width:"6",height:"1",rx:".5",fill:ep,opacity:".12"})]});case"drawer":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"9",y:"1",width:"10",height:"14",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"10.5",y:"4",width:"5",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"10.5",y:"6.5",width:"7",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"10.5",y:"9",width:"6",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"1",y:"1",width:"7",height:"14",rx:"1",stroke:ep,strokeWidth:"0.5",opacity:".15"})]});case"popover":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"3",y:"2",width:"14",height:"9",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"5",y:"4.5",width:"8",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"5",y:"7",width:"6",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("path",{d:"M9 11l1 2.5 1-2.5",stroke:ep,strokeWidth:"0.5"})]});case"logo":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"3",width:"10",height:"10",rx:"2",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("path",{d:"M5 9.5l2-4 2 4",stroke:ep,strokeWidth:"0.5",opacity:".3"}),(0,l.jsx)("rect",{x:"14",y:"6",width:"4",height:"1",rx:".5",fill:ep,opacity:".2"}),(0,l.jsx)("rect",{x:"14",y:"8.5",width:"3",height:"1",rx:".5",fill:ep,opacity:".12"})]});case"faq":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("text",{x:"2.5",y:"5.5",fontSize:"4",fill:ep,opacity:".3",fontWeight:"bold",children:"?"}),(0,l.jsx)("rect",{x:"7",y:"3",width:"10",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"7",y:"5.5",width:"8",height:"1",rx:".5",fill:ep,opacity:".12"}),(0,l.jsx)("text",{x:"2.5",y:"11.5",fontSize:"4",fill:ep,opacity:".3",fontWeight:"bold",children:"?"}),(0,l.jsx)("rect",{x:"7",y:"9",width:"9",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"7",y:"11.5",width:"7",height:"1",rx:".5",fill:ep,opacity:".12"})]});case"gallery":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1.5",y:"1.5",width:"5",height:"5",rx:".75",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"7.5",y:"1.5",width:"5",height:"5",rx:".75",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"13.5",y:"1.5",width:"5",height:"5",rx:".75",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"1.5",y:"9.5",width:"5",height:"5",rx:".75",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"7.5",y:"9.5",width:"5",height:"5",rx:".75",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"13.5",y:"9.5",width:"5",height:"5",rx:".75",stroke:ep,strokeWidth:"0.5"})]});case"checkbox":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"5",y:"4",width:"8",he
1ight:"8",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("path",{d:"M7.5 8l1.5 1.5 3-3",stroke:ep,strokeWidth:"0.5",opacity:".35"})]});case"radio":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("circle",{cx:"10",cy:"8",r:"4",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("circle",{cx:"10",cy:"8",r:"2",fill:ep,opacity:".3"})]});case"slider":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"7.5",width:"16",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"2",y:"7.5",width:"10",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("circle",{cx:"12",cy:"8",r:"2.5",stroke:ep,strokeWidth:"0.5"})]});case"datePicker":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"1",width:"16",height:"5",rx:"1",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"3.5",y:"3",width:"5",height:"1",rx:".5",fill:ep,opacity:".2"}),(0,l.jsx)("rect",{x:"14",y:"2.5",width:"2.5",height:"2",rx:".5",fill:ep,opacity:".12"}),(0,l.jsx)("rect",{x:"2",y:"7",width:"16",height:"8",rx:"1",stroke:ep,strokeWidth:"0.5",strokeDasharray:"2 1",opacity:".3"}),(0,l.jsx)("circle",{cx:"6",cy:"10",r:".6",fill:ep,opacity:".2"}),(0,l.jsx)("circle",{cx:"10",cy:"10",r:".6",fill:ep,opacity:".3"}),(0,l.jsx)("circle",{cx:"14",cy:"10",r:".6",fill:ep,opacity:".2"}),(0,l.jsx)("circle",{cx:"6",cy:"13",r:".6",fill:ep,opacity:".2"}),(0,l.jsx)("circle",{cx:"10",cy:"13",r:".6",fill:ep,opacity:".2"})]});case"skeleton":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"2",width:"16",height:"3",rx:"1",fill:ep,opacity:".08"}),(0,l.jsx)("rect",{x:"2",y:"7",width:"10",height:"2",rx:".75",fill:ep,opacity:".08"}),(0,l.jsx)("rect",{x:"2",y:"11",width:"13",height:"2",rx:".75",fill:ep,opacity:".08"})]});case"chip":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"1.5",y:"5",width:"10",height:"6",rx:"3",fill:ep,opacity:".08",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"4",y:"7.5",width:"4",height:"1",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("line",{x1:"9.5",y1:"6.5",x2:"10.5",y2:"9.5",stroke:ep,strokeWidth:"0.5",opacity:".2"}),(0,l.jsx)("line",{x1:"10.5",y1:"6.5",x2:"9.5",y2:"9.5",stroke:ep,strokeWidth:"0.5",opacity:".2"}),(0,l.jsx)("rect",{x:"13",y:"5",width:"5.5",height:"6",rx:"3",stroke:ep,strokeWidth:"0.5",opacity:".25"})]});case"icon":return(0,l.jsx)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:(0,l.jsx)("path",{d:"M10 3l1.5 3 3.5.5-2.5 2.5.5 3.5L10 11l-3 1.5.5-3.5L5 6.5l3.5-.5z",stroke:ep,strokeWidth:"0.5",opacity:".3"})});case"spinner":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("circle",{cx:"10",cy:"8",r:"5",stroke:ep,strokeWidth:"0.5",opacity:".12"}),(0,l.jsx)("path",{d:"M10 3a5 5 0 0 1 5 5",stroke:ep,strokeWidth:"0.5",opacity:".35",strokeLinecap:"round"})]});case"feature":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"2",width:"5",height:"5",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("path",{d:"M4.5 3.5v3m-1.5-1.5h3",stroke:ep,strokeWidth:"0.5",opacity:".25"}),(0,l.jsx)("rect",{x:"9",y:"2.5",width:"8",height:"1.5",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"9",y:"5.5",width:"6",height:"1",rx:".5",fill:ep,opacity:".12"}),(0,l.jsx)("rect",{x:"2",y:"10",width:"5",height:"5",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"9",y:"10.5",width:"7",height:"1.5",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"9",y:"13.5",width:"5",height:"1",rx:".5",fill:ep,opacity:".12"})]});case"team":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("circle",{cx:"5",cy:"5",r:"2.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"2.5",y:"9",width:"5",height:"1",rx:".5",fill:ep,opacity:".2"}),(0,l.jsx)("circle",{cx:"15",cy:"5",r:"2.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"12.5",y:"9",width:"5",height:"1",rx:".5",fill:ep,opacity:".2"}),(0,l.jsx)("circle",{cx:"10",cy:"5",r:"2.5",stroke:ep,strokeWidth:"0.5",opacity:".5"}),(0,l.jsx)("rect",{x:"7.5",y:"9",width:"5",height:"1",rx:".5",fill:ep,opacity:".15"}),(0,l.jsx)("rect",{x:"4",y:"12",width:"12",height:"1",rx:".5",fill:ep,opacity:".1"})]});case"login":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"3",y:"1",width:"14",height:"14",rx:"1.5",stroke:ep,strokeWidth:"0.5"}
1),(0,l.jsx)("rect",{x:"6",y:"3",width:"8",height:"1.5",rx:".5",fill:ep,opacity:".25"}),(0,l.jsx)("rect",{x:"5",y:"5.5",width:"10",height:"3",rx:".75",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"5",y:"9.5",width:"10",height:"3",rx:".75",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"6.5",y:"13.5",width:"7",height:"2",rx:".75",fill:ep,opacity:".2"})]});case"contact":return(0,l.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,l.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"4",y:"3",width:"5",height:"1",rx:".5",fill:ep,opacity:".2"}),(0,l.jsx)("rect",{x:"4",y:"5",width:"12",height:"2.5",rx:".75",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"4",y:"8.5",width:"12",height:"4",rx:".75",stroke:ep,strokeWidth:"0.5"}),(0,l.jsx)("rect",{x:"11",y:"13.5",width:"5",height:"1.5",rx:".5",fill:ep,opacity:".2"})]});default:return null}}function ex(e){let{activeType:t,onSelect:n,onDragStart:o,scrollRef:r,fadeClass:s,blankCanvas:a}=e;return(0,l.jsx)("div",{ref:r,className:"".concat(eu.placeScroll," ").concat(s||""),children:el.map(e=>(0,l.jsxs)("div",{className:eu.paletteSection,children:[(0,l.jsx)("div",{className:eu.paletteSectionTitle,children:e.section}),e.items.map(e=>(0,l.jsxs)("div",{className:"".concat(eu.paletteItem," ").concat(t===e.type?eu.active:""," ").concat(a?eu.wireframe:""),onClick:()=>n(e.type),onMouseDown:t=>{0===t.button&&o(e.type,t)},children:[(0,l.jsx)("div",{className:eu.paletteItemIcon,children:(0,l.jsx)(ey,{type:e.type})}),(0,l.jsx)("span",{className:eu.paletteItemLabel,children:e.label})]},e.type))]},e.section))})}function ef(e){let{value:t,suffix:n}=e,[r,s]=(0,o.useState)(null),[a,i]=(0,o.useState)(n),[c,d]=(0,o.useState)("up"),_=(0,o.useRef)(t),u=(0,o.useRef)(n),h=(0,o.useRef)(),m=null!==r&&a!==n;return((0,o.useEffect)(()=>{if(t!==_.current){if(0===t){_.current=t,u.current=n,s(null);return}d(t>_.current?"up":"down"),s(_.current),i(u.current),_.current=t,u.current=n,clearTimeout(h.current),h.current=Z(()=>s(null),250)}else u.current=n},[t,n]),null===r)?(0,l.jsxs)(l.Fragment,{children:[t,n?" ".concat(n):""]}):m?(0,l.jsxs)("span",{className:eu.rollingWrap,children:[(0,l.jsxs)("span",{style:{visibility:"hidden"},children:[t," ",n]}),(0,l.jsxs)("span",{className:"".concat(eu.rollingNum," ").concat("up"===c?eu.exitUp:eu.exitDown),children:[r," ",a]},"o".concat(r,"-").concat(t)),(0,l.jsxs)("span",{className:"".concat(eu.rollingNum," ").concat("up"===c?eu.enterUp:eu.enterDown),children:[t," ",n]},"n".concat(t))]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("span",{className:eu.rollingWrap,children:[(0,l.jsx)("span",{style:{visibility:"hidden"},children:t}),(0,l.jsx)("span",{className:"".concat(eu.rollingNum," ").concat("up"===c?eu.exitUp:eu.exitDown),children:r},"o".concat(r,"-").concat(t)),(0,l.jsx)("span",{className:"".concat(eu.rollingNum," ").concat("up"===c?eu.enterUp:eu.enterDown),children:t},"n".concat(t))]}),n?" ".concat(n):""]})}function eb(e){let{activeType:t,onSelect:n,isDarkMode:r,sectionCount:s,onDetectSections:a,visible:i,onExited:c,placementCount:d,onClearPlacements:_,onDragStart:u,blankCanvas:h,onBlankCanvasChange:m,wireframePurpose:g,onWireframePurposeChange:p,Tooltip:y}=e,[x,f]=(0,o.useState)(!1),[b,w]=(0,o.useState)("exit"),[v,k]=(0,o.useState)(!1),[j,C]=(0,o.useState)(!0),S=(0,o.useRef)(0),M=(0,o.useRef)(""),L=(0,o.useRef)(0),I=(0,o.useRef)(),B=(0,o.useRef)(null),[N,E]=(0,o.useState)("");(0,o.useEffect)(()=>(i?(f(!0),clearTimeout(I.current),cancelAnimationFrame(L.current),L.current=K(()=>{L.current=K(()=>{w("enter")})})):(cancelAnimationFrame(L.current),w("exit"),clearTimeout(I.current),I.current=Z(()=>{f(!1),null==c||c()},200)),()=>cancelAnimationFrame(L.current)),[i]);let R=d>0||s>0,W=d+s;if(W>0&&(S.current=W,M.current=h?1===W?"Component":"Components":1===W?"Change":"Changes"),(0,o.useEffect)(()=>{if(R)v?C(!1):(C(!0),k(!0),K(()=>{K(()=>{C(!1)})}));else{C(!0);let e=Z(()=>k(!1),300);return()=>clearTimeout(e)}},[R]),(0,o.useEffect)(()=>{if(!x)return;let e=B.current;if(!e)return;let t=()=>E(function(e){if(!e)return"";let t=e.scrollTop>2,n=e.scrollTop+e.clientHeight<e.scrollHeight-2;return"".concat(t?eu.fadeTop:""," ").concat(n?eu.fadeBottom:"")}(e));t(),e.addEventListener("scroll",t,{passive:!0});let n=new ResizeObserver(t);return n.observe(e),()=>{e.removeEventListener("scroll",t),n.disconnect()}},[x]),!x)return null;let D=[];return d>0&&D.push("placed"),s>0&&D.push("captured"),(0,l.jsxs)("div",{className:"".concat(eu.palette," ").concat(eu[b]," ").concat(r?"":eu.light),"data-feedback-toolbar":!0,"data-agentation-palette":!0,onClick:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation(),onTransitionEnd:e=>{e.target===e.currentTarget&&(i||(clearTimeout(I.current),f(!1),w("exit"),null==c||c()))},children:[(0,l.jsxs)("div",{className:eu.paletteHeader,children:[(0,l.jsx)("div",{className:eu.paletteHeaderTitle,children:"Layout Mode"}),(0,l.jsxs)("div",{className:eu.paletteHeaderDesc,children:["Rearrange and resize existing elements, add new components, and explore layout ideas. Agent results may vary."," ",(0,l.jsx)("a",{href:"https://agentation.dev/features#layout-mode",target:"_blank",rel:"noopener noreferrer",children:"Learn more."})]})]}),(0,l.jsxs)("div",{className:"".concat(eu.canvasToggle," ").concat(h?eu.active:""),onClick:()=>m(!h),children:[(0,l.jsx)("span",{className:eu.canvasToggleIcon,children:(0,l.jsxs)("svg",{viewBox:"0 0 14 14",width:"14",height:"14",fill:"none",children:[(0,l.jsx)("rect",{x:"1",y:"1",width:"12",height:"12",rx:"2",stroke:"currentColor",strokeWidth:"1"}
1),(0,l.jsx)("circle",{cx:"4.5",cy:"4.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,l.jsx)("circle",{cx:"7",cy:"4.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,l.jsx)("circle",{cx:"9.5",cy:"4.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,l.jsx)("circle",{cx:"4.5",cy:"7",r:"0.8",fill:"currentColor",opacity:".6"}),(0,l.jsx)("circle",{cx:"7",cy:"7",r:"0.8",fill:"currentColor",opacity:".6"}),(0,l.jsx)("circle",{cx:"9.5",cy:"7",r:"0.8",fill:"currentColor",opacity:".6"}),(0,l.jsx)("circle",{cx:"4.5",cy:"9.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,l.jsx)("circle",{cx:"7",cy:"9.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,l.jsx)("circle",{cx:"9.5",cy:"9.5",r:"0.8",fill:"currentColor",opacity:".6"})]})}),(0,l.jsx)("span",{className:eu.canvasToggleLabel,children:"Wireframe New Page"})]}),(0,l.jsx)("div",{className:"".concat(eu.wireframePurposeWrap," ").concat(h?"":eu.collapsed),children:(0,l.jsx)("div",{className:eu.wireframePurposeInner,children:(0,l.jsx)("textarea",{className:eu.wireframePurposeInput,placeholder:"Describe this page to provide additional context for your agent.",value:g,onChange:e=>p(e.target.value),rows:2})})}),(0,l.jsx)(ex,{activeType:t,onSelect:n,onDragStart:u,scrollRef:B,fadeClass:N,blankCanvas:h}),v&&(0,l.jsx)("div",{className:"".concat(eu.paletteFooterWrap," ").concat(j?eu.footerHidden:""),children:(0,l.jsx)("div",{className:eu.paletteFooterInner,children:(0,l.jsx)("div",{className:eu.paletteFooterInnerContent,children:(0,l.jsxs)("div",{className:eu.paletteFooter,children:[(0,l.jsx)("span",{className:eu.paletteFooterCount,children:(0,l.jsx)(ef,{value:S.current,suffix:M.current})}),(0,l.jsx)("button",{className:eu.paletteFooterClear,onClick:_,children:"Clear"})]})})})})]})}function ew(e){if(e.parentElement)return e.parentElement;let t=e.getRootNode();return t instanceof ShadowRoot?t.host:null}function ev(e,t){let n=e;for(;n;){if(n.matches(t))return n;n=ew(n)}return null}function ek(e){return e.getRootNode()instanceof ShadowRoot}function ej(e){let t=e.getRootNode();return t instanceof ShadowRoot?t.host:null}function eC(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:4,n=[],o=e,r=0;for(;o&&r<t;){let e=o.tagName.toLowerCase();if("html"===e||"body"===e)break;let t=e;if(o.id)t="#".concat(o.id);else if(o.className&&"string"==typeof o.className){let e=o.className.split(/\s+/).find(e=>e.length>2&&!e.match(/^[a-z]{1,2}$/)&&!e.match(/[A-Z0-9]{5,}/));e&&(t=".".concat(e.split("_")[0]))}let l=ew(o);!o.parentElement&&l&&(t="â¨shadowâ© ".concat(t)),n.unshift(t),o=l,r++}return n.join(" > ")}function eS(e){var t,n,o,r,l,s,a,i;let c=eC(e);if(e.dataset.element)return{name:e.dataset.element,path:c};let d=e.tagName.toLowerCase();if(["path","circle","rect","line","g"].includes(d)){let t=ev(e,"svg");if(t){let e=ew(t);if(e instanceof HTMLElement){let t=eS(e).name;return{name:"graphic in ".concat(t),path:c}}}return{name:"graphic element",path:c}}if("svg"===d){let n=ew(e);if((null==n?void 0:n.tagName.toLowerCase())==="button"){let e=null==(t=n.textContent)?void 0:t.trim();return{name:e?'icon in "'.concat(e,'" button'):"button icon",path:c}}return{name:"icon",path:c}}if("button"===d){let t=null==(n=e.textContent)?void 0:n.trim(),o=e.getAttribute("aria-label");return o?{name:"button [".concat(o,"]"),path:c}:{name:t?'button "'.concat(t.slice(0,25),'"'):"button",path:c}}if("a"===d){let t=null==(o=e.textContent)?void 0:o.trim(),n=e.getAttribute("href");return t?{name:'link "'.concat(t.slice(0,25),'"'),path:c}:n?{name:"link to ".concat(n.slice(0,30)),path:c}:{name:"link",path:c}}if("input"===d){let t=e.getAttribute("type")||"text",n=e.getAttribute("placeholder"),o=e.getAttribute("name");return n?{name:'input "'.concat(n,'"'),path:c}:o?{name:"input [".concat(o,"]"),path:c}:{name:"".concat(t," input"),path:c}}if(["h1","h2","h3","h4","h5","h6"].includes(d)){let t=null==(r=e.textContent)?void 0:r.trim();return{name:t?"".concat(d,' "').concat(t.slice(0,35),'"'):d,path:c}}if("p"===d){let t=null==(l=e.textContent)?void 0:l.trim();return t?{name:'paragraph: "'.concat(t.slice(0,40)).concat(t.length>40?"...":"",'"'),path:c}:{name:"paragraph",path:c}}if("span"===d||"label"===d){let t=null==(s=e.textContent)?void 0:s.trim();return t&&t.length<40?{name:'"'.concat(t,'"'),path:c}:{name:d,path:c}}if("li"===d){let t=null==(a=e.textContent)?void 0:a.trim();return t&&t.length<40?{name:'list item: "'.concat(t.slice(0,35),'"'),path:c}:{name:"list item",path:c}}if("blockquote"===d)return{name:"blockquote",path:c};if("code"===d){let t=null==(i=e.textContent)?void 0:i.trim();return t&&t.length<30?{name:"code: `".concat(t,"`"),path:c}:{name:"code",path:c}}if("pre"===d)return{name:"code block",path:c};if("img"===d){let t=e.getAttribute("alt");return{name:t?'image "'.concat(t.slice(0,30),'"'):"image",path:c}}if("video"===d)return{name:"video",path:c};if(["div","section","article","nav","header","footer","aside","main"].includes(d)){let t=e.className,n=e.getAttribute("role"),o=e.getAttribute("aria-label");if(o)return{name:"".concat(d," [").concat(o,"]"),path:c};if(n)return{name:"".concat(n),path:c};if("string"==typeof t&&t){let e=t.split(/[\s_-]+/).map(e=>e.replace(/[A-Z0-9]{5,}.*$/,"")).filter(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e)).slice(0,2);if(e.length>0)return{name:e.join(" "),path:c}}return{name:"div"===d?"container":d,path:c}}return{name:d,path:c}}function eM(e){var t,n,o;let r=[],l=null==(t=e.textContent)?void 0:t.trim();l&&l.length<100&&r.push(l);let s=e.previousElementSibling;if(s){let e=null==(n=s.textContent)?void 0:n.trim();e&&e.length<50&&r.unshift('[before: "'.concat(e.slice(0,40),'"]'))}let a=e.nextElementSibling;if(a){let e=null==(o=a.textContent)?void 0:o.trim();e&&e.length<50&&r.push('[after: "'.concat(e.slice(0,40),'"]'))}return r.join(" ")}function eL(e){var t,n;if(e.dataset.element)return e.dataset.element;let o=e.tagName.toLowerCase();if("path"===o)return"path";if("circle"===o)return"circle";if("rect"===o)return"rectangle";if("line"===o)return"line";if("ellipse"===o)return"ellipse";if("polygon"===o)return"polygon";if("g"===o)return"group";if("svg"===o)return"svg";if("button"===o){let n=null==(t=e.textContent)?void 0:t.trim();return n?'button "'.concat(n,'"'):"button"}if("input"===o){let t=e.getAttribute("type")||"text";return"input (".concat(t,")")}if("span"===o||"p"===o||"label"===o){let t=null==(n=e.textContent)?void 0:n.trim();return t&&t.length<30?'"'.concat(t,'"'):"text"}if("div"===o){let t=e.className;if("string"==typeof t&&t){let e=t.split(/[\s_-]+/).map(e=>e.replace(/[A-Z0-9]{5,}.*$/,"")).filter(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e)).slice(0,2);if(e.length>0)return e.join(" ")}return"container"}return o}function eI(e){let t=ew(e);if(!t)return"";let n=(e.getRootNode()instanceof ShadowRoot&&e.parentElement?Array.from(e.parentElement.children):Array.from(t.children)).filter(t=>t!==e&&t instanceof HTMLElement);if(0===n.length)return"";let o=n.slice(0,4).map(e=>{let t=e.tagName.toLowerCase(),n=e.className,o="";if("string"==typeof n&&n){let e=n.split(/\s+/).map(e=>e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e));e&&(o=".".concat(e))}if("button"===t||"a"===t){var r;let n=null==(r=e.textContent)?void 0:r.trim().slice(0,15);if(n)return"".concat(t).concat(o,' "').concat(n,'"')}return"".concat(t).concat(o)}),r=t.tagName.toLowerCase();if("string"==typeof t.className&&t.className){let e=t.className.split(/\s+/).map(e=>e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e));e&&(r=".".concat(e))}let l=t.children.length,s=l>o.length+1?" (".concat(l," total in ").concat(r,")"):"";return o.join(", ")+s}function eB(e){let t=e.className;return"string"==typeof t&&t?t.split(/\s+/).filter(e=>e.length>0).map(e=>{let t=e.match(/^([a-zA-Z][a-zA-Z0-9_-]*?)(?:_[a-zA-Z0-9]{5,})?$/);return t?t[1]:e}
1).filter((e,t,n)=>n.indexOf(e)===t).join(", "):""}var eN=new Set(["none","normal","auto","0px","rgba(0, 0, 0, 0)","transparent","static","visible"]),eE=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"]),eR=new Set(["input","textarea","select"]),eW=new Set(["img","video","canvas","svg"]),eD=new Set(["div","section","article","nav","header","footer","aside","main","ul","ol","form","fieldset"]);function eP(e){if("undefined"==typeof window)return{};let t=window.getComputedStyle(e),n={},o=e.tagName.toLowerCase();for(let r of eE.has(o)?["color","fontSize","fontWeight","fontFamily","lineHeight"]:"button"===o||"a"===o&&"button"===e.getAttribute("role")||eR.has(o)?["backgroundColor","color","padding","borderRadius","fontSize"]:eW.has(o)?["width","height","objectFit","borderRadius"]:eD.has(o)?["display","padding","margin","gap","backgroundColor"]:["color","fontSize","margin","padding","backgroundColor"]){let e=r.replace(/([A-Z])/g,"-$1").toLowerCase(),o=t.getPropertyValue(e);o&&!eN.has(o)&&(n[r]=o)}return n}var ez=["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 eT(e){if("undefined"==typeof window)return"";let t=window.getComputedStyle(e),n=[];for(let e of ez){let o=e.replace(/([A-Z])/g,"-$1").toLowerCase(),r=t.getPropertyValue(o);r&&!eN.has(r)&&n.push("".concat(o,": ").concat(r))}return n.join("; ")}function eO(e){let t=[],n=e.getAttribute("role"),o=e.getAttribute("aria-label"),r=e.getAttribute("aria-describedby"),l=e.getAttribute("tabindex"),s=e.getAttribute("aria-hidden");return n&&t.push('role="'.concat(n,'"')),o&&t.push('aria-label="'.concat(o,'"')),r&&t.push('aria-describedby="'.concat(r,'"')),l&&t.push("tabindex=".concat(l)),"true"===s&&t.push("aria-hidden"),e.matches("a, button, input, select, textarea, [tabindex]")&&t.push("focusable"),t.join(", ")}function eA(e){let t=[],n=e;for(;n&&"html"!==n.tagName.toLowerCase();){let e=n.tagName.toLowerCase(),o=e;if(n.id)o="".concat(e,"#").concat(n.id);else if(n.className&&"string"==typeof n.className){let t=n.className.split(/\s+/).map(e=>e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(e=>e.length>2);t&&(o="".concat(e,".").concat(t))}let r=ew(n);!n.parentElement&&r&&(o="â¨shadowâ© ".concat(o)),t.unshift(o),n=r}return t.join(" > ")}var eF=new Set(["nav","header","main","section","article","footer","aside"]),eH={banner:"Header",navigation:"Navigation",main:"Main Content",contentinfo:"Footer",complementary:"Sidebar",region:"Section"},eY={nav:"Navigation",header:"Header",main:"Main Content",section:"Section",article:"Article",footer:"Footer",aside:"Sidebar"},eX=new Set(["script","style","noscript","link","meta"]);function eU(e){let t=e;for(;t&&t!==document.body&&t!==document.documentElement;){let e=window.getComputedStyle(t).position;if("fixed"===e||"sticky"===e)return!0;t=t.parentElement}return!1}function eQ(e){let t=e.tagName.toLowerCase();if(["nav","header","footer","main"].includes(t)&&1===document.querySelectorAll(t).length)return t;if(e.id)return"#".concat(CSS.escape(e.id));if(e.className&&"string"==typeof e.className){let n=e.className.split(/\s+/).filter(e=>e.length>0).find(e=>e.length>2&&!/^[a-zA-Z0-9]{6,}$/.test(e)&&!/^[a-z]{1,2}$/.test(e));if(n){let e="".concat(t,".").concat(CSS.escape(n));if(1===document.querySelectorAll(e).length)return e}}let n=e.parentElement;if(n){let o=Array.from(n.children).indexOf(e)+1,r=n===document.body?"body":eQ(n);return"".concat(r," > ").concat(t,":nth-child(").concat(o,")")}return t}function eq(e){let t=e.tagName.toLowerCase(),n=e.getAttribute("aria-label");if(n)return n;let o=e.getAttribute("role");if(o&&eH[o])return eH[o];if(eY[t])return eY[t];let r=e.querySelector("h1, h2, h3, h4, h5, h6");if(r){var l;let e=null==(l=r.textContent)?void 0:l.trim();if(e&&e.length<=50)return e;if(e)return e.slice(0,47)+"..."}let{name:s}=eS(e);return s.charAt(0).toUpperCase()+s.slice(1)}function eV(e){let t=e.className;return"string"==typeof t&&t&&t.split(/\s+/).map(e=>e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e))||null}function eZ(e){var t;let n=null==(t=e.textContent)?void 0:t.trim();if(!n)return null;let o=n.replace(/\s+/g," ");return o.length<=30?o:o.slice(0,30)+"â¦"}var eJ={bg:"rgba(59, 130, 246, 0.08)",border:"rgba(59, 130, 246, 0.5)",pill:"#3b82f6"},eK=["nw","n","ne","e","se","s","sw","w"];function eG(e,t,n,o){let r=1/0,l=1/0,s=e.x,a=e.x+e.width,i=e.x+e.width/2,c=e.y,d=e.y+e.height,_=e.y+e.height/2,u=[];for(let e of t)n.has(e.id)||u.push(e.currentRect);for(let e of(o&&u.push(...o),u)){let t=e.x,n=e.x+e.width,o=e.x+e.width/2,u=e.y,h=e.y+e.height,m=e.y+e.height/2;
1for(let e of[s,a,i])for(let l of[t,n,o]){let t=l-e;5>Math.abs(t)&&Math.abs(t)<Math.abs(r)&&(r=t)}for(let e of[c,d,_])for(let t of[u,h,m]){let n=t-e;5>Math.abs(n)&&Math.abs(n)<Math.abs(l)&&(l=n)}}let h=5>Math.abs(r)?r:0,m=5>Math.abs(l)?l:0,g=[],p=new Set,y=s+h,x=a+h,f=i+h,b=c+m,w=d+m,v=_+m;for(let e of u){let t=e.x,n=e.x+e.width,o=e.x+e.width/2,r=e.y,l=e.y+e.height,s=e.y+e.height/2;for(let e of[t,o,n])for(let t of[y,f,x])if(.5>Math.abs(t-e)){let t="x:".concat(Math.round(e));p.has(t)||(p.add(t),g.push({axis:"x",pos:e}))}for(let e of[r,s,l])for(let t of[b,v,w])if(.5>Math.abs(t-e)){let t="y:".concat(Math.round(e));p.has(t)||(p.add(t),g.push({axis:"y",pos:e}))}}return{dx:h,dy:m,guides:g}}var e$=new Set(["script","style","noscript","link","meta","br","hr"]);function e0(e){let t=e;for(;t&&t!==document.body&&t!==document.documentElement&&!t.closest("[data-feedback-toolbar]");){if(e$.has(t.tagName.toLowerCase())){t=t.parentElement;continue}let e=t.getBoundingClientRect();if(e.width>=16&&e.height>=16)return t;t=t.parentElement}return null}function e1(e){let{rearrangeState:t,onChange:n,isDarkMode:r,exiting:s,className:a,blankCanvas:i,extraSnapRects:c,onSelectionChange:d,deselectSignal:_,onDragMove:u,onDragEnd:h,clearSignal:m}=e,{sections:g}=t,p=(0,o.useRef)(t);p.current=t;let[y,x]=(0,o.useState)(new Set),[f,b]=(0,o.useState)(!1),w=(0,o.useRef)(m);(0,o.useEffect)(()=>{void 0!==m&&m!==w.current&&(w.current=m,g.length>0&&b(!0))},[m,g.length]);let v=(0,o.useRef)(_);(0,o.useEffect)(()=>{_!==v.current&&(v.current=_,x(new Set))},[_]);let[k,j]=(0,o.useState)(null),[C,S]=(0,o.useState)(!1),M=(0,o.useRef)(!1),L=(0,o.useCallback)(e=>{let t=g.find(t=>t.id===e);t&&(M.current=!!t.note,j(e),S(!1))},[g]),I=(0,o.useCallback)(()=>{k&&(S(!0),Z(()=>{j(null),S(!1)},150))},[k]),B=(0,o.useCallback)(e=>{k&&(n({...t,sections:g.map(t=>t.id===k?{...t,note:e.trim()||void 0}:t)}),I())},[k,g,t,n,I]);(0,o.useEffect)(()=>{s&&k&&I()},[s]);let[N,E]=(0,o.useState)(new Set),R=(0,o.useRef)(new Map),[W,D]=(0,o.useState)(null),[P,z]=(0,o.useState)(null),[T,O]=(0,o.useState)([]),[A,F]=(0,o.useState)(0),H=(0,o.useRef)(null),Y=(0,o.useRef)(new Set),X=(0,o.useRef)(new Map),[U,Q]=(0,o.useState)(new Map),[q,V]=(0,o.useState)(new Map),J=(0,o.useRef)(new Set),K=(0,o.useRef)(new Map),G=(0,o.useRef)(d);G.current=d;let $=(0,o.useRef)(u);$.current=u;let et=(0,o.useRef)(h);et.current=h,(0,o.useEffect)(()=>{i&&x(new Set)},[i]);let[en,eo]=(0,o.useState)(()=>!t.sections.some(e=>{let t=e.originalRect,n=e.currentRect;return Math.abs(t.x-n.x)>1||Math.abs(t.y-n.y)>1||Math.abs(t.width-n.width)>1||Math.abs(t.height-n.height)>1}));(0,o.useEffect)(()=>{if(!en){let e=Z(()=>eo(!0),380);return()=>clearTimeout(e)}},[]);let er=(0,o.useRef)(new Set);(0,o.useEffect)(()=>{er.current=new Set(g.map(e=>e.selector))},[g]),(0,o.useEffect)(()=>{let e=()=>F(window.scrollY);return e(),window.addEventListener("scroll",e,{passive:!0}),window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[]),(0,o.useEffect)(()=>{let e=e=>{if(H.current)return void D(null);let t=document.elementFromPoint(e.clientX,e.clientY);if(!t||t.closest("[data-feedback-toolbar]")||t.closest("[data-design-placement]")||t.closest("[data-annotation-popup]"))return void D(null);let n=e0(t);if(!n)return void D(null);for(let e of er.current)try{let t=document.querySelector(e);if(t&&(t===n||n.contains(t)))return void D(null)}catch(e){}let o=n.getBoundingClientRect();D({x:o.x,y:o.y,w:o.width,h:o.height})};return document.addEventListener("mousemove",e,{passive:!0}),()=>document.removeEventListener("mousemove",e)},[g]),(0,o.useEffect)(()=>{let e=document.body.style.userSelect;return document.body.style.userSelect="none",()=>{document.body.style.userSelect=e}},[]),(0,o.useEffect)(()=>{let e=e=>{var o,r,l,s;if(H.current||0!==e.button)return;let a=e.target;if(!a||a.closest("[data-feedback-toolbar]")||a.closest("[data-design-placement]")||a.closest("[data-annotation-popup]"))return;let i=e0(a),d=!1;if(i)for(let e of er.current)try{let t=document.querySelector(e);if(t&&(t===i||i.contains(t))){d=!0;break}}catch(e){}let _=!!(e.shiftKey||e.metaKey||e.ctrlKey);if(i&&!d){e.preventDefault(),e.stopPropagation();let r=function(e){let t=window.scrollY,n=e.getBoundingClientRect(),o=eU(e),r={x:n.x,y:o?n.y:n.y+t,width:n.width,height:n.height},l=e.parentElement,s=0;
1return l&&(s=Array.from(l.children).indexOf(e)),{id:"rs-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,7)),label:eq(e),tagName:e.tagName.toLowerCase(),selector:eQ(e),role:e.getAttribute("role"),className:eV(e),textSnippet:eZ(e),originalRect:r,currentRect:{...r},originalIndex:s,isFixed:o}}(i),l=[...g,r],s=[...t.originalOrder,r.id];n({...t,sections:l,originalOrder:s});let a=new Set([r.id]);x(a),null==(o=G.current)||o.call(G,a,_),D(null);let d=e.clientX,u=e.clientY,h={x:r.currentRect.x,y:r.currentRect.y};r.originalRect;let m=!1,p=0,y=0;H.current="move";let f=e=>{var t;let n=e.clientX-d,o=e.clientY-u;if(!m&&(Math.abs(n)>2||Math.abs(o)>2)&&(m=!0),!m)return;let s=eG({x:h.x+n,y:h.y+o,width:r.currentRect.width,height:r.currentRect.height},l,new Set([r.id]),c);O(s.guides);let a=n+s.dx,i=o+s.dy;p=a,y=i;let _=document.querySelector('[data-rearrange-section="'.concat(r.id,'"]'));_&&(_.style.transform="translate(".concat(a,"px, ").concat(i,"px)")),Q(new Map([[r.id,{x:h.x+a,y:h.y+i,width:r.currentRect.width,height:r.currentRect.height}]])),null==(t=$.current)||t.call($,a,i)},b=()=>{var e;window.removeEventListener("mousemove",f),window.removeEventListener("mouseup",b),H.current=null,O([]),Q(new Map);let o=document.querySelector('[data-rearrange-section="'.concat(r.id,'"]'));o&&(o.style.transform=""),m&&n({...t,sections:l.map(e=>e.id===r.id?{...e,currentRect:{...e.currentRect,x:Math.max(0,h.x+p),y:Math.max(0,h.y+y)}}:e),originalOrder:s}),null==(e=et.current)||e.call(et,p,y,m)};window.addEventListener("mousemove",f),window.addEventListener("mouseup",b)}else if(d&&i){for(let t of(e.preventDefault(),g))try{let e=document.querySelector(t.selector);if(e&&e===i){let e=new Set([t.id]);x(e),null==(r=G.current)||r.call(G,e,_);return}}catch(e){}_||(x(new Set),null==(l=G.current)||l.call(G,new Set,!1))}else _||(x(new Set),null==(s=G.current)||s.call(G,new Set,!1))};return document.addEventListener("mousedown",e,!0),()=>document.removeEventListener("mousedown",e,!0)},[g,t,n]),(0,o.useEffect)(()=>{let e=e=>{let o=e.target;if("INPUT"!==o.tagName&&"TEXTAREA"!==o.tagName&&!o.isContentEditable){if(("Backspace"===e.key||"Delete"===e.key)&&y.size>0){e.preventDefault();let t=new Set(y);E(e=>{let n=new Set(e);for(let e of t)n.add(e);return n}),x(new Set),Z(()=>{let e=p.current;n({...e,sections:e.sections.filter(e=>!t.has(e.id)),originalOrder:e.originalOrder.filter(e=>!t.has(e))}),E(e=>{let n=new Set(e);for(let e of t)n.delete(e);return n})},180);return}if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)&&y.size>0){e.preventDefault();let o=e.shiftKey?20:1,r="ArrowLeft"===e.key?-o:"ArrowRight"===e.key?o:0,l="ArrowUp"===e.key?-o:"ArrowDown"===e.key?o:0;n({...t,sections:g.map(e=>y.has(e.id)?{...e,currentRect:{...e.currentRect,x:Math.max(0,e.currentRect.x+r),y:Math.max(0,e.currentRect.y+l)}}:e)});return}"Escape"===e.key&&y.size>0&&x(new Set)}};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[y,g,t,n]);let el=(0,o.useCallback)((e,o)=>{var r;let l;if(0!==e.button)return;let s=e.target;if(s.closest(".".concat(eu.handle))||s.closest(".".concat(eu.deleteButton)))return;e.preventDefault(),e.stopPropagation(),e.shiftKey||e.metaKey||e.ctrlKey?(l=new Set(y)).has(o)?l.delete(o):l.add(o):l=new Set(y.has(o)?y:[o]),x(l),(l.size!==y.size||[...l].some(e=>!y.has(e)))&&(null==(r=G.current)||r.call(G,l,!!(e.shiftKey||e.metaKey||e.ctrlKey)));let a=e.clientX,i=e.clientY,d=new Map;for(let e of g)l.has(e.id)&&d.set(e.id,{x:e.currentRect.x,y:e.currentRect.y});H.current="move";let _=!1,u=0,h=0,m=new Map;for(let e of g)if(l.has(e.id)){let t=document.querySelector('[data-rearrange-section="'.concat(e.id,'"]'));m.set(e.id,{outlineEl:t,curW:e.currentRect.width,curH:e.currentRect.height})}let p=e=>{var t;let n=e.clientX-a,o=e.clientY-i;if(0===n&&0===o)return;_=!0;let r=1/0,s=1/0,p=-1/0,y=-1/0;for(let[e,{curW:t,curH:l}]of m){let a=d.get(e);if(!a)continue;let i=a.x+n,c=a.y+o;r=Math.min(r,i),s=Math.min(s,c),p=Math.max(p,i+t),y=Math.max(y,c+l)}let x=eG({x:r,y:s,width:p-r,height:y-s},g,l,c),f=n+x.dx,b=o+x.dy;for(let[,{outlineEl:e}]of(u=f,h=b,O(x.guides),m))e&&(e.style.transform="translate(".concat(f,"px, ").concat(b,"px)"));let w=new Map;for(let[e,{curW:t,curH:n}]of m){let o=d.get(e);if(o){let r={x:Math.max(0,o.x+f),y:Math.max(0,o.y+b),width:t,height:n};w.set(e,r)}}Q(w),null==(t=$.current)||t.call($,f,b)},f=e=>{var o,r;for(let[,{outlineEl:e}]of(window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",f),H.current=null,O([]),Q(new Map),m))e&&(e.style.transform="");if(_){let o=e.clientX-a,l=e.clientY-i;if(5>Math.abs(o)&&5>
1Math.abs(l))n({...t,sections:g.map(e=>{let t=d.get(e.id);return t?{...e,currentRect:{...e.currentRect,x:t.x,y:t.y}}:e})});else{n({...t,sections:g.map(e=>{let t=d.get(e.id);return t?{...e,currentRect:{...e.currentRect,x:Math.max(0,t.x+u),y:Math.max(0,t.y+h)}}:e})}),null==(r=et.current)||r.call(et,u,h,!0);return}}null==(o=et.current)||o.call(et,0,0,!1)};window.addEventListener("mousemove",p),window.addEventListener("mouseup",f)},[y,g,t,n]),es=(0,o.useCallback)((e,o,r)=>{e.preventDefault(),e.stopPropagation();let l=g.find(e=>e.id===o);if(!l)return;x(new Set([o])),H.current="resize";let s=e.clientX,a=e.clientY,i={...l.currentRect};l.originalRect;let c=i.width/i.height,d={...i},_=document.querySelector('[data-rearrange-section="'.concat(o,'"]')),u=e=>{let t=e.clientX-s,n=e.clientY-a,l=i.x,u=i.y,h=i.width,m=i.height;r.includes("e")&&(h=Math.max(24,i.width+t)),r.includes("w")&&(h=Math.max(24,i.width-t),l=i.x+i.width-h),r.includes("s")&&(m=Math.max(24,i.height+n)),r.includes("n")&&(m=Math.max(24,i.height-n),u=i.y+i.height-m),e.shiftKey&&(2===r.length?(Math.abs(h-i.width)>Math.abs(m-i.height)?m=h/c:h=m*c,r.includes("w")&&(l=i.x+i.width-h),r.includes("n")&&(u=i.y+i.height-m)):("e"===r||"w"===r?m=h/c:h=m*c,"w"===r&&(l=i.x+i.width-h),"n"===r&&(u=i.y+i.height-m))),d={x:l,y:u,width:h,height:m},_&&(_.style.left="".concat(l,"px"),_.style.top="".concat(u-A,"px"),_.style.width="".concat(h,"px"),_.style.height="".concat(m,"px")),z({x:e.clientX+12,y:e.clientY+12,text:"".concat(Math.round(h)," \xd7 ").concat(Math.round(m))}),Q(new Map([[o,d]]))},h=()=>{window.removeEventListener("mousemove",u),window.removeEventListener("mouseup",h),z(null),H.current=null,Q(new Map),n({...t,sections:g.map(e=>e.id===o?{...e,currentRect:d}:e)})};window.addEventListener("mousemove",u),window.addEventListener("mouseup",h)},[g,t,n,A]),ea=(0,o.useCallback)(e=>{E(t=>{let n=new Set(t);return n.add(e),n}),x(t=>{let n=new Set(t);return n.delete(e),n}),Z(()=>{let t=p.current;n({...t,sections:t.sections.filter(t=>t.id!==e),originalOrder:t.originalOrder.filter(t=>t!==e)}),E(t=>{let n=new Set(t);return n.delete(e),n})},180)},[n]),ei=e=>{let t=e.originalRect,n=e.currentRect;return Math.abs(t.x-n.x)>1||Math.abs(t.y-n.y)>1||Math.abs(t.width-n.width)>1||Math.abs(t.height-n.height)>1},ec=e=>{let t=e.originalRect,n=e.currentRect;return Math.abs(t.x-n.x)>1||Math.abs(t.y-n.y)>1},ed=e=>{let t=e.originalRect,n=e.currentRect;return Math.abs(t.width-n.width)>1||Math.abs(t.height-n.height)>1};for(let e of g)!X.current.has(e.id)&&(ec(e)?X.current.set(e.id,"move"):ed(e)&&X.current.set(e.id,"resize"));for(let e of X.current.keys())g.some(t=>t.id===e)||X.current.delete(e);let e_=g.filter(e=>{try{if(N.has(e.id)||y.has(e.id))return!0;let t=document.querySelector(e.selector);if(!t)return!1;let n=t.getBoundingClientRect(),o=e.originalRect;return Math.abs(n.width-o.width)+Math.abs(n.height-o.height)<200}catch(e){return!1}}),eh=e_.filter(e=>ei(e)),em=e_.filter(e=>!ei(e)),eg=new Set(eh.map(e=>e.id));for(let e of Y.current)eg.has(e)||Y.current.delete(e);let ep=[...eg].sort().join(",");for(let e of eh)K.current.set(e.id,{currentRect:e.currentRect,originalRect:e.originalRect,isFixed:e.isFixed});return(0,o.useEffect)(()=>{let e=J.current;J.current=eg;let t=new Map;for(let n of e)if(!eg.has(n)){if(!g.some(e=>e.id===n))continue;let e=K.current.get(n);e&&(t.set(n,{orig:e.originalRect,target:e.currentRect,isFixed:e.isFixed}),K.current.delete(n))}if(t.size>0){V(e=>{let n=new Map(e);for(let[e,o]of t)n.set(e,o);return n});let e=Z(()=>{V(e=>{let n=new Map(e);for(let e of t.keys())n.delete(e);return n})},250);return()=>clearTimeout(e)}},[ep,g]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"".concat(eu.rearrangeOverlay," ").concat(!r?eu.light:""," ").concat(s?eu.overlayExiting:"").concat(a?" ".concat(a):""),"data-feedback-toolbar":!0,children:[W&&(0,l.jsx)("div",{className:eu.hoverHighlight,style:{left:W.x,top:W.y,width:W.w,height:W.h}}),em.map(e=>{let t=e.currentRect,n=e.isFixed?t.y:t.y-A,o=y.has(e.id);return(0,l.jsxs)("div",{"data-rearrange-section":e.id,className:"".concat(eu.sectionOutline," ").concat(o?eu.selected:""," ").concat(f||s||N.has(e.id)?eu.exiting:""),style:{left:t.x,top:n,width:t.width,height:t.height,borderColor:eJ.border,backgroundColor:eJ.bg,...en?{}:{opacity:0,animation:"none",transition:"none"}},onMouseDown:t=>el(t,e.id),onDoubleClick:()=>L(e.id),children:[(0,l.jsx)("span",{className:eu.sectionLabel,style:{backgroundColor:eJ.pill},children:e.label}
1),(0,l.jsx)("span",{className:"".concat(eu.sectionAnnotation," ").concat(e.note?eu.annotationVisible:""),children:(e.note&&R.current.set(e.id,e.note),e.note||R.current.get(e.id)||"")}),(0,l.jsxs)("span",{className:eu.sectionDimensions,children:[Math.round(t.width)," \xd7 ",Math.round(t.height)]}),(0,l.jsx)("div",{className:eu.deleteButton,onMouseDown:e=>e.stopPropagation(),onClick:()=>ea(e.id),children:"â"}),eK.map(t=>(0,l.jsx)("div",{className:"".concat(eu.handle," ").concat(eu["handle".concat(t.charAt(0).toUpperCase()).concat(t.slice(1))]),onMouseDown:n=>es(n,e.id,t)},t))]},e.id)}),eh.map(e=>{let t=e.currentRect,n=e.isFixed?t.y:t.y-A,o=y.has(e.id),r=ec(e),a=ed(e);if(i&&!o)return null;let c=!Y.current.has(e.id);return c&&Y.current.add(e.id),(0,l.jsxs)("div",{"data-rearrange-section":e.id,className:"".concat(eu.ghostOutline," ").concat(o?eu.selected:""," ").concat(f||s||N.has(e.id)?eu.exiting:""),style:{left:t.x,top:n,width:t.width,height:t.height,...en?{}:{opacity:0,animation:"none",transition:"none"},...!c?{animation:"none"}:{}},onMouseDown:t=>el(t,e.id),onDoubleClick:()=>L(e.id),children:[(0,l.jsx)("span",{className:eu.sectionLabel,style:{backgroundColor:eJ.pill},children:e.label}),(0,l.jsx)("span",{className:"".concat(eu.sectionAnnotation," ").concat(e.note?eu.annotationVisible:""),children:(e.note&&R.current.set(e.id,e.note),e.note||R.current.get(e.id)||"")}),(0,l.jsxs)("span",{className:eu.sectionDimensions,children:[Math.round(t.width)," \xd7 ",Math.round(t.height)]}),(0,l.jsx)("div",{className:eu.deleteButton,onMouseDown:e=>e.stopPropagation(),onClick:()=>ea(e.id),children:"â"}),eK.map(t=>(0,l.jsx)("div",{className:"".concat(eu.handle," ").concat(eu["handle".concat(t.charAt(0).toUpperCase()).concat(t.slice(1))]),onMouseDown:n=>es(n,e.id,t)},t)),(0,l.jsx)("span",{className:eu.ghostBadge,children:(()=>{let t=X.current.get(e.id);if(r&&a){let[e,n]="resize"===t?["Resize","Move"]:["Move","Resize"];return(0,l.jsxs)(l.Fragment,{children:["Suggested ",e," ",(0,l.jsxs)("span",{className:eu.ghostBadgeExtra,children:["& ",n]})]})}return"Suggested ".concat(a?"Resize":"Move")}
1)()})]},e.id)})]}),!i&&(()=>{let e=[];for(let t of eh){let n=U.get(t.id);e.push({id:t.id,orig:t.originalRect,target:n||t.currentRect,isFixed:t.isFixed,isSelected:y.has(t.id),isExiting:N.has(t.id)})}for(let[t,n]of U)if(!e.some(e=>e.id===t)){let o=g.find(e=>e.id===t);o&&e.push({id:t,orig:o.originalRect,target:n,isFixed:o.isFixed,isSelected:y.has(t)})}for(let[t,n]of q)e.some(e=>e.id===t)||e.push({id:t,orig:n.orig,target:n.target,isFixed:n.isFixed,isSelected:!1,isExiting:!0});return 0===e.length?null:(0,l.jsxs)("svg",{className:"".concat(eu.connectorSvg," ").concat(f||s?eu.connectorExiting:""),children:[e.map(e=>{let{id:t,orig:n,target:o,isFixed:r,isSelected:s,isExiting:a}=e,i=n.x+n.width/2,c=(r?n.y:n.y-A)+n.height/2,d=o.x+o.width/2,_=(r?o.y:o.y-A)+o.height/2,u=d-i,h=_-c,m=Math.sqrt(u*u+h*h);if(m<2)return null;let g=Math.min(1,m/40),p=Math.min(.3*m,60),y=(i+d)/2+(m>0?-h/m:0)*p,x=(c+_)/2+(m>0?u/m:0)*p,f=U.has(t),b=f||s?1:.5;return(0,l.jsxs)("g",{className:a?eu.connectorExiting:"",children:[(0,l.jsx)("path",{className:eu.connectorLine,d:"M ".concat(i," ").concat(c," Q ").concat(y," ").concat(x," ").concat(d," ").concat(_),fill:"none",stroke:"rgba(59, 130, 246, 0.45)",strokeWidth:"1.5",opacity:(f||s?1:.4)*g}),(0,l.jsx)("circle",{className:eu.connectorDot,cx:i,cy:c,r:4*g,fill:"rgba(59, 130, 246, 0.8)",stroke:"#fff",strokeWidth:"1.5",opacity:b*g,filter:"url(#connDotShadow)"}),(0,l.jsx)("circle",{className:eu.connectorDot,cx:d,cy:_,r:4*g,fill:"rgba(59, 130, 246, 0.8)",stroke:"#fff",strokeWidth:"1.5",opacity:b*g,filter:"url(#connDotShadow)"})]},"conn-".concat(t))}),(0,l.jsx)("defs",{children:(0,l.jsx)("filter",{id:"connDotShadow",x:"-50%",y:"-50%",width:"200%",height:"200%",children:(0,l.jsx)("feDropShadow",{dx:"0",dy:"0.5",stdDeviation:"1",floodOpacity:"0.15"})})})]})})(),k&&(()=>{var e;let t,n=g.find(e=>e.id===k);if(!n)return null;let o=n.currentRect,s=n.isFixed?o.y:o.y-A,a=o.x+o.width/2,i=s-8,c=s+o.height+8,d=c<window.innerHeight-100,_=Math.max(160,Math.min(window.innerWidth-160,a));return t=i>200?{left:_,bottom:window.innerHeight-i}:d?{left:_,top:c}:{left:_,top:Math.max(80,window.innerHeight/2-80)},(0,l.jsx)(ee,{element:n.label,placeholder:"Add a note about this section",initialValue:null!=(e=n.note)?e:"",submitLabel:M.current?"Save":"Set",onSubmit:B,onCancel:I,onDelete:M.current?()=>{B("")}:void 0,isExiting:C,lightMode:!r,style:t})})(),P&&(0,l.jsx)("div",{className:eu.sizeIndicator,style:{left:P.x,top:P.y},"data-feedback-toolbar":!0,children:P.text}),T.map((e,t)=>(0,l.jsx)("div",{className:eu.guideLine,style:"x"===e.axis?{position:"fixed",left:e.pos,top:0,width:1,height:"100vh"}:{position:"fixed",left:0,top:e.pos-A,width:"100vw",height:1}},"".concat(e.axis,"-").concat(e.pos,"-").concat(t)))]})}var e5=new Set(["script","style","noscript","link","meta","br","hr"]);function e2(e,t){let n=t?function(e){let t=window.scrollY;return e.map(e=>{let{label:n,selector:o,rect:r}=e,l=r.y-t;return{label:n,selector:o,top:l,bottom:l+r.height,left:r.x,right:r.x+r.width,area:r.width*r.height}})}(t):function(){let e=document.querySelector("main")||document.body,t=[],n=Array.from(e.children);for(let o of e!==document.body&&n.length<3?Array.from(document.body.children):n){if(!(o instanceof HTMLElement)||e5.has(o.tagName.toLowerCase())||o.hasAttribute("data-feedback-toolbar"))continue;let e=window.getComputedStyle(o);if("none"===e.display||"hidden"===e.visibility)continue;let n=o.getBoundingClientRect();if(!(n.height<10)&&!(n.width<10))for(let e of(t.push({label:eq(o),selector:eQ(o),top:n.top,bottom:n.bottom,left:n.left,right:n.right,area:n.width*n.height}),Array.from(o.children))){if(!(e instanceof HTMLElement)||e5.has(e.tagName.toLowerCase())||e.hasAttribute("data-feedback-toolbar"))continue;let n=window.getComputedStyle(e);if("none"===n.display||"hidden"===n.visibility)continue;let o=e.getBoundingClientRect();o.height<10||o.width<10||t.push({label:eq(e),selector:eQ(e),top:o.top,bottom:o.bottom,left:o.left,right:o.right,area:o.width*o.height})}}return t}(),o=function(e){let t=window.scrollY,n=e.y-t,o=e.x;return{top:n,bottom:n+e.height,left:o,right:o+e.width,area:e.width*e.height}}(e),r=null,l=null,s=null,a=null,i=null;for(let t of n){if(2>Math.abs(t.left-o.left)&&2>Math.abs(t.top-o.top)&&2>Math.abs(t.right-t.left-e.width)&&2>Math.abs(t.bottom-t.top-e.height))continue;t.left<=o.left+2&&t.right>=o.right-2&&t.top<=o.top+2&&t.bottom>=o.bottom-2&&t.area>1.5*o.area&&(!i||t.area<i._area)&&(i={label:t.label,selector:t.selector,_area:t.area});let n=o.right>t.left+5&&o.left<t.right-5,c=o.bottom>t.top+5&&o.top<t.bottom-5;if(n&&t.bottom<=o.top+5){let e=Math.round(o.top-t.bottom);(!r||e<r._dist)&&(r={label:t.label,selector:t.selector,gap:Math.max(0,e),_dist:e})}if(n&&t.top>=o.bottom-5){let e=Math.round(t.top-o.bottom);(!l||e<l._dist)&&(l={label:t.label,selector:t.selector,gap:Math.max(0,e),_dist:e})}if(c&&t.right<=o.left+5){let e=Math.round(o.left-t.right);(!s||e<s._dist)&&(s={label:t.label,selector:t.selector,gap:Math.max(0,e),_dist:e})}if(c&&t.left>=o.right-5){let e=Math.round(t.left-o.right);(!a||e<a._dist)&&(a={label:t.label,selector:t.selector,gap:Math.max(0,e),_dist:e})}}let c=window.innerWidth,d=window.innerHeight,_=function(e,t){if(e.width/t>.85)return"full-width";let n=e.x+e.width/2-t/2;return Math.abs(n)<.08*t?"center":n<0?"left":"right"}(e,c),u=e=>e?{label:e.label,selector:e.selector,gap:e.gap}:null,h=function(e,t,n,o,r,l){let s={},a=!1,i=[];if(e.left<-2&&i.push("left"),e.right>n+2&&i.push("right"),e.top<-2&&i.push("top"),e.bottom>o+2&&i.push("bottom"),i.length>0&&(s.viewport=i,a=!0),r){let t=l.find(e=>e.label===r.label&&e.selector===r.selector&&10>Math.abs(e.area-r._area));if(t){let n=[];e.left<t.left-2&&n.push("left"),e.right>t.right+2&&n.push("right"),e.top<t.top-2&&n.push("top"),e.bottom>t.bottom+2&&n.push("bottom"),n.length>0&&(s.container={label:r.label,edges:n},a=!0)}}return a?s:null}(o,0,c,d,i?{label:i.label,selector:i.selector,_area:i._area}:null,n);return{above:u(r),below:u(l),left:u(s),right:u(a),alignment:_,containedIn:i?{label:i.label,selector:i.selector}:null,outOfBounds:h}}function e4(e){switch(e){case"full-width":return"full-width";case"center":return"centered";case"left":return"left-aligned";case"right":return"right-aligned"}}function e6(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=[];e.above&&n.push("Below `".concat(e.above.label,"`").concat(e.above.gap>0?" (".concat(e.above.gap,"px gap)"):"")),e.below&&n.push("Above `".concat(e.below.label,"`").concat(e.below.gap>0?" (".concat(e.below.gap,"px gap)"):"")),t.includeLeftRight&&(e.left&&n.push("Right of `".concat(e.left.label,"`").concat(e.left.gap>0?" (".concat(e.left.gap,"px gap)"):"")),e.right&&n.push("Left of `".concat(e.right.label,"`").concat(e.right.gap>0?" (".concat(e.right.gap,"px gap)"):"")));let o=e4(e.alignment);return e.containedIn?n.push("".concat(o.charAt(0).toUpperCase()+o.slice(1)," in `").concat(e.containedIn.label,"`")):n.push("".concat(o.charAt(0).toUpperCase()+o.slice(1)," in page")),t.includePixelRef&&t.pixelRef&&n.push("Pixel ref: `".concat(t.pixelRef,"`")),e.outOfBounds&&(e.outOfBounds.viewport&&n.push("**Outside viewport** (".concat(e.outOfBounds.viewport.join(", ")," edge").concat(e.outOfBounds.viewport.length>
11?"s":"",")")),e.outOfBounds.container&&n.push("**Outside `".concat(e.outOfBounds.container.label,"`** (").concat(e.outOfBounds.container.edges.join(", ")," edge").concat(e.outOfBounds.container.edges.length>1?"s":"",")"))),n}function e3(e){if(e.length<2)return[];let t=[],n=new Set;for(let o=0;o<e.length;o++){if(n.has(o))continue;let r=[o];for(let t=o+1;t<e.length;t++)!n.has(t)&&15>Math.abs(e[o].rect.y-e[t].rect.y)&&r.push(t);if(r.length>=2){let o=r.map(t=>e[t]);o.sort((e,t)=>e.rect.x-t.rect.x);let l=[];for(let e=0;e<o.length-1;e++)l.push(Math.round(o[e+1].rect.x-(o[e].rect.x+o[e].rect.width)));let s=Math.round(o.reduce((e,t)=>e+t.rect.y,0)/o.length);t.push({labels:o.map(e=>e.label),type:"row",sharedEdge:s,gaps:l,avgGap:l.length?Math.round(l.reduce((e,t)=>e+t,0)/l.length):0}),r.forEach(e=>n.add(e))}}for(let o=0;o<e.length;o++){if(n.has(o))continue;let r=[o];for(let t=o+1;t<e.length;t++)!n.has(t)&&15>Math.abs(e[o].rect.x-e[t].rect.x)&&r.push(t);if(r.length>=2){let o=r.map(t=>e[t]);o.sort((e,t)=>e.rect.y-t.rect.y);let l=[];for(let e=0;e<o.length-1;e++)l.push(Math.round(o[e+1].rect.y-(o[e].rect.y+o[e].rect.height)));let s=Math.round(o.reduce((e,t)=>e+t.rect.x,0)/o.length);t.push({labels:o.map(e=>e.label),type:"column",sharedEdge:s,gaps:l,avgGap:l.length?Math.round(l.reduce((e,t)=>e+t,0)/l.length):0}),r.forEach(e=>n.add(e))}}return t}function e8(e){if("undefined"==typeof document)return{viewport:e,contentArea:null};let t=[],n=new Set,o=e=>{!(n.has(e)||!(e instanceof HTMLElement)||e.hasAttribute("data-feedback-toolbar"))&&(e5.has(e.tagName.toLowerCase())||(n.add(e),t.push(e)))},r=document.querySelector("main");r&&o(r);let l=document.querySelector("[role='main']");for(let e of(l&&o(l),Array.from(document.body.children)))if(o(e),e.children){for(let t of Array.from(e.children))if(o(t),t.children)for(let e of Array.from(t.children))o(e)}let s=null;for(let n of t){let t=n.getBoundingClientRect();if(t.height<50)continue;let o=getComputedStyle(n);if(o.maxWidth&&"none"!==o.maxWidth&&"0px"!==o.maxWidth){(!s||t.width<s.rect.width)&&(s={el:n,rect:t});continue}!s&&t.width<e.width-20&&t.width>100&&(s={el:n,rect:t})}if(s){let{el:t,rect:n}=s;return{viewport:e,contentArea:{width:Math.round(n.width),left:Math.round(n.left),right:Math.round(n.right),centerX:Math.round(n.left+n.width/2),selector:eQ(t)}}}return{viewport:e,contentArea:null}}function e7(e,t){let n=t.contentArea,o=n?n.width:t.viewport.width,r=n?n.left:0,l=n?n.centerX:Math.round(t.viewport.width/2),s=Math.round(e.x-r),a=Math.round(r+o-(e.x+e.width)),i=(e.width/o*100).toFixed(1),c=20>Math.abs(e.x+e.width/2-l),d=e.width/o>.95,_=[];return d?_.push("`width: 100%` of container"):_.push("left `".concat(s,"px` in container, right `").concat(a,"px`, width `").concat(i,"%` (`").concat(Math.round(e.width),"px`)")),c&&!d&&_.push("centered â `margin-inline: auto`"),_.join(" â ")}function e9(e){let{viewport:t,contentArea:n}=e,o="### Reference Frame\n";return o+="- Viewport: `".concat(t.width,"\xd7").concat(t.height,"px`\n"),n?(o+="- Content area: `".concat(n.width,"px` wide, left edge at `x=").concat(n.left,"`, right at `x=").concat(n.right,"` (`").concat(n.selector,"`)\n"),o+="- Pixel â CSS translation:\n",o+=" - **Horizontal position in container**: `element.x - ".concat(n.left,"` â use as `margin-left` or `left`\n"),o+=" - **Width as % of container**: `element.width / ".concat(n.width," \xd7 100` â use as `width: X%`\n"),o+=" - **Vertical gap between elements**: `nextElement.y - (prevElement.y + prevElement.height)` â use as `margin-top` or `gap`\n",o+=" - **Centered**: if `|element.centerX - ".concat(n.centerX,"| < 20px` â use `margin-inline: auto`\n")):(o+="- No distinct content container â elements positioned relative to full viewport\n",o+="- Pixel â CSS translation:\n",o+=" - **Width as % of viewport**: `element.width / ".concat(t.width," \xd7 100` â use as `width: X%`\n"),o+=" - **Centered**: if `|(element.x + element.width/2) - ".concat(Math.round(t.width/2),"| < 20px` â use `margin-inline: auto`\n")),o+="\n"}function te(e,t,n){let o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"standard";if(0===e.length)return"";let r=[...e].sort((e,t)=>
120>Math.abs(e.y-t.y)?e.x-t.x:e.y-t.y),l="";if((null==n?void 0:n.blankCanvas)?(l+="## Wireframe: New Page\n\n",n.wireframePurpose&&(l+="> **Purpose:** ".concat(n.wireframePurpose,"\n>\n")),l+="> ".concat(e.length," component").concat(1!==e.length?"s":""," placed â this is a standalone wireframe, not related to the current page.\n>\n> This wireframe is a rough sketch for exploring ideas.\n\n")):l+="## Design Layout\n\n> ".concat(e.length," component").concat(1!==e.length?"s":""," placed\n\n"),"compact"===o)return l+="### Components\n",r.forEach((e,t)=>{var n;let o=(null==(n=es[e.type])?void 0:n.label)||e.type;l+="".concat(t+1,". **").concat(o,"** â `").concat(Math.round(e.width),"\xd7").concat(Math.round(e.height),"px` at `(").concat(Math.round(e.x),", ").concat(Math.round(e.y),")`\n")}),l;let s=e8(t);l+=e9(s),l+="### Components\n",r.forEach((e,t)=>{var n;let r=(null==(n=es[e.type])?void 0:n.label)||e.type,a={x:e.x,y:e.y,width:e.width,height:e.height};for(let n of(l+="".concat(t+1,". **").concat(r,"** â `").concat(Math.round(e.width),"\xd7").concat(Math.round(e.height),"px` at `(").concat(Math.round(e.x),", ").concat(Math.round(e.y),")`\n"),e6(e2(a),{includeLeftRight:"detailed"===o||"forensic"===o})))l+=" - ".concat(n,"\n");let i=e7(a,s);i&&(l+=" - CSS: ".concat(i,"\n"))}),l+="\n### Layout Analysis\n";let a=[];for(let e of r){let t=a.find(t=>30>Math.abs(t.y-e.y));t?t.items.push(e):a.push({y:e.y,items:[e]})}if(a.sort((e,t)=>e.y-t.y),a.forEach((e,n)=>{e.items.sort((e,t)=>e.x-t.x);let o=e.items.map(e=>{var t;return(null==(t=es[e.type])?void 0:t.label)||e.type});if(1===e.items.length){let r=e.items[0].width>.8*t.width;l+="- Row ".concat(n+1," (yâ").concat(Math.round(e.y),"): ").concat(o[0]).concat(r?" â full width":"","\n")}else l+="- Row ".concat(n+1," (yâ").concat(Math.round(e.y),"): ").concat(o.join(" | ")," â ").concat(e.items.length," items side by side\n")}),"detailed"===o||"forensic"===o){var i,c,d,_;l+="\n### Spacing & Gaps\n";for(let e=0;e<r.length-1;e++){let t=r[e],n=r[e+1],o=(null==(i=es[t.type])?void 0:i.label)||t.type,s=(null==(c=es[n.type])?void 0:c.label)||n.type,a=Math.round(n.y-(t.y+t.height)),d=Math.round(n.x-(t.x+t.width));30>Math.abs(t.y-n.y)?l+="- ".concat(o," â ").concat(s,": `").concat(d,"px` horizontal gap\n"):l+="- ".concat(o," â ").concat(s,": `").concat(a,"px` vertical gap\n")}if("forensic"===o&&r.length>2){l+="\n### All Pairwise Gaps\n";for(let e=0;e<r.length;e++)for(let t=e+1;t<r.length;t++){let n=r[e],o=r[t],s=(null==(d=es[n.type])?void 0:d.label)||n.type,a=(null==(_=es[o.type])?void 0:_.label)||o.type,i=Math.round(o.y-(n.y+n.height)),c=Math.round(o.x-(n.x+n.width));l+="- ".concat(s," â ").concat(a,": h=`").concat(c,"px` v=`").concat(i,"px`\n")}}"forensic"===o&&(l+="\n### Z-Order (placement order)\n",e.forEach((e,t)=>{var n;let o=(null==(n=es[e.type])?void 0:n.label)||e.type;l+="".concat(t,". ").concat(o," at `(").concat(Math.round(e.x),", ").concat(Math.round(e.y),")`\n")}))}l+="\n### Suggested Implementation\n";let u=r.some(e=>"navigation"===e.type),h=r.some(e=>"hero"===e.type),m=r.some(e=>"sidebar"===e.type),g=r.some(e=>"footer"===e.type),p=r.filter(e=>"card"===e.type),y=r.filter(e=>"form"===e.type),x=r.filter(e=>"table"===e.type),f=r.filter(e=>"modal"===e.type);if(u&&(l+="- Top navigation bar with logo + nav links + CTA\n"),h&&(l+="- Hero section with heading, subtext, and call-to-action\n"),m&&(l+="- Sidebar layout â use CSS Grid with sidebar + main content area\n"),p.length>1?l+="- ".concat(p.length,"-column card grid â use CSS Grid or Flexbox\n"):1===p.length&&(l+="- Card component with image + content area\n"),y.length>0&&(l+="- ".concat(y.length," form").concat(y.length>1?"s":""," â add proper labels, validation, and submit handling\n")),x.length>0&&(l+="- Data table â consider sortable columns and pagination\n"),f.length>0&&(l+="- Modal dialog â add overlay backdrop and focus trapping\n"),g&&(l+="- Multi-column footer with links\n"),"detailed"===o||"forensic"===o){if(l+="\n### CSS Suggestions\n",m){let e=r.find(e=>"sidebar"===e.type);l+="- `display: grid; grid-template-columns: ".concat(Math.round(e.width),"px 1fr;`\n")}if(p.length>1){let e=Math.round(p[0].width);l+="- `display: grid; grid-template-columns: repeat(".concat(p.length,", ").concat(e,"px); gap: 16px;`\n")}u&&(l+="- Navigation: `position: sticky; top: 0; z-index: 50;`\n")}return l}function tt(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"standard",n=arguments.length>2?arguments[2]:void 0,{sections:o}=e,r=[];for(let e of o){let n=e.originalRect,o=e.currentRect,l=Math.abs(n.x-o.x)>1||Math.abs(n.y-o.y)>1,s=Math.abs(n.width-o.width)>1||Math.abs(n.height-o.height)>1;if(!l&&!s){"forensic"===t&&r.push({section:e,posMoved:!1,sizeChanged:!1});continue}r.push({section:e,posMoved:l,sizeChanged:s})}if(0===r.length||"forensic"!==t&&r.every(e=>!e.posMoved&&!e.sizeChanged))return"";let l="## Suggested Layout Changes\n\n",s=e8({width:n?n.width:"undefined"!=typeof window?window.innerWidth:0,height:n?n.height:"undefined"!=typeof window?window.innerHeight:0});"compact"!==t&&(l+=e9(s)),"forensic"===t&&(l+="> Detected at: `".concat(new Date(e.detectedAt).toISOString(),"`\n"),l+="> Total sections: ".concat(o.length,"\n\n"));let a=e=>o.map(t=>({label:t.label,selector:t.selector,rect:"original"===e?t.originalRect:t.currentRect}));for(let{section:e,posMoved:n,sizeChanged:o}
1of(l+="**Changes:**\n",r)){let r=e.originalRect,i=e.currentRect;if(!n&&!o){l+="- ".concat(e.label," â unchanged at (").concat(Math.round(i.x),", ").concat(Math.round(i.y),") ").concat(Math.round(i.width),"\xd7").concat(Math.round(i.height),"px\n");continue}if("compact"===t){n&&o?l+="- Suggested: move **".concat(e.label,"** to (").concat(Math.round(i.x),", ").concat(Math.round(i.y),") ").concat(Math.round(i.width),"\xd7").concat(Math.round(i.height),"px\n"):n?l+="- Suggested: move **".concat(e.label,"** to (").concat(Math.round(i.x),", ").concat(Math.round(i.y),")\n"):l+="- Suggested: resize **".concat(e.label,"** to ").concat(Math.round(i.width),"\xd7").concat(Math.round(i.height),"px\n");continue}if(n&&o?l+="- Suggested: move and resize **".concat(e.label,"**\n"):n?l+="- Suggested: move **".concat(e.label,"**\n"):l+="- Suggested: resize **".concat(e.label,"** from ").concat(Math.round(r.width),"\xd7").concat(Math.round(r.height),"px to ").concat(Math.round(i.width),"\xd7").concat(Math.round(i.height),"px\n"),n){let e=e2(r,a("original")),n=e2(i,a("current")),c=o?{width:r.width,height:r.height}:void 0;l+=" - Currently ".concat(function(e,t,n){var o,r;let l=[];e.above&&l.push("below `".concat(e.above.label,"`")),e.below&&l.push("above `".concat(e.below.label,"`")),e.left&&l.push("right of `".concat(e.left.label,"`")),e.right&&l.push("left of `".concat(e.right.label,"`")),e.containedIn&&l.push("inside `".concat(e.containedIn.label,"`")),l.push(e4(e.alignment)),(null==(o=e.outOfBounds)?void 0:o.viewport)&&l.push("**outside viewport** (".concat(e.outOfBounds.viewport.join(", "),")")),(null==(r=e.outOfBounds)?void 0:r.container)&&l.push("**outside `".concat(e.outOfBounds.container.label,"`** (").concat(e.outOfBounds.container.edges.join(", "),")"));let s=n?", ".concat(Math.round(n.width),"\xd7").concat(Math.round(n.height),"px"):"";return"at (".concat(Math.round(t.x),", ").concat(Math.round(t.y),")").concat(s,": ").concat(l.join(", "))}(e,{x:r.x,y:r.y},c),"\n");let d=o?{width:i.width,height:i.height}:void 0,_="at (".concat(Math.round(i.x),", ").concat(Math.round(i.y),")"),u=d?", ".concat(Math.round(d.width),"\xd7").concat(Math.round(d.height),"px"):"",h=e6(n,{includeLeftRight:"detailed"===t||"forensic"===t});if(h.length>0){l+=" - Suggested position ".concat(_).concat(u,": ").concat(h[0],"\n");for(let e=1;e<h.length;e++)l+=" ".concat(h[e],"\n")}else l+=" - Suggested position ".concat(_).concat(u,"\n");let m=e7(i,s);m&&(l+=" - CSS: ".concat(m,"\n"))}let c=function(e){let t=function(e){if("undefined"==typeof document)return null;let t=document.querySelector(e);if(!(null==t?void 0:t.parentElement))return null;let n=getComputedStyle(t.parentElement),o={parentDisplay:n.display,parentSelector:eQ(t.parentElement)};return n.display.includes("flex")&&(o.flexDirection=n.flexDirection),n.display.includes("grid")&&"none"!==n.gridTemplateColumns&&(o.gridCols=n.gridTemplateColumns),n.gap&&"normal"!==n.gap&&"0px"!==n.gap&&(o.gap=n.gap),o}(e);if(!t)return null;let n="`".concat(t.parentDisplay,"`");return t.flexDirection&&(n+=", flex-direction: `".concat(t.flexDirection,"`")),t.gridCols&&(n+=", grid-template-columns: `".concat(t.gridCols,"`")),t.ga
1p&&(n+=", gap: `".concat(t.gap,"`")),"Parent: ".concat(n," (`").concat(t.parentSelector,"`)")}(e.selector);if(c&&(l+=" - ".concat(c,"\n")),l+=" - Selector: `".concat(e.selector,"`\n"),"detailed"===t||"forensic"===t){let n=e.className?"".concat(e.tagName,".").concat(e.className.split(" ")[0]):e.tagName;n!==e.selector&&(l+=" - Element: `".concat(n,"`\n")),e.role&&(l+=" - Role: `".concat(e.role,"`\n")),"forensic"===t&&e.textSnippet&&(l+=' - Text: "'.concat(e.textSnippet,'"\n'))}"forensic"===t&&(l+=" - Original rect: `{ x: ".concat(Math.round(r.x),", y: ").concat(Math.round(r.y),", w: ").concat(Math.round(r.width),", h: ").concat(Math.round(r.height)," }`\n"),l+=" - Current rect: `{ x: ".concat(Math.round(i.x),", y: ").concat(Math.round(i.y),", w: ").concat(Math.round(i.width),", h: ").concat(Math.round(i.height)," }`\n"))}if("compact"!==t){let e=function(e){if(e.length<2)return[];let t=e3(e.map(e=>({label:e.label,rect:e.originalRect}))),n=e3(e.map(e=>({label:e.label,rect:e.currentRect}))),o=[],r=new Set;for(let e of t){let t=new Set(e.labels),l=null,s=0;for(let e of n){let n=e.labels.filter(e=>t.has(e)).length;n>=2&&n>s&&(l=e,s=n)}if(l){let n=l.labels.filter(e=>t.has(e)),s=n.join(", ");if(l.type!==e.type){let t="row"===e.type?"y":"x",n="row"===l.type?"y":"x";o.push("**".concat(s,"**: ").concat(e.type," (").concat(t,"â").concat(e.sharedEdge,", ").concat(e.avgGap,"px gaps) â ").concat(l.type," (").concat(n,"â").concat(l.sharedEdge,", ").concat(l.avgGap,"px gaps)"))}else if(Math.abs(e.sharedEdge-l.sharedEdge)>20||Math.abs(e.avgGap-l.avgGap)>5){let t="row"===e.type?"y":"x",n=Math.abs(e.sharedEdge-l.sharedEdge)>20?" ".concat(t,": ").concat(e.sharedEdge," â ").concat(l.sharedEdge):"",r=Math.abs(e.avgGap-l.avgGap)>5?" gaps: ".concat(e.avgGap,"px â ").concat(l.avgGap,"px"):"";o.push("**".concat(s,"**: ").concat(e.type," shifted â").concat(n).concat(r))}n.forEach(e=>r.add(e))}else{let t=e.labels.join(", "),n="row"===e.type?"y":"x";o.push("**".concat(t,"**: ").concat(e.type," (").concat(n,"â").concat(e.sharedEdge,") dissolved")),e.labels.forEach(e=>r.add(e))}}for(let e of n)if(!e.labels.every(e=>r.has(e))&&!(e.labels.filter(e=>!r.has(e)).length<2)&&!t.some(t=>t.labels.filter(t=>e.labels.includes(t)).length>=2)){let t="row"===e.type?"y":"x";o.push("**".concat(e.labels.join(", "),"**: new ").concat(e.type," (").concat(t,"â").concat(e.sharedEdge,", ").concat(e.avgGap,"px gaps)")),e.labels.forEach(e=>r.add(e))}let l=e.filter(e=>!r.has(e.label));if(l.length>=2){let e={};for(let t of l){var s;let n=5*Math.round(t.currentRect.x/5);(null!=(s=e[n])?s:e[n]=[]).push(t.label)}for(let[t,n]of Object.entries(e))n.length>=2&&o.push("**".concat(n.join(", "),"**: shared left edge at xâ").concat(t))}return o}(r.filter(e=>e.posMoved).map(e=>({label:e.section.label,originalRect:e.section.originalRect,currentRect:e.section.currentRect})));if(e.length>0)for(let t of(l+="\n### Layout Summary\n",e))l+="- ".concat(t,"\n")}if("compact"!==t&&o.length>1)for(let e of(l+="\n### All Sections (current positions)\n",[...o].sort((e,t)=>20>Math.abs(e.currentRect.y-t.currentRect.y)?e.currentRect.x-t.currentRect.x:e.currentRect.y-t.currentRect.y))){let t=e.currentRect,n=Math.abs(t.x-e.originalRect.x)>1||Math.abs(t.y-e.originalRect.y)>1||Math.abs(t.width-e.originalRect.width)>1||Math.abs(t.height-e.originalRect.height)>1;l+="- ".concat(e.label,": `").concat(Math.round(t.width),"\xd7").concat(Math.round(t.height),"px` at `(").concat(Math.round(t.x),", ").concat(Math.round(t.y),")`").concat(n?" â suggested":"","\n")}return l}var tn="feedback-annotations-";function to(e){return"".concat(tn).concat(e)}function tr(e){if("undefined"==typeof window)return[];try{let t=localStorage.getItem(to(e));if(!t)return[];let n=JSON.parse(t),o=Date.now()-6048e5;return n.filter(e=>!e.timestamp||e.timestamp>o)}catch(e){return[]}}function tl(e,t){if("undefined"!=typeof window)try{localStorage.setItem(to(e),JSON.stringify(t))}catch(e){}}function ts(e,t,n){tl(e,t.map(e=>({...e,_syncedTo:n})))}var ta="agentation-design-",ti="agentation-rearrange-",tc="agentation-wireframe-";function td(e,t){if("undefined"!=typeof window)try{localStorage.setItem("".concat(tc).concat(e),JSON.stringify(t))}catch(e){}}function t_(e){if("undefined"!=typeof window)try{localStorage.removeItem("".concat(tc).concat(e))}catch(e){}}
1var tu="agentation-session-";function th(e){return"".concat(tu).concat(e)}function tm(e,t){if("undefined"!=typeof window)try{localStorage.setItem(th(e),t)}catch(e){}}var tg="".concat(tu,"toolbar-hidden");async function tp(e,t){let n=await fetch("".concat(e,"/sessions"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:t})});if(!n.ok)throw Error("Failed to create session: ".concat(n.status));return n.json()}async function ty(e,t){let n=await fetch("".concat(e,"/sessions/").concat(t));if(!n.ok)throw Error("Failed to get session: ".concat(n.status));return n.json()}async function tx(e,t,n){let o=await fetch("".concat(e,"/sessions/").concat(t,"/annotations"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(!o.ok)throw Error("Failed to sync annotation: ".concat(o.status));return o.json()}async function tf(e,t,n){let o=await fetch("".concat(e,"/annotations/").concat(t),{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(!o.ok)throw Error("Failed to update annotation: ".concat(o.status));return o.json()}async function tb(e,t){let n=await fetch("".concat(e,"/annotations/").concat(t),{method:"DELETE"});if(!n.ok)throw Error("Failed to delete annotation: ".concat(n.status))}var tw={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},tv=new Set(["Component","PureComponent","Fragment","Suspense","Profiler","StrictMode","Routes","Route","Outlet","Root","ErrorBoundaryHandler","HotReload","Hot"]),tk=[/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$/],tj=[/Page$/,/View$/,/Screen$/,/Section$/,/Card$/,/List$/,/Item$/,/Form$/,/Modal$/,/Dialog$/,/Button$/,/Nav$/,/Header$/,/Footer$/,/Layout$/,/Panel$/,/Tab$/,/Menu$/],tC=null;function tS(e){return Object.keys(e).some(e=>e.startsWith("__reactFiber$")||e.startsWith("__reactInternalInstance$")||e.startsWith("__reactProps$"))}var tM={map:new WeakMap};function tL(e){return e?e.displayName?e.displayName:e.name?e.name:null:null}var tI={FunctionComponent:0,IndeterminateComponent:2,ForwardRef:11,MemoComponent:14,SimpleMemoComponent:15};function tB(e){if(!e.type||"string"==typeof e.type)return null;if("object"==typeof e.type||"function"==typeof e.type){let t=e.type;if(t.displayName)return t.displayName;if(t.name)return t.name}return null}var tN=new Map;function tE(e){let t=function(e){if(!e||"object"!=typeof e)return null;let t=Object.keys(e),n=t.find(e=>e.startsWith("__reactFiber$"));if(n)return e[n]||null;let o=t.find(e=>e.startsWith("__reactInternalInstance$"));if(o)return e[o]||null;let r=t.find(t=>{if(!t.startsWith("__react"))return!1;let n=e[t];return n&&"object"==typeof n&&"_debugSource"in n});return r&&e[r]||null}(e);if(!t)return{found:!1,reason:"no-fiber",isReactApp:!1,isProduction:!1};let n=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:50,n=e,o=0;for(;n&&o<t;){var r;if(n._debugSource)return{source:n._debugSource,componentName:tB(n)};if(null==(r=n._debugOwner)?void 0:r._debugSource)return{source:n._debugOwner._debugSource,componentName:tB(n._debugOwner)};n=n.return,o++}return null}(t);if(n||(n=function(e){let t=e,n=0;for(;t&&n<50;){let e=t;for(let n of["_debugSource","__source","_source","debugSource"]){let o=e[n];if(o&&"object"==typeof o&&"fileName"in o)return{source:o,componentName:tB(t)}}if(t.memoizedProps){let e=t.memoizedProps;if(e.__source&&"object"==typeof e.__source){let n=e.__source;if(n.fileName&&n.lineNumber)return{source:{fileName:n.fileName,lineNumber:n.lineNumber,columnNumber:n.columnNumber},componentName:tB(t)}}}t=t.return,n++}return null}(t)),null==n?void 0:n.source)return{found:!0,source:{fileName:n.source.fileName,lineNumber:n.source.lineNumber,columnNumber:n.source.columnNumber,componentName:n.componentName||void 0},isReactApp:!0,isProduction:!1};let r=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:15,n=e,r=0;for(;n&&r<t;){let e=function(e){let t=function(e){var t;let n=e.tag,o=e.type,r=e.elementType;if("string"==typeof o||null==o||"function"==typeof o&&(null==(t=o.prototype)?void 0:t.isReactComponent))return null;if((n===tI.FunctionComponent||n===tI.IndeterminateComponent)&&"function"==typeof o)return o;if(n===tI.ForwardRef&&r){let e=r.render;if("function"==typeof e)return e}if((n===tI.MemoComponent||n===tI.SimpleMemoComponent)&&r){let e=r.type;if("function"==typeof e)return e}return"function"==typeof o?o:null}(e);if(!t)return null;if(tN.has(t))return tN.get(t);let n=function(){let e=o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;if(e&&"H"in e)return{get:()=>e.H,set:t=>{e.H=t}};
1let t=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(t){let e=t.ReactCurrentDispatcher;if(e&&"current"in e)return{get:()=>e.current,set:t=>{e.current=t}}}return null}();if(!n)return tN.set(t,null),null;let r=n.get(),l=null;try{let o=new Proxy({},{get(){throw Error("probe")}});n.set(o);try{t({})}catch(t){if(t instanceof Error&&"probe"===t.message&&t.stack){let n=function(e){let t=e.split("\n"),n=[/source-location/,/\/dist\/index\./,/node_modules\//,/react-dom/,/react\.development/,/react\.production/,/chunk-[A-Z0-9]+/i,/react-stack-bottom-frame/,/react-reconciler/,/scheduler/,/<anonymous>/],o=/^\s*at\s+(?:.*?\s+\()?(.+?):(\d+):(\d+)\)?$/,r=/^[^@]*@(.+?):(\d+):(\d+)$/;for(let e of t){let t=e.trim();if(!t||n.some(e=>e.test(t)))continue;let l=o.exec(t)||r.exec(t);if(l)return{fileName:l[1],line:parseInt(l[2],10),column:parseInt(l[3],10)}}return null}(t.stack);n&&(l={fileName:n.fileName.replace(/[?#].*$/,"").replace(/^turbopack:\/\/\/\[project\]\//,"").replace(/^webpack-internal:\/\/\/\.\//,"").replace(/^webpack-internal:\/\/\//,"").replace(/^webpack:\/\/\/\.\//,"").replace(/^webpack:\/\/\//,"").replace(/^turbopack:\/\/\//,"").replace(/^https?:\/\/[^/]+\//,"").replace(/^file:\/\/\//,"/").replace(/^\([^)]+\)\/\.\//,"").replace(/^\.\//,""),lineNumber:n.line,columnNumber:n.column,componentName:tB(e)||void 0})}}}finally{n.set(r)}return tN.set(t,l),l}(n);if(e)return e;n=n.return,r++}return null}(t);return r?{found:!0,source:r,isReactApp:!0,isProduction:!1}:{found:!1,reason:"no-debug-source",isReactApp:!0,isProduction:!1}}if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-page-toolbar-css-styles");e||((e=document.createElement("style")).id="feedback-tool-styles-page-toolbar-css-styles",document.head.appendChild(e)),e.textContent='.styles-module__toolbar___wNsdK svg[fill=none],\n.styles-module__markersLayer___-25j1 svg[fill=none],\n.styles-module__fixedMarkersLayer___ffyX6 svg[fill=none] {\n fill: none !important;\n}\n.styles-module__toolbar___wNsdK svg[fill=none] :not([fill]),\n.styles-module__markersLayer___-25j1 svg[fill=none] :not([fill]),\n.styles-module__fixedMarkersLayer___ffyX6 svg[fill=none] :not([fill]) {\n fill: none !important;\n}\n\n.styles-module__controlsContent___9GJWU :where(button, input, select, textarea, label) {\n background: unset;\n border: unset;\n border-radius: unset;\n padding: unset;\n margin: unset;\n color: unset;\n font-family: unset;\n font-weight: unset;\n font-style: unset;\n line-height: unset;\n letter-spacing: unset;\n text-transform: unset;\n text-decoration: unset;\n box-shadow: unset;\n outline: unset;\n}\n\n@keyframes styles-module__toolbarEnter___u8RRu {\n from {\n opacity: 0;\n transform: scale(0.5) rotate(90deg);\n }\n to {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n}\n@keyframes styles-module__toolbarHide___y8kaT {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.8);\n }\n}\n@keyframes styles-module__badgeEnter___mVQLj {\n from {\n opacity: 0;\n transform: scale(0);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__scaleIn___c-r1K {\n from {\n opacity: 0;\n transform: scale(0.85);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__scaleOut___Wctwz {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.85);\n }\n}\n@keyframes styles-module__slideUp___kgD36 {\n from {\n opacity: 0;\n transform: scale(0.85) translateY(8px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n@keyframes styles-module__slideDown___zcdje {\n from {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n to {\n opacity: 0;\n transform: scale(0.85) translateY(8px);\n }\n}\n@keyframes styles-module__fadeIn___b9qmf {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes styles-module__fadeOut___6Ut6- {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes styles-module__hoverHighlightIn___6WYHY {\n from {\n opacity: 0;\n transform: scale(0.98);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__hoverTooltipIn___FYGQx {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(4px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n.styles-module__disableTransitions___EopxO :is(*, *::before, *::after) {\n transition: none !important;\n}\n\n.styles-module__toolbar___wNsdK {\n position: fixed;\n bottom: 1.25rem;\n right: 1.25rem;\n width: 337px;\n z-index: 100000;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n pointer-events: none;\n transition: left 0s, top 0s, right 0s, bottom 0s;\n}\n\n:where(.styles-module__toolbar___wNsdK) {\n bottom: 1.25rem;\n right: 1.25rem;\n}\n\n.styles-module__toolbarContainer___dIhma {\n position: relative;\n user-select: none;\n margin-left: auto;\n align-self: flex-end;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #1a1a1a;\n color: #fff;\n border: none;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1);\n pointer-events: auto;\n transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__entrance___sgHd8 {\n animation: styles-module__toolbarEnter___u8RRu 0.5s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__hiding___1td44 {\n animation: styles-module__toolbarHide___y8kaT 0.4s cubic-bezier(0.4, 0, 1, 1) forwards;\n pointer-events: none;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn {\n width: 44px;\n height: 44px;\n border-radius: 22px;\n padding: 0;\n cursor: pointer;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn svg {\n margin-top: -1
1px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n background: #2a2a2a;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:active {\n transform: scale(0.95);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx {\n height: 44px;\n border-radius: 1.5rem;\n padding: 0.375rem;\n width: 297px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx.styles-module__serverConnected___Gfbou {\n width: 337px;\n}\n\n.styles-module__toggleContent___0yfyP {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: opacity 0.1s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toggleContent___0yfyP.styles-module__visible___KHwEW {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n}\n.styles-module__toggleContent___0yfyP.styles-module__hidden___Ae8H4 {\n opacity: 0;\n pointer-events: none;\n}\n\n.styles-module__controlsContent___9GJWU {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n transition: filter 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__controlsContent___9GJWU.styles-module__visible___KHwEW {\n opacity: 1;\n filter: blur(0px);\n transform: scale(1);\n visibility: visible;\n pointer-events: auto;\n}\n.styles-module__controlsContent___9GJWU.styles-module__hidden___Ae8H4 {\n pointer-events: none;\n opacity: 0;\n filter: blur(10px);\n transform: scale(0.4);\n}\n\n.styles-module__badge___2XsgF {\n position: absolute;\n top: -13px;\n right: -13px;\n user-select: none;\n min-width: 18px;\n height: 18px;\n padding: 0 5px;\n border-radius: 9px;\n background-color: var(--agentation-color-accent);\n color: white;\n font-size: 0.625rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.04);\n opacity: 1;\n transition: transform 0.3s ease, opacity 0.2s ease;\n transform: scale(1);\n}\n.styles-module__badge___2XsgF.styles-module__fadeOut___6Ut6- {\n opacity: 0;\n transform: scale(0);\n pointer-events: none;\n}\n.styles-module__badge___2XsgF.styles-module__entrance___sgHd8 {\n animation: styles-module__badgeEnter___mVQLj 0.3s cubic-bezier(0.34, 1.2, 0.64, 1) 0.4s both;\n}\n\n.styles-module__controlButton___8Q0jc {\n position: relative;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: none;\n background: transparent;\n color: rgba(255, 255, 255, 0.85);\n transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease, opacity 0.2s ease;\n}\n.styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n}\n.styles-module__controlButton___8Q0jc:active:not(:disabled) {\n transform: scale(0.92);\n}\n.styles-module__controlButton___8Q0jc:disabled {\n opacity: 0.35;\n cursor: not-allowed;\n}\n.styles-module__controlButton___8Q0jc[data-active=true] {\n color: var(--agentation-color-blue);\n background-color: color-mix(in srgb, var(--agentation-color-blue) 25%, transparent);\n}\n.styles-module__controlButton___8Q0jc[data-error=true] {\n color: var(--agentation-color-red);\n background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n}\n.styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n color: var(--agentation-color-red);\n}\n.styles-module__controlButton___8Q0jc[data-no-hover=true], .styles-module__controlButton___8Q0jc.styles-module__statusShowing___te6iu {\n cursor: default;\n pointer-events: none;\n background: transparent !important;\n}\n.styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n color: var(--agentation-color-green);\n background: transparent;\n cursor: default;\n}\n.styles-module__controlButton___8Q0jc[data-failed=true] {\n color: var(--agentation-color-red);\n background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n}\n\n.styles-module__buttonBadge___NeFWb {\n position: absolute;\n top: 0px;\n right: 0px;\n min-width: 16px;\n height: 16px;\n padding: 0 4px;\n border-radius: 8px;\n background-color: var(--agentation-color-accent);\n color: white;\n font-size: 0.625rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 0 0 2px #1a1a1a, 0 1px 3px rgba(0, 0, 0, 0.2);\n pointer-events: none;\n}\n[data-agentation-theme=light] .styles-module__buttonBadge___NeFWb {\n box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n@keyframes styles-module__mcpIndicatorPulseConnected___EDodZ {\n 0%, 100% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-green) 50%, transparent);\n }\n 50% {\n box-shadow: 0 0 0 5px color-mix(in srgb, var(--agentation-color-green) 0%, transparent);\n }\n}\n@keyframes styles-module__mcpIndicatorPulseConnecting___cCYte {\n 0%, 100% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-yellow) 50%, transparent);\n }\n 50% {\n box-shadow: 0 0 0 5px color-mix(in srgb, var(--agentation-color-yellow) 0%, transparent);\n }\n}\n.styles-module__mcpIndicator___zGJeL {\n position: absolute;\n top: 3px;\n right: 3px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n pointer-events: none;\n transition: background-color 0.3s ease, opacity 0.15s ease, transform 0.15s ease;\n opacity: 1;\n transform: scale(1);\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connected___7c28g {\n background-color: var(--agentation-color-green);\n animation: styles-module__mcpIndicatorPulseConnected___EDodZ 2.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connecting___uo-CW {\n background-color: var(--agentation-color-yellow);\n animation: styles-module__mcpIndicatorPulseConnecting___cCYte 1.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__hidden___Ae8H4 {\n opacity: 0;\n transform: scale(0);\n animation: none;\n}\n\n@keyframes styles-module__connectionPulse___-Zycw {\n 0%, 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.6;\n transform: scale(0.9);\n }\n}\n.styles-module__connectionIndicatorWrapper___L-e-3 {\n width: 8px;\n height: 34px;\n margin-left: 6px;\n margin-right: 6px;\n}\n\n.styles-module__connectionIndicator___afk9p {\n position: relative;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.3s ease, background-color 0.3s ease;
1\n cursor: default;\n}\n\n.styles-module__connectionIndicatorVisible___C-i5B {\n opacity: 1;\n}\n\n.styles-module__connectionIndicatorConnected___IY8pR {\n background-color: var(--agentation-color-green);\n animation: styles-module__connectionPulse___-Zycw 2.5s ease-in-out infinite;\n}\n\n.styles-module__connectionIndicatorDisconnected___kmpaZ {\n background-color: var(--agentation-color-red);\n animation: none;\n}\n\n.styles-module__connectionIndicatorConnecting___QmSLH {\n background-color: var(--agentation-color-yellow);\n animation: styles-module__connectionPulse___-Zycw 1s ease-in-out infinite;\n}\n\n.styles-module__buttonWrapper___rBcdv {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n opacity: 1;\n visibility: visible;\n transform: translateX(-50%) scale(1);\n transition-delay: 0.85s;\n}\n.styles-module__buttonWrapper___rBcdv:has(.styles-module__controlButton___8Q0jc:disabled):hover .styles-module__buttonTooltip___Burd9 {\n opacity: 0;\n visibility: hidden;\n}\n\n.styles-module__tooltipsInSession___-0lHH .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n transition-delay: 0s;\n}\n\n.styles-module__sendButtonWrapper___UUxG6 {\n width: 0;\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n margin-left: -0.375rem;\n transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), margin 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6 .styles-module__controlButton___8Q0jc {\n transform: scale(0.8);\n transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU {\n width: 34px;\n opacity: 1;\n overflow: visible;\n pointer-events: auto;\n margin-left: 0;\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU .styles-module__controlButton___8Q0jc {\n transform: scale(1);\n}\n\n.styles-module__buttonTooltip___Burd9 {\n position: absolute;\n bottom: calc(100% + 14px);\n left: 50%;\n transform: translateX(-50%) scale(0.95);\n padding: 6px 10px;\n background: #1a1a1a;\n color: rgba(255, 255, 255, 0.9);\n font-size: 12px;\n font-weight: 500;\n border-radius: 8px;\n white-space: nowrap;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n z-index: 100001;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n transition: opacity 0.135s ease, transform 0.135s ease, visibility 0.135s ease;\n}\n.styles-module__buttonTooltip___Burd9::after {\n content: "";\n position: absolute;\n top: calc(100% - 4px);\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n width: 8px;\n height: 8px;\n background: #1a1a1a;\n border-radius: 0 0 2px 0;\n}\n\n.styles-module__shortcut___lEAQk {\n margin-left: 4px;\n opacity: 0.5;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9 {\n bottom: auto;\n top: calc(100% + 14px);\n transform: translateX(-50%) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9::after {\n top: -4px;\n bottom: auto;\n border-radius: 2px 0 0 0;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-50%) scale(1);\n}\n\n.styles-module__tooltipsHidden___VtLJG .styles-module__buttonTooltip___Burd9 {\n opacity: 0 !important;\n visibility: hidden !important;\n transition: none !important;\n}\n\n.styles-module__tooltipVisible___0jcCv,\n.styles-module__tooltipsHidden___VtLJG .styles-module__tooltipVisible___0jcCv {\n opacity: 1 !important;\n visibility: visible !important;\n transform: translateX(-50%) scale(1) !important;\n transition-delay: 0s !important;\n}\n\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n left: 50%;\n transform: translateX(-12px) scale(0.95);\n}\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9::after {\n left: 16px;\n}\n.styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-12px) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-12px) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(-12px) scale(1);\n}\n\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n left: 50%;\n transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9::after {\n left: auto;\n right: 8px;\n}\n.styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__divider___c--s1 {\n width: 1px;\n height: 12px;\n background: rgba(255, 255, 255, 0.15);\n margin: 0 0.125rem;\n}\n\n.styles-module__overlay___Q1O9y {\n position: fixed;\n inset: 0;\n z-index: 99997;\n pointer-events: none;\n}\n.styles-module__overlay___Q1O9y > * {\n pointer-events: auto;\n}\n\n.styles-module__hoverHighlight___ogakW {\n position: fixed;\n border: 2px solid color-mix(in srgb, var(--agentation-color-accent) 50%, transparent);\n border-radius: 4px;\n background-color: color-mix(in srgb, var(--agentation-color-accent) 4%, transparent);\n pointer-events: none !important;\n box-sizing: border-box;\n will-change: opacity;\n contain: layout style;\n}\n.styles-module__hoverHighlight___ogakW.styles-module__enter___WFIki {\n animation: styles-module__hoverHighlightIn___6WYHY 0.12s ease-out forwards;\n}\n\n.styles-module__multiSelectOutline___cSJ-m {\n position: fixed;\n border: 2px dashed color-mix(in srgb, var(--agentation-color-green) 60%, transparent);\n border-radius: 4px;\n pointer-events: none !important;\n background-color: color-mix(in srgb, var(--agentation-color-green) 5%, transparent);\n box-sizing: border-box;\n will-change: opacity;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__enter___WFIki {\n animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__exit___fyOJ0 {\n animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__singleSelectOutline___QhX-O {\n position: fixed;\n border: 2px solid color-mix(in srgb, var(--agentation-color-blue) 60%, transparent);\n border-radius: 4px;\n pointer-events: none !important;\n background-color: color-mix(in srgb, var(--agentation-color-blue) 5%, transparent);\n box-sizing: border-box;\n will-change: opacity;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__enter___WFIki {\n animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__exit___fyOJ0 {\n animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__hoverTooltip___bvLk7 {\n position: fixed;\n font-size: 0.6875rem;\n font-weight: 500;\n color: #fff;\n background: rgba(0, 0, 0, 0.85);\n padding: 0.35rem 0.6rem;\n border-radius: 0.375rem;\n pointer-events: none !important;\n white-space: nowrap;\n max-width: 280px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.styles-module__hoverTooltip___bvLk7.styles-module__enter___WFIki {\n animation: styles-module__hoverTooltipIn___FYGQx 0.1s ease-out forwards;\n}\n\n.styles-module__hoverReactPath___gx1IJ {\n font-size: 0.625rem;\n color: rgba(255, 255, 255, 0.6);\n margin-bottom: 0.15rem;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__hoverElementName___QMLMl {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__markersLayer___-25j1 {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 0;\n z-index: 99998;\n pointer-events: none;\n}\n.styles-module__markersLayer___-25j1 > * {\n pointer-events: auto;\n}\n\n.styles-module__fixedMarkersLayer___ffyX6 {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 99998;\n pointer-events: none;\n}\n.styles-module__fixedMarkersLayer___ffyX6 > * {\n pointer-events: auto;\n}\n\n.styles-module__marker___6sQrs {\n position: absolute;\n width: 22px;\n height: 22px;\n background: var(--agentation-color-blue);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.6875rem;\n font-weight: 600;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n cursor: pointer;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.04);\n user-select: none;\n will-change: transform, opacity;\n contain: layout style;\n z-index: 1;\n}\n.styles-module__marker___6sQrs:hover {\n z-index: 2;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7) {\n transition: background-color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__marker___6sQrs.styles-module__enter___WFIki {\n animation: styles-module__markerIn___5FaAP 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n.styles-module__marker___6sQrs.styles-module__exit___fyOJ0 {\n animation: styles-module__markerOut___GU5jX 0.2s ease-out both;\n pointer-events: none;\n}\n.styles-module__marker___6sQrs.styles-module__clearing___FQ--7 {\n animation: styles-module__markerOut___GU5jX 0.15s ease-out both;\n pointer-events: none;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7):hover {\n transform: translate(-50%, -50%) scale(1.1);\n}\n.styles-module__marker___6sQrs.styles-module__pending___2IHLC {\n position: fixed;\n background-color: var(--agentation-color-blue);\n cursor: default;\n}\n.styles-module__marker___6sQrs.styles-module__fixed___dBMHC {\n position: fixed;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz {\n background-color: var(--agentation-color-green);\n width: 26px;
1\n height: 26px;\n border-radius: 6px;\n font-size: 0.75rem;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz.styles-module__pending___2IHLC {\n background-color: var(--agentation-color-green);\n}\n.styles-module__marker___6sQrs.styles-module__hovered___ZgXIy {\n background-color: var(--agentation-color-red);\n}\n\n.styles-module__renumber___nCTxD {\n display: block;\n animation: styles-module__renumberRoll___Wgbq3 0.2s ease-out;\n}\n\n@keyframes styles-module__renumberRoll___Wgbq3 {\n 0% {\n transform: translateX(-40%);\n opacity: 0;\n }\n 100% {\n transform: translateX(0);\n opacity: 1;\n }\n}\n.styles-module__markerTooltip___aLJID {\n position: absolute;\n top: calc(100% + 10px);\n left: 50%;\n transform: translateX(-50%) scale(0.909);\n z-index: 100002;\n background: #1a1a1a;\n padding: 8px 0.75rem;\n border-radius: 0.75rem;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n font-weight: 400;\n color: #fff;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n min-width: 120px;\n max-width: 200px;\n pointer-events: none;\n cursor: default;\n}\n.styles-module__markerTooltip___aLJID.styles-module__enter___WFIki {\n animation: styles-module__tooltipIn___0N31w 0.1s ease-out forwards;\n}\n\n.styles-module__markerQuote___FHmrz {\n display: block;\n font-size: 12px;\n font-style: italic;\n color: rgba(255, 255, 255, 0.6);\n margin-bottom: 0.3125rem;\n line-height: 1.4;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__markerNote___QkrrS {\n display: block;\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n color: #fff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 2px;\n}\n\n.styles-module__markerHint___2iF-6 {\n display: block;\n font-size: 0.625rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.6);\n margin-top: 0.375rem;\n white-space: nowrap;\n}\n\n.styles-module__settingsPanel___OxX3Y {\n position: absolute;\n right: 5px;\n bottom: calc(100% + 0.5rem);\n z-index: 1;\n overflow: hidden;\n background: #1c1c1c;\n border-radius: 1rem;\n padding: 13px 0 16px;\n min-width: 205px;\n cursor: default;\n opacity: 1;\n box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);\n transition: background-color 0.25s ease, box-shadow 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y::before, .styles-module__settingsPanel___OxX3Y::after {\n content: "";\n position: absolute;\n top: 0;\n bottom: 0;\n width: 16px;\n z-index: 2;\n pointer-events: none;\n}\n.styles-module__settingsPanel___OxX3Y::before {\n left: 0;\n background: linear-gradient(to right, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y::after {\n right: 0;\n background: linear-gradient(to left, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsHeader___pwDY9,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrand___0gJeM,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrandSlash___uTG18,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsVersion___TUcFq,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsSection___m-YM2,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleButton___FMKfw,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY,\n.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz,\n.styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa,\n.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax,\n.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr,\n.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp,\n.styles-module__settingsPanel___OxX3Y .styles-module__themeToggle___2rUjA {\n transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__enter___WFIki {\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0px);\n transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__exit___fyOJ0 {\n opacity: 0;\n transform: translateY(8px) scale(0.95);\n filter: blur(5px);\n pointer-events: none;\n transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease;\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y {\n background: #1a1a1a;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX {\n color: rgba(255, 255, 255, 0.6);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12 {\n color: rgba(255, 255, 255, 0.85);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12:hover {\n background: rgba(255, 255, 255, 0.1);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n background: rgba(255, 255, 255, 0.15);\n color: #fff;\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.styles-module__settingsPanelContainer___Xksv8 {\n overflow: visible;\n position: relative;\n display: flex;\n padding: 0 1rem;\n}\n\n.styles-module__settingsPage___6YfHH {\n min-width: 100%;\n flex-shrink: 0;\n transition: transform 0.2s ease, opacity 0.2s ease;\n transition-delay: 0s;\n opacity: 1;\n}\n\n.styles-module__settingsPage___6YfHH.styles-module__slideLeft___Ps01J {\n transform: translateX(-24px);\n opacity: 0;\n pointer-events: none;\n}\n\n.styles-module__automationsPage___uvCq6 {\n position: absolute;\n top: 0;\n left: 24px;\n width: 100%;\n height: 100%;\n padding: 3px 1rem 0;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n transition: transform 0.2s ease, opacity 0.2s ease;\n opacity: 0;\n pointer-events: none;\n}\n\n.styles-module__automationsPage___uvCq6.styles-module__slideIn___4-qXe {\n transform: translateX(-24px);\n opacity: 1;\n pointer-events: auto;\n}\n\n.styles-module__settingsNavLink___wCzJt {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 0;\n border: none;\n background: transparent;\n font-family: inherit;\n font-size: 0.8125rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n cursor: pointer;\n transition: color 0.15s ease;\n}
1\n.styles-module__settingsNavLink___wCzJt:hover {\n color: rgba(255, 255, 255, 0.9);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___wCzJt {\n color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___wCzJt:hover {\n color: rgba(0, 0, 0, 0.8);\n}\n.styles-module__settingsNavLink___wCzJt svg {\n color: rgba(255, 255, 255, 0.4);\n transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___wCzJt:hover svg {\n color: #fff;\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___wCzJt svg {\n color: rgba(0, 0, 0, 0.25);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___wCzJt:hover svg {\n color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__settingsNavLinkRight___ZWwhj {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.styles-module__mcpNavIndicator___cl9pO {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connected___7c28g {\n background-color: var(--agentation-color-green);\n animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connecting___uo-CW {\n background-color: var(--agentation-color-yellow);\n animation: styles-module__mcpPulse___uNggr 1.5s ease-in-out infinite;\n}\n\n.styles-module__settingsBackButton___bIe2j {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 0 12px 0;\n margin: -6px 0 0.5rem 0;\n border: none;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n border-radius: 0;\n background: transparent;\n font-family: inherit;\n font-size: 0.8125rem;\n font-weight: 500;\n letter-spacing: -0.15px;\n color: #fff;\n cursor: pointer;\n transition: transform 0.12s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j svg {\n opacity: 0.4;\n flex-shrink: 0;\n transition: opacity 0.15s ease, transform 0.18s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j:hover {\n border-bottom-color: rgba(255, 255, 255, 0.07);\n}\n.styles-module__settingsBackButton___bIe2j:hover svg {\n opacity: 1;\n}\n[data-agentation-theme=light] .styles-module__settingsBackButton___bIe2j {\n color: rgba(0, 0, 0, 0.85);\n border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n[data-agentation-theme=light] .styles-module__settingsBackButton___bIe2j:hover {\n border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__automationHeader___InP0r {\n display: flex;\n align-items: center;\n gap: 0.125rem;\n font-size: 0.8125rem;\n font-weight: 400;\n color: #fff;\n}\n[data-agentation-theme=light] .styles-module__automationHeader___InP0r {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__automationDescription___NKlmo {\n font-size: 0.6875rem;\n font-weight: 300;\n color: rgba(255, 255, 255, 0.5);\n margin-top: 2px;\n line-height: 14px;\n}\n[data-agentation-theme=light] .styles-module__automationDescription___NKlmo {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__learnMoreLink___8xv-x {\n color: rgba(255, 255, 255, 0.8);\n text-decoration: underline dotted;\n text-decoration-color: rgba(255, 255, 255, 0.2);\n text-underline-offset: 2px;\n transition: color 0.15s ease;\n}\n.styles-module__learnMoreLink___8xv-x:hover {\n color: #fff;\n}\n[data-agentation-theme=light] .styles-module__learnMoreLink___8xv-x {\n color: rgba(0, 0, 0, 0.6);\n text-decoration-color: rgba(0, 0, 0, 0.2);\n}\n[data-agentation-theme=light] .styles-module__learnMoreLink___8xv-x:hover {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__autoSendRow___UblX5 {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.styles-module__autoSendLabel___icDc2 {\n font-size: 0.6875rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.4);\n transition: color 0.15s ease;\n}\n.styles-module__autoSendLabel___icDc2.styles-module__active___-zoN6 {\n color: #66b8ff;\n color: color(display-p3 0.4 0.72 1);\n}\n[data-agentation-theme=light] .styles-module__autoSendLabel___icDc2 {\n color: rgba(0, 0, 0, 0.4);\n}\n[data-agentation-theme=light] .styles-module__autoSendLabel___icDc2.styles-module__active___-zoN6 {\n color: var(--agentation-color-blue);\n}\n\n.styles-module__webhookUrlInput___2375C {\n display: block;\n width: 100%;\n flex: 1;\n min-height: 60px;\n box-sizing: border-box;\n margin-top: 11px;\n padding: 8px 10px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 6px;\n background: rgba(255, 255, 255, 0.03);\n font-family: inherit;\n font-size: 0.75rem;\n font-weight: 400;\n color: #fff;\n outline: none;\n resize: none;\n user-select: text;\n transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;\n}\n.styles-module__webhookUrlInput___2375C::placeholder {\n color: rgba(255, 255, 255, 0.3);\n}\n.styles-module__webhookUrlInput___2375C:focus {\n border-color: rgba(255, 255, 255, 0.3);\n background: rgba(255, 255, 255, 0.08);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___2375C {\n border-color: rgba(0, 0, 0, 0.1);\n background: rgba(0, 0, 0, 0.03);\n color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___2375C::placeholder {\n color: rgba(0, 0, 0, 0.3);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___2375C:focus {\n border-color: rgba(0, 0, 0, 0.25);\n background: rgba(0, 0, 0, 0.05);\n}\n\n.styles-module__settingsHeader___pwDY9 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 24px;\n margin-bottom: 0.5rem;\n padding-bottom: 9px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n\n.styles-module__settingsBrand___0gJeM {\n font-size: 0.8125rem;\n font-weight: 600;\n letter-spacing: -0.0094em;\n color: #fff;\n text-decoration: none;\n}\n\n.styles-module__settingsBrandSlash___uTG18 {\n color: var(--agentation-color-accent);\n transition: color 0.2s ease;\n}\n\n.styles-module__settingsVersion___TUcFq {\n font-size: 11px;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.4);\n margin-left: auto;\n letter-spacing: -0.0094em;\n}\n\n.styles-module__settingsSection___m-YM2 + .styles-module__settingsSection___m-YM2 {\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n border-top: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__settingsSection___m-YM2.styles-module__settingsSectionExtraPadding___jdhFV {\n padding-top: calc(0.5rem + 4px);\n}\n\n.styles-module__settingsSectionGrow___h-5HZ {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n\n.styles-module__settingsRow___3sdhc {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 24px;\n}\n.styles-module__settingsRow___3sdhc.styles-module__settingsRowMarginTop___zA0Sp {\n margin-top: 8px;\n}\n\n.styles-module__dropdownContainer___BVnxe {\n position: relative;\n}\n\n.styles-module__dropdownButton___16NPz {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.25rem 0.5rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n font-size: 0.8125rem;\n font-weight: 600;\n color: #fff;
1\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease;\n letter-spacing: -0.0094em;\n}\n.styles-module__dropdownButton___16NPz:hover {\n background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownButton___16NPz svg {\n opacity: 0.6;\n}\n\n.styles-module__cycleButton___FMKfw {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0;\n border: none;\n background: transparent;\n font-size: 0.8125rem;\n font-weight: 500;\n color: #fff;\n cursor: pointer;\n letter-spacing: -0.0094em;\n}\n[data-agentation-theme=light] .styles-module__cycleButton___FMKfw {\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__cycleButton___FMKfw:disabled {\n opacity: 0.35;\n cursor: not-allowed;\n}\n\n.styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX {\n color: rgba(255, 255, 255, 0.2);\n}\n[data-agentation-theme=light] .styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX {\n color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__settingsRowDisabled___EgS0V .styles-module__toggleSwitch___l4Ygm {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n@keyframes styles-module__cycleTextIn___Q6zJf {\n 0% {\n opacity: 0;\n transform: translateY(-6px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.styles-module__cycleButtonText___fD1LR {\n display: inline-block;\n animation: styles-module__cycleTextIn___Q6zJf 0.2s ease-out;\n}\n\n.styles-module__cycleDots___LWuoQ {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.styles-module__cycleDot___nPgLY {\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n transform: scale(0.667);\n transition: background-color 0.25s ease-out, transform 0.25s ease-out;\n}\n.styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n background: #fff;\n transform: scale(1);\n}\n[data-agentation-theme=light] .styles-module__cycleDot___nPgLY {\n background: rgba(0, 0, 0, 0.2);\n}\n[data-agentation-theme=light] .styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n background: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__dropdownMenu___k73ER {\n position: absolute;\n right: 0;\n top: calc(100% + 0.25rem);\n background: #1a1a1a;\n border-radius: 0.5rem;\n padding: 0.25rem;\n min-width: 120px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);\n z-index: 10;\n animation: styles-module__scaleIn___c-r1K 0.15s ease-out;\n}\n\n.styles-module__dropdownItem___ylsLj {\n width: 100%;\n display: flex;\n align-items: center;\n padding: 0.5rem 0.625rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n font-size: 0.8125rem;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.85);\n cursor: pointer;\n text-align: left;\n transition: background-color 0.15s ease, color 0.15s ease;\n letter-spacing: -0.0094em;\n}\n.styles-module__dropdownItem___ylsLj:hover {\n background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownItem___ylsLj.styles-module__selected___OwRqP {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n font-weight: 600;\n}\n\n.styles-module__settingsLabel___8UjfX {\n font-size: 0.8125rem;\n font-weight: 400;\n letter-spacing: -0.0094em;\n color: rgba(255, 255, 255, 0.5);\n display: flex;\n align-items: center;\n gap: 0.125rem;\n}\n[data-agentation-theme=light] .styles-module__settingsLabel___8UjfX {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__settingsLabelMarker___ewdtV {\n padding-top: 3px;\n margin-bottom: 10px;\n}\n\n.styles-module__settingsOptions___LyrBA {\n display: flex;\n gap: 0.25rem;\n}\n\n.styles-module__settingsOption___UNa12 {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.25rem;\n padding: 0.375rem 0.5rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n font-size: 0.6875rem;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.7);\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease;\n}\n.styles-module__settingsOption___UNa12:hover {\n background: rgba(0, 0, 0, 0.05);\n}\n.styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n background: color-mix(in srgb, var(--agentation-color-blue) 15%, transparent);\n color: var(--agentation-color-blue);\n}\n\n.styles-module__sliderContainer___ducXj {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.styles-module__slider___GLdxp {\n -webkit-appearance: none;\n appearance: none;\n width: 100%;\n height: 4px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 2px;\n outline: none;\n cursor: pointer;\n}\n.styles-module__slider___GLdxp::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n background: white;\n border-radius: 50%;\n cursor: pointer;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp::-moz-range-thumb {\n width: 14px;\n height: 14px;\n background: white;\n border: none;\n border-radius: 50%;\n cursor: pointer;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp:hover::-webkit-slider-thumb {\n transform: scale(1.15);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n.styles-module__slider___GLdxp:hover::-moz-range-thumb {\n transform: scale(1.15);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n\n.styles-module__sliderLabels___FhLDB {\n display: flex;\n justify-content: space-between;\n}\n\n.styles-module__sliderLabel___U8sPr {\n font-size: 0.625rem;\n font-weight: 500;\n color: rgba(255, 255, 255, 0.4);\n cursor: pointer;\n transition: color 0.15s ease;\n}
1\n.styles-module__sliderLabel___U8sPr:hover {\n color: rgba(255, 255, 255, 0.7);\n}\n.styles-module__sliderLabel___U8sPr.styles-module__active___-zoN6 {\n color: rgba(255, 255, 255, 0.9);\n}\n\n.styles-module__colorOptions___iHCNX {\n display: flex;\n gap: 0.5rem;\n margin-top: 0.375rem;\n margin-bottom: 1px;\n}\n\n.styles-module__colorOption___IodiY {\n display: block;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid transparent;\n background-color: var(--swatch);\n cursor: pointer;\n transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);\n}\n@supports (color: color(display-p3 0 0 0)) {\n .styles-module__colorOption___IodiY {\n background-color: var(--swatch-p3);\n }\n}\n.styles-module__colorOption___IodiY:hover {\n transform: scale(1.15);\n}\n.styles-module__colorOption___IodiY.styles-module__selected___OwRqP {\n transform: scale(0.83);\n}\n\n.styles-module__colorOptionRing___U2xpo {\n display: flex;\n width: 24px;\n height: 24px;\n border: 2px solid transparent;\n border-radius: 50%;\n transition: border-color 0.3s ease;\n}\n.styles-module__colorOptionRing___U2xpo.styles-module__selected___OwRqP {\n border-color: var(--swatch);\n}\n@supports (color: color(display-p3 0 0 0)) {\n .styles-module__colorOptionRing___U2xpo.styles-module__selected___OwRqP {\n border-color: var(--swatch-p3);\n }\n}\n\n.styles-module__settingsToggle___fBrFn {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n cursor: pointer;\n}\n.styles-module__settingsToggle___fBrFn + .styles-module__settingsToggle___fBrFn {\n margin-top: calc(0.5rem + 6px);\n}\n.styles-module__settingsToggle___fBrFn input[type=checkbox] {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n}\n.styles-module__settingsToggle___fBrFn.styles-module__settingsToggleMarginBottom___MZUyF {\n margin-bottom: calc(0.5rem + 6px);\n}\n\n.styles-module__customCheckbox___U39ax {\n position: relative;\n width: 14px;\n height: 14px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background-color 0.25s ease, border-color 0.25s ease;\n}
1\n.styles-module__customCheckbox___U39ax svg {\n color: #1a1a1a;\n opacity: 1;\n transition: opacity 0.15s ease;\n}\ninput[type=checkbox]:checked + .styles-module__customCheckbox___U39ax {\n border-color: rgba(255, 255, 255, 0.3);\n background: rgb(255, 255, 255);\n}\n[data-agentation-theme=light] .styles-module__customCheckbox___U39ax {\n border: 1px solid rgba(0, 0, 0, 0.15);\n background: #fff;\n}\n[data-agentation-theme=light] .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo {\n border-color: #1a1a1a;\n background: #1a1a1a;\n}\n[data-agentation-theme=light] .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo svg {\n color: #fff;\n}\n\n.styles-module__toggleLabel___Xm8Aa {\n font-size: 0.8125rem;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n letter-spacing: -0.0094em;\n display: flex;\n align-items: center;\n gap: 0.25rem;\n}\n[data-agentation-theme=light] .styles-module__toggleLabel___Xm8Aa {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__toggleSwitch___l4Ygm {\n position: relative;\n display: inline-block;\n width: 24px;\n height: 16px;\n flex-shrink: 0;\n cursor: pointer;\n transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.styles-module__toggleSwitch___l4Ygm input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn {\n background-color: var(--agentation-color-blue);\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn::before {\n transform: translateX(8px);\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw {\n opacity: 0.4;\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw .styles-module__toggleSlider___wprIn {\n cursor: not-allowed;\n}\n\n.styles-module__toggleSlider___wprIn {\n position: absolute;\n cursor: pointer;\n inset: 0;\n border-radius: 16px;\n background: #484848;\n}\n[data-agentation-theme=light] .styles-module__toggleSlider___wprIn {\n background: #dddddd;\n}\n.styles-module__toggleSlider___wprIn::before {\n content: "";\n position: absolute;\n height: 12px;\n width: 12px;\n left: 2px;\n bottom: 2px;\n background: white;\n border-radius: 50%;\n transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes styles-module__mcpPulse___uNggr {\n 0% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-green) 50%, transparent);\n }\n 70% {\n box-shadow: 0 0 0 6px color-mix(in srgb, var(--agentation-color-green) 0%, transparent);\n }\n 100% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-green) 0%, transparent);\n }\n}\n@keyframes styles-module__mcpPulseError___fov9B {\n 0% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-red) 50%, transparent);\n }\n 70% {\n box-shadow: 0 0 0 6px color-mix(in srgb, var(--agentation-color-red) 0%, transparent);\n }\n 100% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-red) 0%, transparent);\n }\n}\n.styles-module__mcpStatusDot___ibgkc {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connecting___uo-CW {\n background-color: var(--agentation-color-yellow);\n animation: styles-module__mcpPulse___uNggr 1.5s infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connected___7c28g {\n background-color: var(--agentation-color-green);\n animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__disconnected___cHPxR {\n background-color: var(--agentation-color-red);\n animation: styles-module__mcpPulseError___fov9B 2s infinite;\n}\n\n.styles-module__drawCanvas___7cG9U {\n position: fixed;\n inset: 0;\n z-index: 99996;\n pointer-events: none !important;\n}\n.styles-module__drawCanvas___7cG9U.styles-module__active___-zoN6 {\n pointer-events: auto !important;\n cursor: crosshair !important;\n}\n.styles-module__drawCanvas___7cG9U.styles-module__active___-zoN6[data-stroke-hover] {\n cursor: pointer !important;\n}\n\n.styles-module__dragSelection___kZLq2 {\n position: fixed;\n top: 0;\n left: 0;\n border: 2px solid color-mix(in srgb, var(--agentation-color-green) 60%, transparent);\n border-radius: 4px;\n background-color: color-mix(in srgb, var(--agentation-color-green) 8%, transparent);\n pointer-events: none;\n z-index: 99997;\n will-change: transform, width, height;\n contain: layout style;\n}\n\n.styles-module__dragCount___KM90j {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: var(--agentation-color-green);\n color: white;\n font-size: 0.875rem;\n font-weight: 600;\n padding: 0.25rem 0.5rem;\n border-radius: 1rem;\n min-width: 1.5rem;\n text-align: center;\n}\n\n.styles-module__highlightsContainer___-0xzG {\n position: fixed;\n top: 0;\n left: 0;\n pointer-events: none;\n z-index: 99996;\n}\n\n.styles-module__selectedElementHighlight___fyVlI {\n position: fixed;\n top: 0;\n left: 0;\n border: 2px solid color-mix(in srgb, var(--agentation-color-green) 50%, transparent);\n border-radius: 4px;\n background: color-mix(in srgb, var(--agentation-color-green) 6%, transparent);\n pointer-events: none;\n will-change: transform, width, height;\n contain: layout style;\n}\n\n[data-agentation-theme=light] .styles-module__toolbarContainer___dIhma {\n background: #fff;
1\n color: rgba(0, 0, 0, 0.85);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n[data-agentation-theme=light] .styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n background: #f5f5f5;\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc {\n color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n background: rgba(0, 0, 0, 0.06);\n color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-active=true] {\n color: var(--agentation-color-blue);\n background: color-mix(in srgb, var(--agentation-color-blue) 15%, transparent);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-error=true] {\n color: var(--agentation-color-red);\n background: color-mix(in srgb, var(--agentation-color-red) 15%, transparent);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n color: var(--agentation-color-red);\n background: color-mix(in srgb, var(--agentation-color-red) 15%, transparent);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n color: var(--agentation-color-green);\n background: transparent;\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-failed=true] {\n color: var(--agentation-color-red);\n background: color-mix(in srgb, var(--agentation-color-red) 15%, transparent);\n}\n[data-agentation-theme=light] .styles-module__buttonTooltip___Burd9 {\n background: #fff;\n color: rgba(0, 0, 0, 0.85);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n[data-agentation-theme=light] .styles-module__buttonTooltip___Burd9::after {\n background: #fff;\n}\n[data-agentation-theme=light] .styles-module__divider___c--s1 {\n background: rgba(0, 0, 0, 0.1);\n}'}var tR={toolbar:"styles-module__toolbar___wNsdK",markersLayer:"styles-module__markersLayer___-25j1",fixedMarkersLayer:"styles-module__fixedMarkersLayer___ffyX6",controlsContent:"styles-module__controlsContent___9GJWU",disableTransitions:"styles-module__disableTransitions___EopxO",toolbarContainer:"styles-module__toolbarContainer___dIhma",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",badge:"styles-module__badge___2XsgF",fadeOut:"styles-module__fadeOut___6Ut6-",badgeEnter:"styles-module__badgeEnter___mVQLj",controlButton:"styles-module__controlButton___8Q0jc",statusShowing:"styles-module__statusShowing___te6iu",buttonBadge:"styles-module__buttonBadge___NeFWb",mcpIndicator:"styles-module__mcpIndicator___zGJeL",connected:"styles-module__connected___7c28g",mcpIndicatorPulseConnected:"styles-module__mcpIndicatorPulseConnected___EDodZ",connecting:"styles-module__connecting___uo-CW",mcpIndicatorPulseConnecting:"styles-module__mcpIndicatorPulseConnecting___cCYte",connectionIndicatorWrapper:"styles-module__connectionIndicatorWrapper___L-e-3",connectionIndicator:"styles-module__connectionIndicator___afk9p",connectionIndicatorVisible:"styles-module__connectionIndicatorVisible___C-i5B",connectionIndicatorConnected:"styles-module__connectionIndicatorConnected___IY8pR",connectionPulse:"styles-module__connectionPulse___-Zycw",connectionIndicatorDisconnected:"styles-module__connectionIndicatorDisconnected___kmpaZ",connectionIndicatorConnecting:"styles-module__connectionIndicatorConnecting___QmSLH",buttonWrapper:"styles-module__buttonWrapper___rBcdv",buttonTooltip:"styles-module__buttonTooltip___Burd9",tooltipsInSession:"styles-module__tooltipsInSession___-0lHH",sendButtonWrapper:"styles-module__sendButtonWrapper___UUxG6",sendButtonVisible:"styles-module__sendButtonVisible___WPSQU",shortcut:"styles-module__shortcut___lEAQk",tooltipBelow:"styles-module__tooltipBelow___m6ats",tooltipsHidden:"styles-module__tooltipsHidden___VtLJG",tooltipVisible:"styles-module__tooltipVisible___0jcCv",buttonWrapperAlignLeft:"styles-module__buttonWrapperAlignLeft___myzIp",buttonWrapperAlignRight:"styles-module__buttonWrapperAlignRight___HCQFR",divider:"styles-module__divider___c--s1",overlay:"styles-module__overlay___Q1O9y",hoverHighlight:"styles-module__hoverHighlight___ogakW",enter:"styles-module__enter___WFIki",hoverHighlightIn:"styles-module__hoverHighlightIn___6WYHY",multiSelectOutline:"styles-module__multiSelectOutline___cSJ-m",fadeIn:"styles-module__fadeIn___b9qmf",exit:"styles-module__exit___fyOJ0",singleSelectOutline:"styles-module__singleSelectOutline___QhX-O",hoverTooltip:"styles-module__hoverTooltip___bvLk7",hoverTooltipIn:"styles-module__hoverTooltipIn___FYGQx",hoverReactPath:"styles-module__hoverReactPath___gx1IJ",hoverElementName:"styles-module__hoverElementName___QMLMl",marker:"styles-module__marker___6sQrs",clearing:"styles-module__clearing___FQ--7",markerIn:"styles-module__markerIn___5FaAP",markerOut:"styles-module__markerOut___GU5jX",pending:"styles-module__pending___2IHLC",fixed:"styles-module__fixed___dBMHC",multiSelect:"styles-module__multiSelect___YWiuz",hovered:"styles-module__hovered___ZgXIy",renumber:"styles-module__renumber___nCTxD",renumberRoll:"styles-module__renumberRoll___Wgbq3",markerTooltip:"styles-module__markerTooltip___aLJID",tooltipIn:"styles-module__tooltipIn___0N31w",markerQuote:"styles-module__markerQuote___FHmrz",markerNote:"styles-module__markerNote___QkrrS",markerHint:"styles-module__markerHint___2iF-6",settingsPanel:"styles-module__settingsPanel___OxX3Y",settingsHeader:"styles-module__settingsHeader___pwDY9",settingsBrand:"styles-module__settingsBrand___0gJeM",settingsBrandSlash:"styles-module__settingsBrandSlash___uTG18",settingsVersion:"styles-module__settingsVersion___TUcFq",settingsSection:"styles-module__settingsSection___m-YM2",settingsLabel:"styles-module__settingsLabel___8UjfX",cycleButton:"styles-module__cycleButton___FMKfw",cycleDot:"styles-module__cycleDot___nPgLY",dropdownButton:"styles-module__dropdownButton___16NPz",toggleLabel:"styles-module__toggleLabel___Xm8Aa",customCheckbox:"styles-module__customCheckbox___U39ax",sliderLabel:"styles-module__sliderLabel___U8sPr",slider:"styles-module__slider___GLdxp",themeToggle:"styles-module__themeToggle___2rUjA",settingsOption:"styles-module__settingsOption___UNa12",selected:"styles-module__selected___OwRqP",settingsPanelContainer:"styles-module__settingsPanelContainer___Xksv8",settingsPage:"styles-module__settingsPage___6YfHH",slideLeft:"styles-module__slideLeft___Ps01J",automationsPage:"styles-module__automationsPage___uvCq6",slideIn:"styles-module__slideIn___4-qXe",settingsNavLink:"styles-module__settingsNavLink___wCzJt",settingsNavLinkRight:"styles-module__settingsNavLinkRight___ZWwhj",mcpNavIndicator:"styles-module__mcpNavIndicator___cl9pO",mcpPulse:"styles-module__mcpPulse___uNggr",settingsBackButton:"styles-module__settingsBackButton___bIe2j",automationHeader:"styles-module__automationHeader___InP0r",automationDescription:"styles-module__automationDescription___NKlmo",learnMoreLink:"styles-module__learnMoreLink___8xv-x",autoSendRow:"styles-module__autoSendRow___UblX5",autoSendLabel:"styles-module__autoSendLabel___icDc2",active:"styles-module__active___-zoN6",webhookUrlInput:"styles-module__webhookUrlInput___2375C",settingsSectionExtraPadding:"styles-module__settingsSectionExtraPadding___jdhFV",settingsSectionGrow:"styles-module__settingsSectionGrow___h-5HZ",settingsRow:"styles-module__settingsRow___3sdhc",settingsRowMarginTop:"styles-module__settingsRowMarginTop___zA0Sp",dropdownContainer:"styles-module__dropdownContainer___BVnxe",settingsRowDisabled:"styles-module__settingsRowDisabled___EgS0V",toggleSwitch:"styles-module__toggleSwitch___l4Ygm",cycleButtonText:"styles-module__cycleButtonText___fD1LR",cycleTextIn:"styles-module__cycleTextIn___Q6zJf",cycleDots:"styles-module__cycleDots___LWuoQ",dropdownMenu:"styles-module__dropdownMenu___k73ER",scaleIn:"styles-module__scaleIn___c-r1K",dropdownItem:"styles-module__dropdownItem___ylsLj",settingsLabelMarker:"styles-module__settingsLabelMarker___ewdtV",settingsOptions:"styles-module__settingsOptions___LyrBA",sliderContainer:"styles-module__sliderContainer___ducXj",sliderLabels:"styles-module__sliderLabels___FhLDB",colorOptions:"styles-module__colorOptions___iHCNX",colorOption:"styles-module__colorOption___IodiY",colorOptionRing:"styles-module__colorOptionRing___U2xpo",settingsToggle:"styles-module__settingsToggle___fBrFn",settingsToggleMarginBottom:"styles-module__settingsToggleMarginBottom___MZUyF",checked:"styles-module__checked___mnZLo",toggleSlider:"styles-module__toggleSlider___wprIn",disabled:"styles-module__disabled___332Jw",mcpStatusDot:"styles-module__mcpStatusDot___ibgkc",disconnected:"styles-module__disconnected___cHPxR",mcpPulseError:"styles-module__mcpPulseError___fov9B",drawCanvas:"styles-module__drawCanvas___7cG9U",dragSelection:"styles-module__dragSelection___kZLq2",dragCount:"styles-module__dragCount___KM90j",highlightsContainer:"styles-module__highlightsContainer___-0xzG",selectedElementHighlight:"styles-module__selectedElementHighlight___fyVlI",scaleOut:"styles-module__scaleOut___Wctwz",slideUp:"styles-module__slideUp___kgD36",slideDown:"styles-module__slideDown___zcdje"},tW=[{value:"compact",label:"Compact"},{value:"standard",label:"Standard"},{value:"detailed",label:"Detailed"},{value:"forensic",label:"Forensic"}];function tD(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"standard";if(0===e.length)return"";let o="undefined"!=typeof window?"".concat(window.innerWidth,"\xd7").concat(window.innerHeight):"unknown",r="## Page Feedback: ".concat(t,"\n");return"forensic"===n?(r+="\n**Environment:**\n",r+="- Viewport: ".concat(o,"\n"),"undefined"!=typeof window&&(r+="- URL: ".concat(window.location.href,"\n"),r+="- User Agent: ".concat(navigator.userAgent,"\n"),r+="- Timestamp: ".concat(new Date().toISOString(),"\n"),r+="- Device Pixel Ratio: ".concat(window.devicePixelRatio,"\n")),r+="\n---\n"):"compact"!==n&&(r+="**Viewport:** ".concat(o,"\n")),r+="\n",e.forEach((e,t)=>{"compact"===n?(r+="".concat(t+1,". **").concat(e.element,"**").concat(e.sourceFile?" (".concat(e.sourceFile,")"):"",": ").concat(e.comment),e.selectedText&&(r+=' (re: "'.concat(e.selectedText.slice(0,30)).concat(e.selectedText.length>30?"...":"",'")')),r+="\n"):("forensic"===n?(r+="### ".concat(t+1,". ").concat(e.element,"\n"),e.isMultiSelect&&e.fullPath&&(r+="*
1Forensic data shown for first element of selection*\n"),e.fullPath&&(r+="**Full DOM Path:** ".concat(e.fullPath,"\n")),e.cssClasses&&(r+="**CSS Classes:** ".concat(e.cssClasses,"\n")),e.boundingBox&&(r+="**Position:** x:".concat(Math.round(e.boundingBox.x),", y:").concat(Math.round(e.boundingBox.y)," (").concat(Math.round(e.boundingBox.width),"\xd7").concat(Math.round(e.boundingBox.height),"px)\n")),r+="**Annotation at:** ".concat(e.x.toFixed(1),"% from left, ").concat(Math.round(e.y),"px from top\n"),e.selectedText&&(r+='**Selected text:** "'.concat(e.selectedText,'"\n')),e.nearbyText&&!e.selectedText&&(r+="**Context:** ".concat(e.nearbyText.slice(0,100),"\n")),e.computedStyles&&(r+="**Computed Styles:** ".concat(e.computedStyles,"\n")),e.accessibility&&(r+="**Accessibility:** ".concat(e.accessibility,"\n")),e.nearbyElements&&(r+="**Nearby Elements:** ".concat(e.nearbyElements,"\n")),e.sourceFile&&(r+="**Source:** ".concat(e.sourceFile,"\n")),e.reactComponents&&(r+="**React:** ".concat(e.reactComponents,"\n"))):(r+="### ".concat(t+1,". ").concat(e.element,"\n"),r+="**Location:** ".concat(e.elementPath,"\n"),e.sourceFile&&(r+="**Source:** ".concat(e.sourceFile,"\n")),e.reactComponents&&(r+="**React:** ".concat(e.reactComponents,"\n")),"detailed"===n&&(e.cssClasses&&(r+="**Classes:** ".concat(e.cssClasses,"\n")),e.boundingBox&&(r+="**Position:** ".concat(Math.round(e.boundingBox.x),"px, ").concat(Math.round(e.boundingBox.y),"px (").concat(Math.round(e.boundingBox.width),"\xd7").concat(Math.round(e.boundingBox.height),"px)\n"))),e.selectedText&&(r+='**Selected text:** "'.concat(e.selectedText,'"\n')),"detailed"===n&&e.nearbyText&&!e.selectedText&&(r+="**Context:** ".concat(e.nearbyText.slice(0,100),"\n"))),r+="**Feedback:** ".concat(e.comment,"\n\n"))}),r.trim()}if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-annotation-marker-styles");e||((e=document.createElement("style")).id="feedback-tool-styles-annotation-marker-styles",document.head.appendChild(e)),e.textContent='@keyframes styles-module__markerIn___x4G8D {\n 0% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.3);\n }\n 100% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n}\n@keyframes styles-module__markerOut___6VhQN {\n 0% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n 100% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.3);\n }\n}\n@keyframes styles-module__tooltipIn___aJslQ {\n from {\n opacity: 0;\n transform: translateX(-50%) translateY(2px) scale(0.891);\n }\n to {\n opacity: 1;\n transform: translateX(-50%) translateY(0) scale(0.909);\n }\n}\n@keyframes styles-module__renumberRoll___akV9B {\n 0% {\n transform: translateX(-40%);\n opacity: 0;\n }\n 100% {\n transform: translateX(0);\n opacity: 1;\n }\n}\n.styles-module__marker___9CKF7 {\n position: absolute;\n width: 22px;\n height: 22px;\n background: var(--agentation-color-blue);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.6875rem;\n font-weight: 600;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n cursor: pointer;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.04);\n user-select: none;\n will-change: transform, opacity;\n contain: layout style;\n z-index: 1;\n}\n.styles-module__marker___9CKF7:hover {\n z-index: 2;\n}\n.styles-module__marker___9CKF7:not(.styles-module__enter___8kI3q):not(.styles-module__exit___KBdR3):not(.styles-module__clearing___8rM7K) {\n transition: background-color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__marker___9CKF7.styles-module__enter___8kI3q {\n animation: styles-module__markerIn___x4G8D 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n.styles-module__marker___9CKF7.styles-module__exit___KBdR3 {\n animation: styles-module__markerOut___6VhQN 0.2s ease-out both;\n pointer-events: none;\n}\n.styles-module__marker___9CKF7.styles-module__clearing___8rM7K {\n animation: styles-module__markerOut___6VhQN 0.15s ease-out both;\n pointer-events: none;\n}\n.styles-module__marker___9CKF7:not(.styles-module__enter___8kI3q):not(.styles-module__exit___KBdR3):not(.styles-module__clearing___8rM7K):hover {\n transform: translate(-50%, -50%) scale(1.1);\n}\n.styles-module__marker___9CKF7.styles-module__pending___BiY-U {\n position: fixed;\n background-color: var(--agentation-color-blue);\n cursor: default;\n}\n.styles-module__marker___9CKF7.styles-module__fixed___aKrQO {\n position: fixed;\n}\n.styles-module__marker___9CKF7.styles-module__multiSelect___CPfTC {\n background-color: var(--agentation-color-green);\n width: 26px;
1\n height: 26px;\n border-radius: 6px;\n font-size: 0.75rem;\n}\n.styles-module__marker___9CKF7.styles-module__multiSelect___CPfTC.styles-module__pending___BiY-U {\n background-color: var(--agentation-color-green);\n}\n.styles-module__marker___9CKF7.styles-module__hovered___-mg2N {\n background-color: var(--agentation-color-red);\n}\n\n.styles-module__renumber___16lvD {\n display: block;\n animation: styles-module__renumberRoll___akV9B 0.2s ease-out;\n}\n\n.styles-module__markerTooltip___-VUm- {\n position: absolute;\n top: calc(100% + 10px);\n left: 50%;\n transform: translateX(-50%) scale(0.909);\n z-index: 100002;\n background: #1a1a1a;\n padding: 8px 0.75rem;\n border-radius: 0.75rem;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n font-weight: 400;\n color: #fff;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n min-width: 120px;\n max-width: 200px;\n pointer-events: none;\n cursor: default;\n}\n.styles-module__markerTooltip___-VUm-.styles-module__enter___8kI3q {\n animation: styles-module__tooltipIn___aJslQ 0.1s ease-out forwards;\n}\n\n.styles-module__markerQuote___tQake {\n display: block;\n font-size: 12px;\n font-style: italic;\n color: rgba(255, 255, 255, 0.6);\n margin-bottom: 0.3125rem;\n line-height: 1.4;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module__markerNote___Rh4eI {\n display: block;\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n color: #fff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 2px;\n}\n\n[data-agentation-theme=light] .styles-module__markerTooltip___-VUm- {\n background: #fff;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.06);\n}\n[data-agentation-theme=light] .styles-module__markerTooltip___-VUm- .styles-module__markerQuote___tQake {\n color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__markerTooltip___-VUm- .styles-module__markerNote___Rh4eI {\n color: rgba(0, 0, 0, 0.85);\n}'}var tP={marker:"styles-module__marker___9CKF7",enter:"styles-module__enter___8kI3q",exit:"styles-module__exit___KBdR3",clearing:"styles-module__clearing___8rM7K",pending:"styles-module__pending___BiY-U",fixed:"styles-module__fixed___aKrQO",multiSelect:"styles-module__multiSelect___CPfTC",hovered:"styles-module__hovered___-mg2N",renumber:"styles-module__renumber___16lvD",markerTooltip:"styles-module__markerTooltip___-VUm-",markerQuote:"styles-module__markerQuote___tQake",markerNote:"styles-module__markerNote___Rh4eI"};function tz(e){let{annotation:t,globalIndex:n,layerIndex:o,layerSize:r,isExiting:s,isClearing:a,isAnimated:i,isHovered:c,isDeleting:d,isEditingAny:_,renumberFrom:u,markerClickBehavior:h,tooltipStyle:m,onHoverEnter:g,onHoverLeave:p,onClick:y,onContextMenu:x}=e,f=(c||d)&&!_,b=f&&"delete"===h,w=t.isMultiSelect,v=s?tP.exit:a?tP.clearing:i?"":tP.enter;return(0,l.jsxs)("div",{className:"".concat(tP.marker," ").concat(w?tP.multiSelect:""," ").concat(v," ").concat(b?tP.hovered:""),"data-annotation-marker":!0,style:{left:"".concat(t.x,"%"),top:t.y,backgroundColor:b?void 0:w?"var(--agentation-color-green)":"var(--agentation-color-accent)",animationDelay:s?"".concat((r-1-o)*20,"ms"):"".concat(20*o,"ms")},onMouseEnter:()=>g(t),onMouseLeave:p,onClick:e=>{e.stopPropagation(),s||y(t)},onContextMenu:x?e=>{"delete"===h&&(e.preventDefault(),e.stopPropagation(),s||x(t))}:void 0,children:[f?b?(0,l.jsx)(W,{size:w?18:16}):(0,l.jsx)(T,{size:16}):(0,l.jsx)("span",{className:null!==u&&n>=u?tP.renumber:void 0,children:n+1}),c&&!_&&(0,l.jsxs)("div",{className:"".concat(tP.markerTooltip," ").concat(tP.enter),style:m,children:[(0,l.jsxs)("span",{className:tP.markerQuote,children:[t.element,t.selectedText&&' "'.concat(t.selectedText.slice(0,30)).concat(t.selectedText.length>30?"...":"",'"')]}),(0,l.jsx)("span",{className:tP.markerNote,children:t.comment})]})]})}function tT(e){let{x:t,y:n,isMultiSelect:o,isExiting:r}=e;return(0,l.jsx)("div",{className:"".concat(tP.marker," ").concat(tP.pending," ").concat(o?tP.multiSelect:""," ").concat(r?tP.exit:tP.enter),style:{left:"".concat(t,"%"),top:n,backgroundColor:o?"var(--agentation-color-green)":"var(--agentation-color-accent)"},children:(0,l.jsx)(c,{size:12})})}function tO(e){let{annotation:t,fixed:n}=e,o=t.isMultiSelect;return(0,l.jsx)("div",{className:"".concat(tP.marker," ").concat(n?tP.fixed:""," ").concat(tP.hovered," ").concat(o?tP.multiSelect:""," ").concat(tP.exit),"data-annotation-marker":!0,style:{left:"".concat(t.x,"%"),top:t.y},children:(0,l.jsx)(W,{size:o?12:10})})}if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-switch-styles");e||((e=document.createElement("style")).id="feedback-tool-styles-switch-styles",document.head.appendChild(e)),e.textContent=".styles-module__switchContainer___Ka-AB {\n display: flex;\n align-items: center;\n position: relative;\n padding: 2px;\n width: 24px;\n height: 16px;\n border-radius: 8px;\n background-color: #cdcdcd;\n transition: background-color 0.15s, opacity 0.15s;\n}\n[data-agentation-theme=dark] .styles-module__switchContainer___Ka-AB {\n background-color: #484848;\n}\n.styles-module__switchContainer___Ka-AB:has(.styles-module__switchInput___kYDSD:checked) {\n background-color: var(--agentation-color-blue);\n}\n.styles-module__switchContainer___Ka-AB:has(.styles-module__switchInput___kYDSD:disabled) {\n opacity: 0.3;\n}\n\n.styles-module__switchInput___kYDSD {\n position: absolute;\n z-index: 1;\n inset: 0;\n border-radius: inherit;\n opacity: 0;\n cursor: pointer;\n}
1\n.styles-module__switchInput___kYDSD:disabled {\n cursor: not-allowed;\n}\n\n.styles-module__switchThumb___4sCPH {\n border-radius: 50%;\n width: 12px;\n height: 12px;\n background-color: #fff;\n transition: transform 0.15s;\n}\n.styles-module__switchContainer___Ka-AB:has(.styles-module__switchInput___kYDSD:checked) .styles-module__switchThumb___4sCPH {\n transform: translateX(8px);\n}"}var tA={switchContainer:"styles-module__switchContainer___Ka-AB",switchInput:"styles-module__switchInput___kYDSD",switchThumb:"styles-module__switchThumb___4sCPH"},tF=e=>{let{className:t="",...n}=e;return(0,l.jsxs)("div",{className:"".concat(tA.switchContainer," ").concat(t),children:[(0,l.jsx)("input",{className:tA.switchInput,type:"checkbox",...n}),(0,l.jsx)("div",{className:tA.switchThumb})]})};if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-checkbox-styles");e||((e=document.createElement("style")).id="feedback-tool-styles-checkbox-styles",document.head.appendChild(e)),e.textContent=".styles-module__checkboxContainer___joqZk {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n border: 1px solid rgba(26, 26, 26, 0.2);\n border-radius: 4px;\n width: 14px;\n height: 14px;\n background-color: #fff;\n transition: background-color 0.2s ease;\n}\n[data-agentation-theme=dark] .styles-module__checkboxContainer___joqZk {\n border-color: rgba(255, 255, 255, 0.2);\n background-color: #252525;\n}\n.styles-module__checkboxContainer___joqZk:has(.styles-module__checkboxInput___ECzzO:checked) {\n background-color: #1a1a1a;\n}\n[data-agentation-theme=dark] .styles-module__checkboxContainer___joqZk:has(.styles-module__checkboxInput___ECzzO:checked) {\n background-color: #fff;\n}\n\n.styles-module__checkboxInput___ECzzO {\n position: absolute;\n z-index: 1;\n inset: -1px;\n border-radius: inherit;\n opacity: 0;\n cursor: pointer;\n}\n\n.styles-module__checkboxCheck___fUXpr {\n color: #fafafa;\n}\n[data-agentation-theme=dark] .styles-module__checkboxCheck___fUXpr {\n color: #1a1a1a;\n}\n\n.styles-module__checkboxCheckPath___cDyh8 {\n stroke-dasharray: 9.29px;\n stroke-dashoffset: 9.29px;\n color: #fafafa;\n transition: stroke-dashoffset 0.1s ease;\n}\n[data-agentation-theme=dark] .styles-module__checkboxCheckPath___cDyh8 {\n color: #1a1a1a;\n}\n.styles-module__checkboxContainer___joqZk:has(.styles-module__checkboxInput___ECzzO:checked) .styles-module__checkboxCheckPath___cDyh8 {\n transition-duration: 0.2s;\n stroke-dashoffset: 0;\n}"}var tH={checkboxContainer:"styles-module__checkboxContainer___joqZk",checkboxInput:"styles-module__checkboxInput___ECzzO",checkboxCheck:"styles-module__checkboxCheck___fUXpr",checkboxCheckPath:"styles-module__checkboxCheckPath___cDyh8"},tY=e=>{let{className:t="",...n}=e;return(0,l.jsxs)("div",{className:"".concat(tH.checkboxContainer," ").concat(t),children:[(0,l.jsx)("input",{className:tH.checkboxInput,type:"checkbox",...n}),(0,l.jsx)("svg",{className:tH.checkboxCheck,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:(0,l.jsx)("path",{className:tH.checkboxCheckPath,d:"M3.94 7L6.13 9.19L10.5 4.81",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})};if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-checkbox-field-styles");e||((e=document.createElement("style")).id="feedback-tool-styles-checkbox-field-styles",document.head.appendChild(e)),e.textContent=".styles-module__container___w8eAF {\n display: flex;\n align-items: center;\n height: 24px;\n}\n\n.styles-module__label___J5mxE {\n padding-inline: 8px 2px;\n line-height: 20px;\n font-size: 13px;\n letter-spacing: -0.15px;\n color: rgba(26, 26, 26, 0.5);\n cursor: pointer;\n}\n[data-agentation-theme=dark] .styles-module__label___J5mxE {\n color: rgba(255, 255, 255, 0.5);\n}"}var tX={container:"styles-module__container___w8eAF",label:"styles-module__label___J5mxE"},tU=e=>{let{className:t="",label:n,tooltip:r,checked:s,onChange:a,...i}=e,c=(0,o.useId)();return(0,l.jsxs)("div",{className:"".concat(tX.container," ").concat(t),...i,children:[(0,l.jsx)(tY,{id:c,onChange:a,checked:s}),(0,l.jsx)("label",{className:tX.label,htmlFor:c,children:n}),r&&(0,l.jsx)(eo,{content:r})]})};if("undefined"!=typeof document){let e=document.getElementById("feedback-tool-styles-settings-panel-styles");e||((e=document.createElement("style")).id="feedback-tool-styles-settings-panel-styles",document.head.appendChild(e)),e.textContent='@keyframes styles-module__cycleTextIn___VBNTi {\n 0% {\n opacity: 0;\n transform: translateY(-6px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@keyframes styles-module__scaleIn___QpQ8E {\n from {\n opacity: 0;\n transform: scale(0.85);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes styles-module__mcpPulse___5Q3Jj {\n 0% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-green) 50%, transparent);\n }\n 70% {\n box-shadow: 0 0 0 6px color-mix(in srgb, var(--agentation-color-green) 0%, transparent);\n }\n 100% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-green) 0%, transparent);\n }\n}\n@keyframes styles-module__mcpPulseError___VHxhx {\n 0% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-red) 50%, transparent);\n }\n 70% {\n box-shadow: 0 0 0 6px color-mix(in srgb, var(--agentation-color-red) 0%, transparent);\n }\n 100% {\n box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-red) 0%, transparent);\n }\n}\n@keyframes styles-module__themeIconIn___qUWMV {\n 0% {\n opacity: 0;\n transform: scale(0.8) rotate(-30deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n}\n.styles-module__settingsPanel___qNkn- {\n position: absolute;\n right: 5px;\n bottom: calc(100% + 0.5rem);\n z-index: 1;\n overflow: hidden;\n background: #1c1c1c;\n border-radius: 16px;\n padding: 12px 0;\n width: 100%;\n max-width: 253px;\n min-width: 205px;\n cursor: default;\n opacity: 1;\n box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);\n transition: background-color 0.25s ease, box-shadow 0.25s ease;\n}\n.styles-module__settingsPanel___qNkn-::before, .styles-module__settingsPanel___qNkn-::after {\n
1content: "";\n position: absolute;\n top: 0;\n bottom: 0;\n width: 16px;\n z-index: 2;\n pointer-events: none;\n}\n.styles-module__settingsPanel___qNkn-::before {\n left: 0;\n background: linear-gradient(to right, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___qNkn-::after {\n right: 0;\n background: linear-gradient(to left, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___qNkn- .styles-module__settingsHeader___Fn1DP,\n.styles-module__settingsPanel___qNkn- .styles-module__settingsBrand___OoKlM,\n.styles-module__settingsPanel___qNkn- .styles-module__settingsBrandSlash___Q-AU9,\n.styles-module__settingsPanel___qNkn- .styles-module__settingsVersion___rXmL9,\n.styles-module__settingsPanel___qNkn- .styles-module__settingsSection___n5V-4,\n.styles-module__settingsPanel___qNkn- .styles-module__settingsLabel___VCVOQ,\n.styles-module__settingsPanel___qNkn- .styles-module__cycleButton___XMBx3,\n.styles-module__settingsPanel___qNkn- .styles-module__cycleDot___zgSXY,\n.styles-module__settingsPanel___qNkn- .styles-module__dropdownButton___mKHe8,\n.styles-module__settingsPanel___qNkn- .styles-module__sliderLabel___6K5v1,\n.styles-module__settingsPanel___qNkn- .styles-module__slider___v5z-c,\n.styles-module__settingsPanel___qNkn- .styles-module__themeToggle___3imlT {\n transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__settingsPanel___qNkn-.styles-module__enter___wginS {\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0px);\n transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;\n}\n.styles-module__settingsPanel___qNkn-.styles-module__exit___A4iJc {\n opacity: 0;\n transform: translateY(8px) scale(0.95);\n filter: blur(5px);\n pointer-events: none;\n transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease;\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___qNkn- {\n background: #1a1a1a;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___qNkn- .styles-module__settingsLabel___VCVOQ {\n color: rgba(255, 255, 255, 0.6);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___qNkn- .styles-module__settingsOption___JoyH- {\n color: rgba(255, 255, 255, 0.85);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___qNkn- .styles-module__settingsOption___JoyH-:hover {\n background: rgba(255, 255, 255, 0.1);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___qNkn- .styles-module__settingsOption___JoyH-.styles-module__selected___k1-Vq {\n background: rgba(255, 255, 255, 0.15);\n color: #fff;\n}\n\n.styles-module__settingsPanelContainer___5it-H {\n overflow: visible;\n position: relative;\n display: flex;\n padding: 0 16px;\n}\n\n.styles-module__settingsPage___BMn-3 {\n min-width: 100%;\n flex-basis: 0;\n flex-shrink: 0;\n transition: transform 0.2s ease, opacity 0.2s ease;\n transition-delay: 0s;\n opacity: 1;\n}\n\n.styles-module__settingsPage___BMn-3.styles-module__slideLeft___qUvW4 {\n transform: translateX(-24px);\n opacity: 0;\n pointer-events: none;\n}\n\n.styles-module__automationsPage___N7By0 {\n position: absolute;\n top: 0;\n left: 24px;\n width: 100%;\n height: 100%;\n padding: 0 16px 4px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n transition: transform 0.2s ease, opacity 0.2s ease;\n opacity: 0;\n pointer-events: none;\n}\n\n.styles-module__automationsPage___N7By0.styles-module__slideIn___uXDSu {\n transform: translateX(-24px);\n opacity: 1;\n pointer-events: auto;\n}\n\n.styles-module__settingsHeader___Fn1DP {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 24px;\n}\n\n.styles-module__settingsBrand___OoKlM {\n font-size: 0.8125rem;\n font-weight: 600;\n letter-spacing: -0.0094em;\n color: #fff;\n text-decoration: none;\n}\n\n.styles-module__settingsBrandSlash___Q-AU9 {\n color: var(--agentation-color-accent);\n transition: color 0.2s ease;\n}\n\n.styles-module__settingsVersion___rXmL9 {\n font-size: 11px;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.4);\n margin-left: auto;\n letter-spacing: -0.0094em;\n}\n\n.styles-module__themeToggle___3imlT {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n margin-left: 8px;\n border: none;\n border-radius: 6px;\n background: transparent;\n color: rgba(255, 255, 255, 0.4);\n transition: background-color 0.15s ease, color 0.15s ease;
1\n cursor: pointer;\n}\n.styles-module__themeToggle___3imlT:hover {\n background: rgba(255, 255, 255, 0.1);\n color: rgba(255, 255, 255, 0.8);\n}\n[data-agentation-theme=light] .styles-module__themeToggle___3imlT {\n color: rgba(0, 0, 0, 0.4);\n}\n[data-agentation-theme=light] .styles-module__themeToggle___3imlT:hover {\n background: rgba(0, 0, 0, 0.06);\n color: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__themeIconWrapper___pyaYa {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: 20px;\n height: 20px;\n}\n\n.styles-module__themeIcon___w7lAm {\n display: flex;\n align-items: center;\n justify-content: center;\n animation: styles-module__themeIconIn___qUWMV 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n\n.styles-module__settingsSectionGrow___eZTRw {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n\n.styles-module__settingsRow___y-tDE {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 24px;\n}\n.styles-module__settingsRow___y-tDE.styles-module__settingsRowMarginTop___uLpGb {\n margin-top: 8px;\n}\n\n.styles-module__settingsRowDisabled___ydl3Q .styles-module__settingsLabel___VCVOQ {\n color: rgba(255, 255, 255, 0.2);\n}\n[data-agentation-theme=light] .styles-module__settingsRowDisabled___ydl3Q .styles-module__settingsLabel___VCVOQ {\n color: rgba(0, 0, 0, 0.2);\n}\n\n.styles-module__settingsLabel___VCVOQ {\n display: flex;\n align-items: center;\n column-gap: 2px;\n line-height: 20px;\n font-size: 13px;\n font-weight: 400;\n letter-spacing: -0.15px;\n color: rgba(255, 255, 255, 0.5);\n}\n[data-agentation-theme=light] .styles-module__settingsLabel___VCVOQ {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__cycleButton___XMBx3 {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0;\n border: none;\n background: transparent;\n font-size: 0.8125rem;\n font-weight: 500;\n color: #fff;\n cursor: pointer;\n letter-spacing: -0.0094em;\n}\n[data-agentation-theme=light] .styles-module__cycleButton___XMBx3 {\n color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__cycleButton___XMBx3:disabled {\n opacity: 0.35;\n cursor: not-allowed;\n}\n\n.styles-module__cycleButtonText___mbbnD {\n display: inline-block;\n animation: styles-module__cycleTextIn___VBNTi 0.2s ease-out;\n}\n\n.styles-module__cycleDots___ehp6i {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.styles-module__cycleDot___zgSXY {\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n transform: scale(0.667);\n transition: background-color 0.25s ease-out, transform 0.25s ease-out;\n}\n.styles-module__cycleDot___zgSXY.styles-module__active___dpAhM {\n background: #fff;\n transform: scale(1);\n}\n[data-agentation-theme=light] .styles-module__cycleDot___zgSXY {\n background: rgba(0, 0, 0, 0.2);\n}\n[data-agentation-theme=light] .styles-module__cycleDot___zgSXY.styles-module__active___dpAhM {\n background: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__colorOptions___pbxZx {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 6px;\n height: 26px;\n}\n\n.styles-module__colorOption___Co955 {\n padding: 0;\n position: relative;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n background-color: #fff;\n cursor: pointer;\n}\n[data-agentation-theme=dark] .styles-module__colorOption___Co955 {\n background-color: #1a1a1a;\n}\n.styles-module__colorOption___Co955::before, .styles-module__colorOption___Co955::after {\n content: "";\n position: absolute;\n inset: 0;\n border-radius: 50%;\n background-color: var(--swatch);\n transition: opacity 0.2s, transform 0.2s;\n}\n@supports (color: color(display-p3 0 0 0)) {\n .styles-module__colorOption___Co955::before, .styles-module__colorOption___Co955::after {\n --color: var(--swatch-p3);\n }\n}\n.styles-module__colorOption___Co955::after {\n z-index: -1;\n transform: scale(1.2);\n opacity: 0;\n}\n.styles-module__colorOption___Co955.styles-module__selected___k1-Vq::before {\n transform: scale(0.8);\n}\n.styles-module__colorOption___Co955.styles-module__selected___k1-Vq::after {\n opacity: 1;\n}
1\n\n.styles-module__settingsNavLink___uYIwM {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n height: 24px;\n padding: 0;\n border: none;\n background: transparent;\n font-family: inherit;\n line-height: 20px;\n font-size: 13px;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.5);\n transition: color 0.15s ease;\n cursor: pointer;\n}\n.styles-module__settingsNavLink___uYIwM:hover {\n color: rgba(255, 255, 255, 0.9);\n}\n.styles-module__settingsNavLink___uYIwM svg {\n color: rgba(255, 255, 255, 0.4);\n transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___uYIwM:hover svg {\n color: #fff;\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___uYIwM {\n color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___uYIwM:hover {\n color: rgba(0, 0, 0, 0.8);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___uYIwM svg {\n color: rgba(0, 0, 0, 0.25);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___uYIwM:hover svg {\n color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__settingsNavLinkRight___XBUzC {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.styles-module__settingsBackButton___fflll {\n display: flex;\n align-items: center;\n gap: 4px;\n height: 24px;\n background: transparent;\n font-family: inherit;\n line-height: 20px;\n font-size: 13px;\n font-weight: 500;\n letter-spacing: -0.15px;\n color: #fff;\n cursor: pointer;\n transition: transform 0.12s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___fflll svg {\n opacity: 0.4;\n flex-shrink: 0;\n transition: opacity 0.15s ease, transform 0.18s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___fflll:hover svg {\n opacity: 1;\n}\n[data-agentation-theme=light] .styles-module__settingsBackButton___fflll {\n color: rgba(0, 0, 0, 0.85);\n border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__automationHeader___Avra9 {\n display: flex;\n align-items: center;\n gap: 0.125rem;\n font-size: 0.8125rem;\n font-weight: 400;\n color: #fff;\n}\n[data-agentation-theme=light] .styles-module__automationHeader___Avra9 {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__automationDescription___vFTmJ {\n font-size: 0.6875rem;\n font-weight: 300;\n color: rgba(255, 255, 255, 0.5);\n margin-top: 2px;\n line-height: 14px;\n}\n[data-agentation-theme=light] .styles-module__automationDescription___vFTmJ {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__learnMoreLink___cG7OI {\n color: rgba(255, 255, 255, 0.8);\n text-decoration-line: underline;\n text-decoration-style: dotted;\n text-decoration-color: rgba(255, 255, 255, 0.2);\n text-underline-offset: 2px;\n transition: color 0.15s ease;\n}\n.styles-module__learnMoreLink___cG7OI:hover {\n color: #fff;\n}\n[data-agentation-theme=light] .styles-module__learnMoreLink___cG7OI {\n color: rgba(0, 0, 0, 0.6);\n text-decoration-color: rgba(0, 0, 0, 0.2);\n}\n[data-agentation-theme=light] .styles-module__learnMoreLink___cG7OI:hover {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__autoSendContainer___VpkXk {\n display: flex;\n align-items: center;\n}\n\n.styles-module__autoSendLabel___ngNdC {\n padding-inline-end: 8px;\n font-size: 11px;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.4);\n transition: color 0.15s, opacity 0.15s;\n cursor: pointer;\n}\n.styles-module__autoSendLabel___ngNdC.styles-module__active___dpAhM {\n color: #66b8ff;\n color: color(display-p3 0.4 0.72 1);\n}\n[data-agentation-theme=light] .styles-module__autoSendLabel___ngNdC {\n color: rgba(0, 0, 0, 0.4);\n}\n[data-agentation-theme=light] .styles-module__autoSendLabel___ngNdC.styles-module__active___dpAhM {\n color: var(--agentation-color-blue);\n}\n.styles-module__autoSendLabel___ngNdC.styles-module__disabled___9AZYS {\n opacity: 0.3;\n cursor: not-allowed;\n}\n\n.styles-module__mcpStatusDot___8AMxP {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.styles-module__mcpStatusDot___8AMxP.styles-module__connecting___QEO1r {\n background-color: var(--agentation-color-yellow);\n animation: styles-module__mcpPulse___5Q3Jj 1.5s infinite;\n}\n.styles-module__mcpStatusDot___8AMxP.styles-module__connected___WyFkx {\n background-color: var(--agentation-color-green);\n animation: styles-module__mcpPulse___5Q3Jj 2.5s ease-in-out infinite;\n}\n.styles-module__mcpStatusDot___8AMxP.styles-module__disconnected___mvmvQ {\n background-color: var(--agentation-color-red);\n animation: styles-module__mcpPulseError___VHxhx 2s infinite;\n}\n\n.styles-module__mcpNavIndicator___auBHI {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.styles-module__mcpNavIndicator___auBHI.styles-module__connected___WyFkx {\n background-color: var(--agentation-color-green);\n animation: styles-module__mcpPulse___5Q3Jj 2.5s ease-in-out infinite;\n}\n.styles-module__mcpNavIndicator___auBHI.styles-module__connecting___QEO1r {\n background-color: var(--agentation-color-yellow);\n animation: styles-module__mcpPulse___5Q3Jj 1.5s ease-in-out infinite;\n}\n\n.styles-module__webhookUrlInput___WDDDC {\n display: block;\n width: 100%;\n flex: 1;\n min-height: 60px;\n box-sizing: border-box;\n margin-top: 11px;\n padding: 8px 10px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 6px;\n background: rgba(255, 255, 255, 0.03);\n font-family: inherit;\n font-size: 0.75rem;\n font-weight: 400;\n color: #fff;\n outline: none;\n resize: none;\n user-select: text;\n transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;\n}\n.styles-module__webhookUrlInput___WDDDC::placeholder {\n color: rgba(255, 255, 255, 0.3);\n}\n.styles-module__webhookUrlInput___WDDDC:focus {\n border-color: rgba(255, 255, 255, 0.3);\n background: rgba(255, 255, 255, 0.08);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___WDDDC {\n border-color: rgba(0, 0, 0, 0.1);\n background: rgba(0, 0, 0, 0.03);\n color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___WDDDC::placeholder {\n color: rgba(0, 0, 0, 0.3);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___WDDDC:focus {\n border-color: rgba(0, 0, 0, 0.25);\n background: rgba(0, 0, 0, 0.05);\n}\n\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- {\n background: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn-::before {\n background: linear-gradient(to right, #fff 0%, transparent 100%);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn-::after {\n background: linear-gradient(to left, #fff 0%, transparent 100%);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__settingsHeader___Fn1DP {\n border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__settingsBrand___OoKlM {\n color: #E5484D;\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__settingsVersion___rXmL9 {\n
1color: rgba(0, 0, 0, 0.4);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__settingsSection___n5V-4 {\n border-top-color: rgba(0, 0, 0, 0.08);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__settingsLabel___VCVOQ {\n color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__cycleButton___XMBx3 {\n color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__cycleDot___zgSXY {\n background: rgba(0, 0, 0, 0.2);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__cycleDot___zgSXY.styles-module__active___dpAhM {\n background: rgba(0, 0, 0, 0.7);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__dropdownButton___mKHe8 {\n color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__dropdownButton___mKHe8:hover {\n background: rgba(0, 0, 0, 0.05);\n}\n\n.styles-module__checkboxField___ZrSqv:not(:first-child) {\n margin-top: 8px;\n}\n\n.styles-module__divider___h6Yux {\n margin-block: 8px;\n width: 100%;\n height: 1px;\n background-color: rgba(26, 26, 26, 0.07);\n}\n[data-agentation-theme=dark] .styles-module__divider___h6Yux {\n background-color: rgba(255, 255, 255, 0.07);\n}'}var tQ={settingsPanel:"styles-module__settingsPanel___qNkn-",settingsHeader:"styles-module__settingsHeader___Fn1DP",settingsBrand:"styles-module__settingsBrand___OoKlM",settingsBrandSlash:"styles-module__settingsBrandSlash___Q-AU9",settingsVersion:"styles-module__settingsVersion___rXmL9",settingsSection:"styles-module__settingsSection___n5V-4",settingsLabel:"styles-module__settingsLabel___VCVOQ",cycleButton:"styles-module__cycleButton___XMBx3",cycleDot:"styles-module__cycleDot___zgSXY",dropdownButton:"styles-module__dropdownButton___mKHe8",sliderLabel:"styles-module__sliderLabel___6K5v1",slider:"styles-module__slider___v5z-c",themeToggle:"styles-module__themeToggle___3imlT",enter:"styles-module__enter___wginS",exit:"styles-module__exit___A4iJc",settingsOption:"styles-module__settingsOption___JoyH-",selected:"styles-module__selected___k1-Vq",settingsPanelContainer:"styles-module__settingsPanelContainer___5it-H",settingsPage:"styles-module__settingsPage___BMn-3",slideLeft:"styles-module__slideLeft___qUvW4",automationsPage:"styles-module__automationsPage___N7By0",slideIn:"styles-module__slideIn___uXDSu",themeIconWrapper:"styles-module__themeIconWrapper___pyaYa",themeIcon:"styles-module__themeIcon___w7lAm",themeIconIn:"styles-module__themeIconIn___qUWMV",settingsSectionGrow:"styles-module__settingsSectionGrow___eZTRw",settingsRow:"styles-module__settingsRow___y-tDE",settingsRowMarginTop:"styles-module__settingsRowMarginTop___uLpGb",settingsRowDisabled:"styles-module__settingsRowDisabled___ydl3Q",cycleButtonText:"styles-module__cycleButtonText___mbbnD",cycleTextIn:"styles-module__cycleTextIn___VBNTi",cycleDots:"styles-module__cycleDots___ehp6i",active:"styles-module__active___dpAhM",colorOptions:"styles-module__colorOptions___pbxZx",colorOption:"styles-module__colorOption___Co955",settingsNavLink:"styles-module__settingsNavLink___uYIwM",settingsNavLinkRight:"styles-module__settingsNavLinkRight___XBUzC",settingsBackButton:"styles-module__settingsBackButton___fflll",automationHeader:"styles-module__automationHeader___Avra9",automationDescription:"styles-module__automationDescription___vFTmJ",learnMoreLink:"styles-module__learnMoreLink___cG7OI",autoSendContainer:"styles-module__autoSendContainer___VpkXk",autoSendLabel:"styles-module__autoSendLabel___ngNdC",disabled:"styles-module__disabled___9AZYS",mcpStatusDot:"styles-module__mcpStatusDot___8AMxP",connecting:"styles-module__connecting___QEO1r",mcpPulse:"styles-module__mcpPulse___5Q3Jj",connected:"styles-module__connected___WyFkx",disconnected:"styles-module__disconnected___mvmvQ",mcpPulseError:"styles-module__mcpPulseError___VHxhx",mcpNavIndicator:"styles-module__mcpNavIndicator___auBHI",
1webhookUrlInput:"styles-module__webhookUrlInput___WDDDC",checkboxField:"styles-module__checkboxField___ZrSqv",divider:"styles-module__divider___h6Yux",scaleIn:"styles-module__scaleIn___QpQ8E"};function tq(e){var t;let{settings:n,onSettingsChange:o,isDarkMode:r,onToggleTheme:s,isDevMode:a,connectionStatus:i,endpoint:c,isVisible:d,toolbarNearBottom:_,settingsPage:u,onSettingsPageChange:h,onHideToolbar:m}=e;return(0,l.jsx)("div",{className:"".concat(tQ.settingsPanel," ").concat(d?tQ.enter:tQ.exit),style:_?{bottom:"auto",top:"calc(100% + 0.5rem)"}:void 0,"data-agentation-settings-panel":!0,children:(0,l.jsxs)("div",{className:tQ.settingsPanelContainer,children:[(0,l.jsxs)("div",{className:"".concat(tQ.settingsPage," ").concat("automations"===u?tQ.slideLeft:""),children:[(0,l.jsxs)("div",{className:tQ.settingsHeader,children:[(0,l.jsx)("a",{className:tQ.settingsBrand,href:"https://agentation.com",target:"_blank",rel:"noopener noreferrer",children:(0,l.jsx)("svg",{width:"72",height:"16",viewBox:"0 0 676 151",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M79.6666 100.561L104.863 15.5213C107.828 4.03448 99.1201 -3.00582 88.7449 1.25541L3.52015 39.6065C1.48217 40.5329 0 42.7562 0 45.1647C0 48.6848 2.77907 51.4639 6.29922 51.4639C7.22558 51.4639 8.15193 51.2786 9.07829 50.9081L93.7472 12.7422C97.2674 11.0748 93.7472 8.29572 92.6356 12.1864L67.624 97.2259C66.5123 100.931 69.4767 105.193 73.7379 105.193C76.517 105.193 79.1108 103.155 79.6666 100.561ZM663.641 100.005C665.679 107.231 677.537 104.081 675.499 96.8553L666.05 66.2856C663.456 57.7631 655.489 55.7251 648.82 61.098L618.991 86.6654C617.324 87.9623 621.029 89.815 621.214 88.1476L625.846 61.6538C626.958 55.3546 624.179 50.5375 615.841 50.5375L579.158 51.0934C576.008 51.0934 578.417 53.8724 578.417 57.022C578.417 60.1716 580.825 61.6538 583.975 61.6538L616.212 60.9127C616.397 60.9127 614.544 59.6158 614.544 59.8011L609.727 88.7034C607.875 99.6344 617.694 102.784 626.031 95.7437L655.86 70.1763L654.192 69.6205L663.641 100.005ZM571.191 89.0739C555.443 88.7034 562.298 61.4685 578.787 61.8391C594.72 62.0243 587.124 89.2592 571.191 89.0739ZM571.006 100.375C601.575 100.931 611.024 51.6492 579.158 51.0934C547.847 50.5375 540.065 99.8197 571.006 100.375ZM521.909 46.4616C525.985 46.4616 529.505 42.9414 529.505 38.6802C529.505 34.4189 525.985 31.0841 521.909 31.0841C517.833 31.0841 514.127 34.6042 514.127 38.6802C514.127 42.7562 517.648 46.4616 521.909 46.4616ZM472.256 103.525C493.192 103.71 515.98 73.3259 519.13 62.3949L509.866 60.9127C505.234 73.3259 497.638 101.672 519.871 102.043C536.545 102.228 552.479 85.3685 563.595 70.1763C564.151 69.2499 564.706 68.1383 564.706 66.8414C564.706 63.6918 563.965 61.098 560.816 61.098C558.963 61.098 557.296 62.0243 556.184 63.5065C546.365 77.0313 530.802 90.9266 522.094 90.7414C511.904 90.5561 517.462 71.4732 519.871 64.9887C523.391 55.7251 512.831 53.5019 509.681 60.9127C506.531 68.6941 488.19 92.4088 475.035 92.2235C467.439 92.0383 464.29 83.8863 472.441 59.9864L486.707 17.7445C487.634 14.4097 485.41 10.519 481.334 10.519C478.741 10.519 476.517 12.1864 475.962 14.4097L461.696 56.4662C451.506 86.4801 455.211 103.155 472.256 103.525ZM447.43 42.5709L496.527 41.4593C499.306 41.4593 501.529 39.0507 501.529 36.2717C501.529 33.3073 499.306 31.0841 496.341 31.0841L447.245 32.1957C444.466 32.1957 442.242 34.4189 442.242 37.3833C442.242 40.1624 444.466 42.5709 447.43 42.5709ZM422.974 106.304C435.387 106.489 457.249 94.8173 472.441 53.8724C473.553 50.7228 472.071 48.3143 468.365 48.3143C466.142 48.3143 464.29 49.6112 463.548 51.6492C450.394 87.2212 431.682 96.1142 424.456 95.929C419.454 95.929 417.972 93.3352 418.713 85.5538C419.454 78.1429 410.376 74.9933 406.114 81.1073C401.297 87.777 394.442 94.2615 385.549 94.0763C370.172 93.891 376.471 67.0267 399.815 67.3972C408.338 67.5825 414.452 71.4732 417.045 76.6608C417.786 78.3282 419.454 79.6251 421.492 79.6251C424.271 79.6251 426.679 77.2166 426.679 74.4375C426.679 73.6964 426.494 72.9553 426.124 72.2143C421.862 63.6918 412.414 57.3926 400 57.2073C363.502 56.6515 353.497 104.451 383.326 104.822C397.036 105.193 410.005 94.0763 413.34 85.9243C412.599 86.8507 408.338 86.6654 408.523 84.4422C407.411 97.4111 410.931 106.119 422.974 106.304ZM335.897 104.266C335.897 115.012 347.569 117.606 347.569 103.34C347.569 89.0739 358.5 54.4282 361.464 45.1647L396.666 43.6825C405.929 43.1267 404.262 33.1221 397.036 33.3073L364.984 34.4189L368.875 22.7469C369.801 20.1531 370.542 17.9298 370.542 16.2624C370.542 13.4833 368.504 11.8159 365.911 11.8159C362.946 11.8159 360.352 12.7422 357.573 21.0794L352.942 35.16L330.153 36.0864C326.263 36.4569 323.483 38.1244 323.483 41.6445C323.483 45.5352 326.448 47.0174 330.709 46.8321L349.421 45.9058C345.901 56.6515 335.897 90.7414 335.897 104.266ZM186.939 78.6988C193.979 56.4662 212.877 54.984 212.877 62.9507C212.877 68.3236 203.984 77.0313 186.939 78.6988ZM113.942 150.955C142.844 152.437 159.704 111.492 160.63 80.5515C161.556 73.3259 153.96 70.3616 148.773 75.7344C141.918 83.1453 129.505 93.1499 119.685 93.1499C103.011 93.1499 116.165 59.8011 143.956 59.8011C149.514 59.8011 153.59 61.6538 156.184 64.0623C160.815 68.3236 170.82 62.0243 165.818 56.0957C161.927 51.4639 155.072 48.129 144.882 48.129C102.455 48.129 83.7426 105.007 116.721 105.007C134.692 105.007 151.367 88.3329 155.257 82.7747C154.516 83.5158 149.329 81.2925 149.699 79.4398L149.143 83.5158C148.958 107.045 134.322 141.506 116.536 139.838C113.386 139.468 112.089 137.43 112.089 134.836C112.089 128.907 122.094 119.273 145.067 113.53C159.518 109.824 152.293 101.487 143.4 104.081C111.163 113.53 99.6759 127.425 99.6759 137.8C99.6759 145.026 105.605 150.584 113.942 150.955ZM194.72 109.454C214.359 109.454 239 95.3732 251.228 77.9577C250.301 82.96 246.596 96.8553 246.596 101.487C246.596 110.01 254.748 109.454 261.232 102.784L288.097 75.5491L290.32 85.7391C293.284 99.4491 299.213 104.822 308.847 104.822C326.263 104.822 342.196 85.7391 349.421 74.8081L344.049 63.6918C339.787 74.8081 321.631 92.5941 311.626 92.5941C306.994 92.5941 304.771 89.815 303.289 83.7011L300.325 71.2879C297.916 60.7275 289.023 58.3189 279.018 68.1383L261.788 84.8127L264.382 69.991C266.235 59.2453 255.674 58.1337 250.116 65.915C241.779 77.0313 216.767 97.7817 196.387 97.7817C187.865 97.7817 185.456 93.7057 185.456 88.3329C230.848 84.998 239.185 47.2027 208.986 47.2027C172.858 47.2027 157.11 109.454 194.72 109.454Z",fill:"currentColor"})})}),(0,l.jsxs)("p",{className:tQ.settingsVersion,children:["v","3.0.2"]}),(0,l.jsx)("button",{className:tQ.themeToggle,onClick:s,title:r?"Switch to light mode":"Switch to dark mode",children:(0,l.jsx)("span",{className:tQ.themeIconWrapper,children:(0,l.jsx)("span",{className:tQ.themeIcon,children:r?(0,l.jsx)(P,{size:20}):(0,l.jsx)(z,{size:20})},r?"sun":"moon")})})]}),(0,l.jsx)("div",{className:tQ.divider}),(0,l.jsxs)("div",{className:tQ.settingsSection,children:[(0,l.jsxs)("div",{className:tQ.settingsRow,children:[(0,l.jsxs)("div",{className:tQ.settingsLabel,children:["Output Detail",(0,l.jsx)(eo,{content:"Controls how much detail is included in the copied output"})]}),(0,l.jsxs)("button",{className:tQ.cycleButton,onClick:()=>{let e=(tW.findIndex(e=>e.value===n.outputDetail)+1)%tW.length;o({outputDetail:tW[e].value})},children:[(0,l.jsx)("span",{className:tQ.cycleButtonText,children:null==(t=tW.find(e=>e.value===n.outputDetail))?void 0:t.label},n.outputDetail),(0,l.jsx)("span",{className:tQ.cycleDots,children:tW.map(e=>(0,l.jsx)("span",{className:"".concat(tQ.cycleDot," ").concat(n.outputDetail===e.value?tQ.active:"")},e.value))})]})]}),(0,l.jsxs)("div",{className:"".concat(tQ.settingsRow," ").concat(tQ.settingsRowMarginTop," ").concat(a?"":tQ.settingsRowDisabled),children:[(0,l.jsxs)("div",{className:tQ.settingsLabel,children:["React Components",(0,l.jsx)(eo,{content:a?"Include React component names in annotations":"Disabled â production builds minify component names, making detection unreliable. Use in development mode."})]}),(0,l.jsx)(tF,{checked:a&&n.reactEnabled,onChange:e=>o({reactEnabled:e.target.checked}),disabled:!a})]}),(0,l.jsxs)("div",{className:"".concat(tQ.settingsRow," ").concat(tQ.settingsRowMarginTop),children:[(0,l.jsxs)("div",{className:tQ.settingsLabel,children:["Hide Until Restart",(0,l.jsx)(eo,{content:"Hides the toolbar until you open a new tab"})]}),(0,l.jsx)(tF,{checked:!1,onChange:e=>{e.target.checked&&m()}})]})]}),(0,l.jsx)("div",{className:tQ.divider}),(0,l.jsxs)("div",{className:tQ.settingsSection,children:[(0,l.jsx)("div",{className:"".concat(tQ.settingsLabel," ").concat(tQ.settingsLabelMarker),children:"Marker Color"}),(0,l.jsx)("div",{className:tQ.colorOptions,children:tG.map(e=>(0,l.jsx)("button",{className:"".concat(tQ.colorOption," ").concat(n.annotationColorId===e.id?tQ.selected:""),style:{"--swatch":e.srgb,"--swatch-p3":e.p3},onClick:()=>o({annotationColorId:e.id}),title:e.label,type:"button"},e.id))})]}),(0,l.jsx)("div",{className:tQ.divider}),(0,l.jsxs)("div",{className:tQ.settingsSection,children:[(0,l.jsx)(tU,{className:"checkbox-field",label:"Clear on copy/send",checked:n.autoClearAfterCopy,onChange:e=>o({autoClearAfterCopy:e.target.checked}),tooltip:"Automatically clear annotations after copying"}),(0,l.jsx)(tU,{className:tQ.checkboxField,label:"Block page interactions",checked:n.blockInteractions,onChange:e=>o({blockInteractions:e.target.checked})})]}),(0,l.jsx)("div",{className:tQ.divider}),(0,l.jsxs)("button",{className:tQ.settingsNavLink,onClick:()=>h("automations"),children:[(0,l.jsx)("span",{children:"Manage MCP & Webhooks"}),(0,l.jsxs)("span",{className:tQ.settingsNavLinkRight,children:[c&&"disconnected"!==i&&(0,l.jsx)("span",{className:"".concat(tQ.mcpNavIndicator," ").concat(tQ[i])}),(0,l.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M7.5 12.5L12 8L7.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})]}),(0,l.jsxs)("div",{className:"".concat(tQ.settingsPage," ").concat(tQ.automationsPage," ").concat("automations"===u?tQ.slideIn:""),children:[(0,l.jsxs)("button",{className:tQ.settingsBackButton,onClick:()=>h("main"),children:[(0,l.jsx)(A,{size:16}),(0,l.jsx)("span",{children:"Manage MCP & Webhooks"})]}),(0,l.jsx)("div",{className:tQ.divider}),(0,l.jsxs)("div",{className:tQ.settingsSection,children:[(0,l.jsxs)("div",{className:tQ.settingsRow,children:[(0,l.jsxs)("span",{className:tQ.automationHeader,children:["MCP Connection",(0,l.jsx)(eo,{content:"Connect via Model Context Protocol to let AI agents like Claude Code receive annotations in real-time."})]}),c&&(0,l.jsx)("div",{className:"".concat(tQ.mcpStatusDot," ").concat(tQ[i]),title:"connected"===i?"Connected":"connecting"===i?"Connecting...":"Disconnected"})]}),(0,l.jsxs)("p",{className:tQ.automationDescription,style:{paddingBottom:6},children:["MCP connection allows agents to receive and act on annotations."," ",(0,l.jsx)("a",{href:"https://agentation.dev/mcp",target:"_blank",rel:"noopener noreferrer",className:tQ.learnMoreLink,children:"Learn more"})]})]}),(0,l.jsx)("div",{className:tQ.divider}),(0,l.jsxs)("div",{className:"".concat(tQ.settingsSection," ").concat(tQ.settingsSectionGrow),children:[(0,l.jsxs)("div",{className:tQ.settingsRow,children:[(0,l.jsxs)("span",{className:tQ.automationHeader,children:["Webhooks",(0,l.jsx)(eo,{content:"Send annotation data to any URL endpoint when annotations change. Useful for custom integrations."})]}),(0,l.jsxs)("div",{className:tQ.autoSendContainer,children:[(0,l.jsx)("label",{htmlFor:"agentation-auto-se
1nd",className:"".concat(tQ.autoSendLabel," ").concat(n.webhooksEnabled?tQ.active:""," ").concat(n.webhookUrl?"":tQ.disabled),children:"Auto-Send"}),(0,l.jsx)(tF,{id:"agentation-auto-send",checked:n.webhooksEnabled,onChange:e=>o({webhooksEnabled:e.target.checked}),disabled:!n.webhookUrl})]})]}),(0,l.jsx)("p",{className:tQ.automationDescription,children:"The webhook URL will receive live annotation changes and annotation data."}),(0,l.jsx)("textarea",{className:tQ.webhookUrlInput,placeholder:"Webhook URL",value:n.webhookUrl,onKeyDown:e=>e.stopPropagation(),onChange:e=>o({webhookUrl:e.target.value})})]})]})]})})}function tV(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"filtered",{name:n,path:o}=eS(e);if("off"===t)return{name:n,elementName:n,path:o,reactComponents:null};let r=function(e,t){let n=function(e){var t,n,o,r;let l=null!=(t=null==e?void 0:e.mode)?t:"filtered",s=tv;return(null==e?void 0:e.skipExact)&&(s=new Set([...tv,...e.skipExact instanceof Set?e.skipExact:new Set(e.skipExact)])),{maxComponents:null!=(n=null==e?void 0:e.maxComponents)?n:6,maxDepth:null!=(o=null==e?void 0:e.maxDepth)?o:30,mode:l,skipExact:s,skipPatterns:(null==e?void 0:e.skipPatterns)?[...tk,...e.skipPatterns]:tk,userPatterns:null!=(r=null==e?void 0:e.userPatterns)?r:tj,filter:null==e?void 0:e.filter}}(t),o="all"===n.mode;if(o){let t=tM.map.get(e);if(void 0!==t)return t}if(!function(){if(null!==tC)return tC;if("undefined"==typeof document)return!1;if(document.body&&tS(document.body))return tC=!0,!0;for(let e of["#root","#app","#__next","[data-reactroot]"]){let t=document.querySelector(e);if(t&&tS(t))return tC=!0,!0}if(document.body){for(let e of document.body.children)if(tS(e))return tC=!0,!0}return tC=!1,!1}()){let t={path:null,components:[]};return o&&tM.map.set(e,t),t}let r="smart"===n.mode?function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=new Set,o=e,r=0;for(;o&&r<t;)o.className&&"string"==typeof o.className&&o.className.split(/\s+/).forEach(e=>{if(e.length>1){let t=e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"").toLowerCase();t.length>1&&n.add(t)}}),o=o.parentElement,r++;return n}(e):void 0,l=[];try{let t=function(e){let t=Object.keys(e).find(e=>e.startsWith("__reactFiber$")||e.startsWith("__reactInternalInstance$"))||null;return t?e[t]:null}(e),o=0;for(;t&&o<n.maxDepth&&l.length<n.maxComponents;){let e=function(e){let{tag:t,type:n,elementType:o}=e;if(t===tw.HostComponent||t===tw.HostText||t===tw.HostHoistable||t===tw.HostSingleton||t===tw.Fragment||t===tw.Mode||t===tw.Profiler||t===tw.DehydratedFragment||t===tw.HostRoot||t===tw.HostPortal||t===tw.ScopeComponent||t===tw.OffscreenComponent||t===tw.LegacyHiddenComponent||t===tw.CacheComponent||t===tw.TracingMarkerComponent||t===tw.Throw||t===tw.ViewTransitionComponent||t===tw.ActivityComponent)return null;if(t===tw.ForwardRef){if(null==o?void 0:o.render){let e=tL(o.render);if(e)return e}return(null==o?void 0:o.displayName)?o.displayName:tL(n)}if(t===tw.MemoComponent||t===tw.SimpleMemoComponent){if(null==o?void 0:o.type){let e=tL(o.type);if(e)return e}return(null==o?void 0:o.displayName)?o.displayName:tL(n)}if(t===tw.ContextProvider){var r;return(null==n||null==(r=n._context)?void 0:r.displayName)?"".concat(n._context.displayName,".Provider"):null}return t===tw.ContextConsumer?(null==n?void 0:n.displayName)?"".concat(n.displayName,".Consumer"):null:t===tw.LazyComponent?(null==o?void 0:o._status)===1&&o._result?tL(o._result):null:t===tw.SuspenseComponent||t===tw.SuspenseListComponent?null:t===tw.IncompleteClassComponent||t===tw.IncompleteFunctionComponent||t===tw.FunctionComponent||t===tw.ClassComponent||t===tw.IndeterminateComponent?tL(n):null}(t);e&&!(e.length<=2||e.length<=3&&e===e.toLowerCase())&&function(e,t,n,o){if(n.filter)return n.filter(e,t);switch(n.mode){case"all":default:return!0;case"filtered":if(n.skipExact.has(e)||n.skipPatterns.some(t=>t.test(e)))return!1;return!0;case"smart":if(n.skipExact.has(e)||n.skipPatterns.some(t=>t.test(e)))return!1;if(o&&function(e,t){let n=e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z][a-z])/g,"$1-$2").toLowerCase();for(let e of t){if(e===n)return!0;let t=n.split("-").filter(e=>e.length>2),o=e.split("-").filter(e=>e.length>2);for(let e of t)for(let t of o)if(e===t||e.includes(t)||t.includes(e))return!0}return!1}(e,o)||n.userPatterns.some(t=>t.test(e)))return!0;return!1}}(e,o,n,r)&&l.push(e),t=t.return,o++}}catch(n){let t={path:null,components:[]};return o&&tM.map.set(e,t),t}if(0===l.length){let t={path:null,components:[]};return o&&tM.map.set(e,t),t}let s={path:l.slice().reverse().map(e=>"<".concat(e,">")).join(" "),components:l};return o&&tM.map.set(e,s),s}(e,{mode:t});return{name:r.path?"".concat(r.path," ").concat(n):n,elementName:n,path:o,reactComponents:r.path}}var tZ=!1,tJ={outputDetail:"standard",autoClearAfterCopy:!1,annotationColorId:"blue",blockInteractions:!0,reactEnabled:!0,markerClickBehavior:"edit",webhookUrl:"",webhooksEnabled:!0},tK=e=>{if(!e||!e.trim())return!1;try{let t=new URL(e.trim());return"http:"===t.protocol||"https:"===t.protocol}catch(e){return!1}},tG=[{id:"indigo",label:"Indigo",srgb:"#6155F5",p3:"color(display-p3 0.38 0.33 0.96)"},{id:"blue",label:"Blue",srgb:"#0088FF",p3:"color(display-p3 0.00 0.53 1.00)"},{id:"cyan",label:"Cyan",srgb:"#00C3D0",p3:"color(display-p3 0.00 0.76 0.82)"},{id:"green",label:"Green",srgb:"#34C759",p3:"color(display-p3 0.20 0.78 0.35)"},{id:"yellow",label:"Yellow",srgb:"#FFCC00",p3:"color(display-p3 1.00 0.80 0.00)"},{id:"orange",label:"Orange",srgb:"#FF8D28",p3:"color(display-p3 1.00 0.55 0.16)"},{id:"red",label:"Red",srgb:"#FF383C",p3:"color(display-p3 1.00 0.22 0.24)"}];function t$(e,t){let n=document.elementFromPoint(e,t);if(!n)return null;for(;null==n?void 0:n.shadowRoot;){let o=n.shadowRoot.elementFromPoint(e,t);if(!o||o===n)break;n=o}return n}function t0(e){let t=e;for(;t&&t!==document.body;){let e=window.getComputedStyle(t).position;if("fixed"===e||"sticky"===e)return!0;t=t.parentElement}return!1}function t1(e){return"resolved"!==e.status&&"dismissed"!==e.status}function t5(e){let t=tE(e),n=t.found?t:function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=e,o=0;for(;n&&o<t;){let e=tE(n);if(e.found)return e;n=n.parentElement,o++}return tE(e)}(e);if(n.found&&n.source)return function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"path",{fileName:n,lineNumber:o,columnNumber:r}=e,l="".concat(n,":").concat(o);return(void 0!==r&&(l+=":".concat(r)),"vscode"===t)?"vscode://file".concat(n.startsWith("/")?"":"/").concat(l):l}(n.source,"path")}function t2(){var e,t,n,s,a,i,c;
1let{demoAnnotations:d,demoDelay:_=1e3,enableDemoMode:h=!1,onAnnotationAdd:m,onAnnotationDelete:g,onAnnotationUpdate:x,onAnnotationsClear:f,onCopy:b,onSubmit:w,copyToClipboard:j=!0,endpoint:S,sessionId:M,onSessionCreated:L,webhookUrl:B,className:N}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[E,R]=(0,o.useState)(!1),[W,P]=(0,o.useState)([]),[z,T]=(0,o.useState)(!0),[O,A]=(0,o.useState)(()=>(function(){if("undefined"==typeof window)return!1;try{return"1"===sessionStorage.getItem(tg)}catch(e){return!1}})()),[F,H]=(0,o.useState)(!1),q=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=e=>{let t=q.current;t&&t.contains(e.target)&&e.stopPropagation()},t=["mousedown","click","pointerdown"];return t.forEach(t=>document.body.addEventListener(t,e)),()=>{t.forEach(t=>document.body.removeEventListener(t,e))}},[]);let[$,et]=(0,o.useState)(!1),[en,el]=(0,o.useState)(!1),[es,ea]=(0,o.useState)(null),[ei,ec]=(0,o.useState)({x:0,y:0}),[ed,e_]=(0,o.useState)(null),[eh,em]=(0,o.useState)(!1),[ep,ey]=(0,o.useState)("idle"),[ex,ef]=(0,o.useState)(!1),[ew,ek]=(0,o.useState)(!1),[ej,eC]=(0,o.useState)(null),[eL,eN]=(0,o.useState)(null),[eE,eR]=(0,o.useState)([]),[eW,eD]=(0,o.useState)(null),[ez,eY]=(0,o.useState)(null),[eJ,eK]=(0,o.useState)(null),[eG,e$]=(0,o.useState)(null),[e0,e5]=(0,o.useState)([]),[e2,e4]=(0,o.useState)(0),[e6,e3]=(0,o.useState)(!1),[e8,e7]=(0,o.useState)(!1),[e9,tu]=(0,o.useState)(!1),[tw,tv]=(0,o.useState)(!1),[tk,tj]=(0,o.useState)(!1),[tC,tS]=(0,o.useState)("main"),[tM,tL]=(0,o.useState)(!1),[tI,tB]=(0,o.useState)(!1),[tN,tE]=(0,o.useState)(!1),[tW,tP]=(0,o.useState)([]),[tA,tF]=(0,o.useState)(null),tH=(0,o.useRef)(!1),[tY,tX]=(0,o.useState)(!1),[tU,tQ]=(0,o.useState)(!1),[t2,t4]=(0,o.useState)(1),[t6,t3]=(0,o.useState)("new-page"),[t8,t7]=(0,o.useState)(""),[t9,ne]=(0,o.useState)(!1),[nt,nn]=(0,o.useState)(null),no=(0,o.useRef)(!1),nr=(0,o.useRef)({rearrange:null,placements:[]}),nl=(0,o.useRef)({rearrange:null,placements:[]}),[ns,na]=(0,o.useState)(0),[ni,nc]=(0,o.useState)(0),[nd,n_]=(0,o.useState)(0),[nu,nh]=(0,o.useState)(0),nm=(0,o.useRef)(new Set),ng=(0,o.useRef)(new Set),np=(0,o.useRef)(null),ny=(0,o.useRef)(),nx=tI&&E&&!tN&&tY;(0,o.useEffect)(()=>{if(nx){tQ(!1);let e=K(()=>{tQ(!0)});return()=>cancelAnimationFrame(e)}tQ(!1)},[nx]);let nf=(0,o.useRef)(new Map),nb=(0,o.useRef)(new Map),nw=(0,o.useRef)(),[nv,nk]=(0,o.useState)(!1),[nj,nC]=(0,o.useState)([]);(0,o.useRef)(nj).current=nj;let[nS,nM]=(0,o.useState)(null),nL=(0,o.useRef)(null);(0,o.useRef)(!1),(0,o.useRef)([]),(0,o.useRef)(0),(0,o.useRef)(null),(0,o.useRef)(null),(0,o.useRef)(1);let[nI,nB]=(0,o.useState)(!1),nN=(0,o.useRef)(null),[nE,nR]=(0,o.useState)([]),nW=(0,o.useRef)({cmd:!1,shift:!1}),nD=()=>{tL(!0)};(0,o.useEffect)(()=>()=>{nN.current&&clearTimeout(nN.current)},[]);let[nP,nz]=(0,o.useState)(()=>{try{var e;let t=JSON.parse(null!=(e=localStorage.getItem("feedback-toolbar-settings"))?e:"");return{...tJ,...t,annotationColorId:tG.find(e=>e.id===t.annotationColorId)?t.annotationColorId:tJ.annotationColorId}}catch(e){return tJ}}),[nT,nO]=(0,o.useState)(!0),[nA,nF]=(0,o.useState)(!1),[nH,nY]=(0,o.useState)(null!=M?M:null),nX=(0,o.useRef)(!1),[nU,nQ]=(0,o.useState)(S?"connecting":"disconnected"),[nq,nV]=(0,o.useState)(null),[nZ,nJ]=(0,o.useState)(!1),[nK,nG]=(0,o.useState)(null),n$=(0,o.useRef)(!1),[n0,n1]=(0,o.useState)(new Set),[n5,n2]=(0,o.useState)(new Set),[n4,n6]=(0,o.useState)(!1),[n3,n8]=(0,o.useState)(!1),[n7,n9]=(0,o.useState)(!1),oe=(0,o.useRef)(null),ot=(0,o.useRef)(null),on=(0,o.useRef)(null),oo=(0,o.useRef)(null),or=(0,o.useRef)(!1),ol=(0,o.useRef)(0),os=(0,o.useRef)(null),oa=(0,o.useRef)(null),oi=(0,o.useRef)(null),oc=(0,o.useRef)(null),od=(0,o.useRef)(null),o_="undefined"!=typeof window?window.location.pathname:"/";(0,o.useEffect)(()=>{if(tw)tj(!0);else{tL(!1),tS("main");let e=Z(()=>tj(!1),0);return()=>clearTimeout(e)}},[tw]);let ou=E&&z&&!tI;(0,o.useEffect)(()=>{if(ou){el(!1),et(!0),n1(new Set);let e=Z(()=>{n1(e=>{let t=new Set(e);return W.forEach(e=>t.add(e.id)),t})},350);return()=>clearTimeout(e)}if($){el(!0);let e=Z(()=>{et(!1),el(!1)},250);return()=>clearTimeout(e)}},[ou]),(0,o.useEffect)(()=>{e7(!0),e4(window.scrollY),P(tr(o_).filter(t1)),tZ||(nF(!0),tZ=!0,Z(()=>nF(!1),750));try{let e=localStorage.getItem("feedback-toolbar-theme");null!==e&&nO("dark"===e)}catch(e){}try{let e=localStorage.getItem("feedback-toolbar-position");if(e){let t=JSON.parse(e);"number"==typeof t.x&&"number"==typeof t.y&&nV(t)}}catch(e){}},[o_]),(0,o.useEffect)(()=>{e8&&localStorage.setItem("feedback-toolbar-settings",JSON.stringify(nP))},[nP,e8]),(0,o.useEffect)(()=>{e8&&localStorage.setItem("feedback-toolbar-theme",nT?"dark":"light")},[nT,e8]);let oh=(0,o.useRef)(!1);(0,o.useEffect)(()=>{let e=oh.current;oh.current=nZ,e&&!nZ&&nq&&e8&&localStorage.setItem("feedback-toolbar-position",JSON.stringify(nq))},[nZ,nq,e8]),(0,o.useEffect)(()=>{S&&e8&&!nX.current&&(nX.current=!0,nQ("connecting"),(async()=>{try{let e=function(e){if("undefined"==typeof window)return null;try{return localStorage.getItem(th(e))}catch(e){return null}}(o_),t=M||e,n=!1;if(t)try{let e=await ty(S,t);nY(e.id),nQ("connected"),tm(o_,e.id),n=!0;let o=tr(o_),r=new Set(e.annotations.map(e=>e.id)),l=o.filter(e=>!r.has(e.id));if(l.length>0){let t="undefined"!=typeof window?window.location.origin:"",n="".concat(t).concat(o_),o=(await Promise.allSettled(l.map(t=>tx(S,e.id,{...t,sessionId:e.id,url:n})))).map((e,t)=>"fulfilled"===e.status?e.value:(console.warn("[Agentation] Failed to sync annotation:",e.reason),l[t])),r
1=[...e.annotations,...o];P(r.filter(t1)),ts(o_,r.filter(t1),e.id)}else P(e.annotations.filter(t1)),ts(o_,e.annotations.filter(t1),e.id)}catch(e){console.warn("[Agentation] Could not join session, creating new:",e);if("undefined"!=typeof window)try{localStorage.removeItem(th(o_))}catch(e){}}if(!n){let e="undefined"!=typeof window?window.location.href:"/",t=await tp(S,e);nY(t.id),nQ("connected"),tm(o_,t.id),null==L||L(t.id);let n=function(){let e=new Map;if("undefined"==typeof window)return e;try{let t=Date.now()-6048e5;for(let n=0;n<localStorage.length;n++){let o=localStorage.key(n);if(null==o?void 0:o.startsWith(tn)){let n=o.slice(tn.length),r=localStorage.getItem(o);if(r){let o=JSON.parse(r).filter(e=>!e.timestamp||e.timestamp>t);o.length>0&&e.set(n,o)}}}}catch(e){}return e}(),o="undefined"!=typeof window?window.location.origin:"",r=[];for(let[e,l]of n){let n=l.filter(e=>!e._syncedTo);if(0===n.length)continue;let s="".concat(o).concat(e),a=e===o_;r.push((async()=>{try{let o=a?t:await tp(S,s),r=(await Promise.allSettled(n.map(e=>tx(S,o.id,{...e,sessionId:o.id,url:s})))).map((e,t)=>"fulfilled"===e.status?e.value:(console.warn("[Agentation] Failed to sync annotation:",e.reason),n[t])).filter(t1);if(ts(e,r,o.id),a){let e=new Set(n.map(e=>e.id));P(t=>{let n=t.filter(t=>!e.has(t.id));return[...r,...n]})}}catch(t){console.warn("[Agentation] Failed to sync annotations for ".concat(e,":"),t)}})())}await Promise.allSettled(r)}}catch(e){nQ("disconnected"),console.warn("[Agentation] Failed to initialize session, using local storage:",e)}})())},[S,M,e8,L,o_]),(0,o.useEffect)(()=>{if(!S||!e8)return;let e=async()=>{try{(await fetch("".concat(S,"/health"))).ok?nQ("connected"):nQ("disconnected")}catch(e){nQ("disconnected")}};e();let t=J(e,1e4);return()=>clearInterval(t)},[S,e8]),(0,o.useEffect)(()=>{if(!S||!e8||!nH)return;let e=new EventSource("".concat(S,"/sessions/").concat(nH,"/events")),t=["resolved","dismissed"],n=e=>{try{var n;let o=JSON.parse(e.data);if(t.includes(null==(n=o.payload)?void 0:n.status)){let e=o.payload.id,t=o.payload.kind;if("placement"===t){for(let[t,n]of nf.current)if(n===e){nf.current.delete(t),tP(e=>e.filter(e=>e.id!==t));break}}else if("rearrange"===t){for(let[t,n]of nb.current)if(n===e){nb.current.delete(t),nn(e=>{if(!e)return null;let n=e.sections.filter(e=>e.id!==t);return 0===n.length?null:{...e,sections:n}});break}}else n2(t=>new Set(t).add(e)),Z(()=>{P(t=>t.filter(t=>t.id!==e)),n2(t=>{let n=new Set(t);return n.delete(e),n})},150)}}catch(e){}};return e.addEventListener("annotation.updated",n),()=>{e.removeEventListener("annotation.updated",n),e.close()}},[S,e8,nH]),(0,o.useEffect)(()=>{if(!S||!e8)return;let e="disconnected"===oa.current,t="connected"===nU;oa.current=nU,e&&t&&(async()=>{try{let e=tr(o_);if(0===e.length)return;let t="undefined"!=typeof window?window.location.origin:"",n="".concat(t).concat(o_),o=nH,r=[];if(o)try{r=(await ty(S,o)).annotations}catch(e){o=null}o||(o=(await tp(S,n)).id,nY(o),tm(o_,o));let l=new Set(r.map(e=>e.id)),s=e.filter(e=>!l.has(e.id));if(s.length>0){let e=(await Promise.allSettled(s.map(e=>tx(S,o,{...e,sessionId:o,url:n})))).map((e,t)=>"fulfilled"===e.status?e.value:(console.warn("[Agentation] Failed to sync annotation on reconnect:",e.reason),s[t])),t=[...r,...e].filter(t1);P(t),ts(o_,t,o)}}catch(e){console.warn("[Agentation] Failed to sync on reconnect:",e)}})()},[nU,S,e8,nH,o_]);let om=(0,o.useCallback)(()=>{F||(H(!0),tv(!1),R(!1),Z(()=>
1{if("undefined"!=typeof window)try{sessionStorage.setItem(tg,"1")}catch(e){}A(!0),H(!1)},400))},[F]);(0,o.useEffect)(()=>{if(!h||!e8||!d||0===d.length||W.length>0)return;let e=[];return e.push(Z(()=>{R(!0)},_-200)),d.forEach((t,n)=>{e.push(Z(()=>{let e=document.querySelector(t.selector);if(!e)return;let o=e.getBoundingClientRect(),{name:r,path:l}=eS(e),s={id:"demo-".concat(Date.now(),"-").concat(n),x:(o.left+o.width/2)/window.innerWidth*100,y:o.top+o.height/2+window.scrollY,comment:t.comment,element:r,elementPath:l,timestamp:Date.now(),selectedText:t.selectedText,boundingBox:{x:o.left,y:o.top+window.scrollY,width:o.width,height:o.height},nearbyText:eM(e),cssClasses:eB(e)};P(e=>[...e,s])},_+300*n))}),()=>{e.forEach(clearTimeout)}},[h,e8,d,_]),(0,o.useEffect)(()=>{let e=()=>{e4(window.scrollY),e3(!0),od.current&&clearTimeout(od.current),od.current=Z(()=>{e3(!1)},150)};return window.addEventListener("scroll",e,{passive:!0}),()=>{window.removeEventListener("scroll",e),od.current&&clearTimeout(od.current)}},[]),(0,o.useEffect)(()=>{e8&&W.length>0?nH?ts(o_,W,nH):tl(o_,W):e8&&0===W.length&&localStorage.removeItem(to(o_))},[W,o_,e8,nH]),(0,o.useEffect)(()=>{if(e8&&!tH.current){tH.current=!0;let e=function(e){if("undefined"==typeof window)return[];try{let t=localStorage.getItem("".concat(ta).concat(e));if(!t)return[];return JSON.parse(t)}catch(e){return[]}}(o_);e.length>0&&tP(e)}},[e8,o_]),(0,o.useEffect)(()=>{if(e8&&tH.current&&!tY){if(tW.length>0){if("undefined"!=typeof window)try{localStorage.setItem("".concat(ta).concat(o_),JSON.stringify(tW))}catch(e){}}else if("undefined"!=typeof window)try{localStorage.removeItem("".concat(ta).concat(o_))}catch(e){}}},[tW,o_,e8,tY]),(0,o.useEffect)(()=>{if(e8&&!no.current){no.current=!0;let e=function(e){if("undefined"==typeof window)return null;try{let t=localStorage.getItem("".concat(ti).concat(e));if(!t)return null;return JSON.parse(t)}catch(e){return null}}(o_);e&&nn({...e,sections:e.sections.map(e=>{var t;return{...e,currentRect:null!=(t=e.currentRect)?t:{...e.originalRect}}})})}},[e8,o_]),(0,o.useEffect)(()=>{if(e8&&no.current&&!tY){if(nt){if("undefined"!=typeof window)try{localStorage.setItem("".concat(ti).concat(o_),JSON.stringify(nt))}catch(e){}}else if("undefined"!=typeof window)try{localStorage.removeItem("".concat(ti).concat(o_))}catch(e){}}},[nt,o_,e8,tY]);let og=(0,o.useRef)(!1);(0,o.useEffect)(()=>{if(e8&&!og.current){og.current=!0;let e=function(e){if("undefined"==typeof window)return null;try{let t=localStorage.getItem("".concat(tc).concat(e));if(!t)return null;return JSON.parse(t)}catch(e){return null}}(o_);e&&(nl.current={rearrange:e.rearrange,placements:e.placements||[]},e.purpose&&t7(e.purpose))}},[e8,o_]),(0,o.useEffect)(()=>{var e,t,n,o,r;if(!e8||!og.current)return;let l=nl.current;tY?(null!=(t=null==nt||null==(e=nt.sections)?void 0:e.length)?t:0)>0||tW.length>0||t8?td(o_,{rearrange:nt,placements:tW,purpose:t8}):t_(o_):(null!=(r=null==(o=l.rearrange)||null==(n=o.sections)?void 0:n.length)?r:0)>0||l.placements.length>0||t8?td(o_,{rearrange:l.rearrange,placements:l.placements,purpose:t8}):t_(o_)},[nt,tW,t8,tY,o_,e8]),(0,o.useEffect)(()=>{tI&&!nt&&nn({sections:[],originalOrder:[],detectedAt:Date.now()})},[tI,nt]),(0,o.useEffect)(()=>{if(!S||!nH)return;let e=nf.current,t=new Set(tW.map(e=>e.id));for(let t of tW){if(e.has(t.id))continue;e.set(t.id,"");let n="undefined"!=typeof window?window.location.pathname+window.location.search+window.location.hash:o_;tx(S,nH,{id:t.id,x:t.x/window.innerWidth*100,y:t.y,comment:"Place ".concat(t.type," at (").concat(Math.round(t.x),", ").concat(Math.round(t.y),"), ").concat(t.width,"\xd7").concat(t.height,"px").concat(t.text?' â "'.concat(t.text,'"'):""),element:"[design:".concat(t.type,"]"),elementPath:"[placement]",timestamp:t.timestamp,url:n,intent:"change",severity:"important",kind:"placement",placement:{componentType:t.type,width:t.width,height:t.height,scrollY:t.scrollY,text:t.text}}).then(n=>{e.has(t.id)&&e.set(t.id,n.id)}).catch(n=>{console.warn("[Agentation] Failed to sync placement annotation:",n),e.delete(t.id)})}for(let[n,o]of e)!t.has(n)&&(e.delete(n),o&&tb(S,o).catch(()=>{}))},[tW,S,nH,o_]),(0,o.useEffect)(()=>
1{if(S&&nH)return nw.current&&clearTimeout(nw.current),nw.current=Z(()=>{let e=nb.current;if(!nt||0===nt.sections.length){for(let[,t]of e)t&&tb(S,t).catch(()=>{});e.clear();return}let t=new Set(nt.sections.map(e=>e.id)),n="undefined"!=typeof window?window.location.pathname+window.location.search+window.location.hash:o_;for(let t of nt.sections){let o=t.originalRect,r=t.currentRect;if(!(Math.abs(o.x-r.x)>1||Math.abs(o.y-r.y)>1||Math.abs(o.width-r.width)>1||Math.abs(o.height-r.height)>1)){let n=e.get(t.id);n&&(e.delete(t.id),tb(S,n).catch(()=>{}));continue}let l=e.get(t.id);l?tf(S,l,{comment:"Move ".concat(t.label," section (").concat(t.tagName,") â from (").concat(Math.round(o.x),",").concat(Math.round(o.y),") ").concat(Math.round(o.width),"\xd7").concat(Math.round(o.height)," to (").concat(Math.round(r.x),",").concat(Math.round(r.y),") ").concat(Math.round(r.width),"\xd7").concat(Math.round(r.height))}).catch(e=>{console.warn("[Agentation] Failed to update rearrange annotation:",e)}):(e.set(t.id,""),tx(S,nH,{id:t.id,x:r.x/window.innerWidth*100,y:r.y,comment:"Move ".concat(t.label," section (").concat(t.tagName,") â from (").concat(Math.round(o.x),",").concat(Math.round(o.y),") ").concat(Math.round(o.width),"\xd7").concat(Math.round(o.height)," to (").concat(Math.round(r.x),",").concat(Math.round(r.y),") ").concat(Math.round(r.width),"\xd7").concat(Math.round(r.height)),element:t.selector,elementPath:"[rearrange]",timestamp:Date.now(),url:n,intent:"change",severity:"important",kind:"rearrange",rearrange:{selector:t.selector,label:t.label,tagName:t.tagName,originalRect:o,currentRect:r}}).then(n=>{e.has(t.id)&&e.set(t.id,n.id)}).catch(n=>{console.warn("[Agentation] Failed to sync rearrange annotation:",n),e.delete(t.id)}))}for(let[n,o]of e)!t.has(n)&&(e.delete(n),o&&tb(S,o).catch(()=>{}))},300),()=>{nw.current&&clearTimeout(nw.current)}},[nt,S,nH,o_]);let op=(0,o.useRef)(new Map);(0,o.useLayoutEffect)(()=>{var e;let t=null!=(e=null==nt?void 0:nt.sections)?e:[],n=new Set;if((tI||tN)&&E)for(let e of t){n.add(e.id);try{let t=document.querySelector(e.selector);if(!t)continue;if(!op.current.has(e.id)){let n={transform:t.style.transform,transformOrigin:t.style.transformOrigin,opacity:t.style.opacity,position:t.style.position,zIndex:t.style.zIndex,display:t.style.display},o=[],r=t.parentElement;for(;r&&r!==document.body;){let e=getComputedStyle(r);("visible"!==e.overflow||"visible"!==e.overflowX||"visible"!==e.overflowY)&&(o.push({el:r,overflow:r.style.overflow}),r.style.overflow="visible"),r=r.parentElement}let l=getComputedStyle(t);"inline"===l.display&&(t.style.display="inline-block"),op.current.set(e.id,{el:t,origStyles:n,ancestors:o}),t.style.transformOrigin="top left",t.style.zIndex="9999"}}catch(e){}}for(let[e,t]of op.current)if(!n.has(e)){let{el:n,origStyles:o,ancestors:r}=t;n.style.transition="transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1)",n.style.transform=o.transform,n.style.transformOrigin=o.transformOrigin,n.style.opacity=o.opacity,n.style.position=o.position,n.style.zIndex=o.zIndex,op.current.delete(e),Z(()=>{for(let e of(n.style.transition="",n.style.display=o.display,r))e.el.style.overflow=e.overflow},450)}},[nt,tI,tN,E]),(0,o.useEffect)(()=>()=>{for(let[,e]of op.current){let{el:t,origStyles:n,ancestors:o}=e;t.style.transition="transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1)",t.style.transform=n.transform,t.style.transformOrigin=n.transformOrigin,t.style.opacity=n.opacity,t.style.position=n.position,t.style.zIndex=n.zIndex,Z(()=>{for(let e of(t.style.transition="",t.style.display=n.display,o))e.el.style.overflow=e.overflow},450)}op.current.clear()},[]);let oy=(0,o.useCallback)(()=>{tE(!0),tB(!1),tF(null),clearTimeout(ny.current),ny.current=Z(()=>{tE(!1)},300)},[]),ox=(0,o.useCallback)(()=>{tI&&(tE(!0),tB(!1),tF(null),clearTimeout(ny.current),ny.current=Z(()=>{tE(!1)},300)),R(!1)},[tI]),of=(0,o.useCallback)(()=>{e9||(!function(){if("undefined"==typeof document||V.frozen)return;V.frozen=!0,V.frozenTimeoutQueue=[],V.frozenRAFQueue=[];let e=document.getElementById(Q);e||((e=document.createElement("style")).id=Q),e.textContent="\n *".concat(U,",\n *").concat(U,"::before,\n *").concat(U,"::after {\n animation-play-state: paused !important;\n transition: none !important;\n }\n "),document.head.appendChild(e),V.pausedAnimations=[];
1try{document.getAnimations().forEach(e=>{var t,n;"running"===e.playState&&((n=null==(t=e.effect)?void 0:t.target)&&X.some(e=>{var t;return!!(null==(t=n.closest)?void 0:t.call(n,"[".concat(e,"]")))})||(e.pause(),V.pausedAnimations.push(e)))})}catch(e){}document.querySelectorAll("video").forEach(e=>{e.paused||(e.dataset.wasPaused="false",e.pause())})}(),tu(!0))},[e9]),ob=(0,o.useCallback)(()=>{e9&&(G(),tu(!1))},[e9]),ow=(0,o.useCallback)(()=>{e9?ob():of()},[e9,of,ob]),ov=(0,o.useCallback)(()=>{if(0===nE.length)return;let e=nE[0],t=e.element,n=nE.length>1,o=nE.map(e=>e.element.getBoundingClientRect());if(n){let e={left:Math.min(...o.map(e=>e.left)),top:Math.min(...o.map(e=>e.top)),right:Math.max(...o.map(e=>e.right)),bottom:Math.max(...o.map(e=>e.bottom))},n=nE.slice(0,5).map(e=>e.name).join(", "),r=nE.length>5?" +".concat(nE.length-5," more"):"",l=o.map(e=>({x:e.left,y:e.top+window.scrollY,width:e.width,height:e.height})),s=nE[nE.length-1].element,a=o[o.length-1],i=a.left+a.width/2,c=a.top+a.height/2,d=t0(s);e_({x:i/window.innerWidth*100,y:d?c:c+window.scrollY,clientY:c,element:"".concat(nE.length," elements: ").concat(n).concat(r),elementPath:"multi-select",boundingBox:{x:e.left,y:e.top+window.scrollY,width:e.right-e.left,height:e.bottom-e.top},isMultiSelect:!0,isFixed:d,elementBoundingBoxes:l,multiSelectElements:nE.map(e=>e.element),targetElement:s,fullPath:eA(t),accessibility:eO(t),computedStyles:eT(t),computedStylesObj:eP(t),nearbyElements:eI(t),cssClasses:eB(t),nearbyText:eM(t),sourceFile:t5(t)})}else{let n=o[0],r=t0(t);e_({x:n.left/window.innerWidth*100,y:r?n.top:n.top+window.scrollY,clientY:n.top,element:e.name,elementPath:e.path,boundingBox:{x:n.left,y:r?n.top:n.top+window.scrollY,width:n.width,height:n.height},isFixed:r,fullPath:eA(t),accessibility:eO(t),computedStyles:eT(t),computedStylesObj:eP(t),nearbyElements:eI(t),cssClasses:eB(t),nearbyText:eM(t),reactComponents:e.reactComponents,sourceFile:t5(t)})}nR([]),ea(null)},[nE]);(0,o.useEffect)(()=>{!E&&(e_(null),eK(null),e$(null),e5([]),ea(null),tv(!1),nR([]),nW.current={cmd:!1,shift:!1},e9&&ob())},[E,e9,ob]),(0,o.useEffect)(()=>()=>{G()},[]),(0,o.useEffect)(()=>{if(!E)return;let e=":not([data-agentation-root]):not([data-agentation-root] *)",t=document.createElement("style");return t.id="feedback-cursor-styles",t.textContent="\n body ".concat(e," {\n cursor: crosshair !important;\n }\n\n body :is(").concat("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, [contenteditable]",")").concat(e," {\n cursor: text !important;\n }\n "),document.head.appendChild(t),()=>{let e=document.getElementById("feedback-cursor-styles");e&&e.remove()}},[E]),(0,o.useEffect)(()=>{if(null!==nS&&E)return document.documentElement.setAttribute("data-drawing-hover",""),()=>document.documentElement.removeAttribute("data-drawing-hover")},[nS,E]),(0,o.useEffect)(()=>{if(!E||ed||nv||tI)return;let e=e=>{if(ev(e.composedPath()[0]||e.target,"[data-feedback-toolbar]"))return void ea(null);let t=t$(e.clientX,e.clientY);if(!t||ev(t,"[data-feedback-toolbar]"))return void ea(null);let{name:n,elementName:o,path:r,reactComponents:l}=tV(t,"off");ea({element:n,elementName:o,elementPath:r,rect:t.getBoundingClientRect(),reactComponents:l}),ec({x:e.clientX,y:e.clientY})};return document.addEventListener("mousemove",e),()=>document.removeEventListener("mousemove",e)},[E,ed,nv,tI,"off",nj]);let ok=(0,o.useCallback)(e=>{var t;if(eK(e),eC(null),eN(null),eR([]),null==(t=e.elementBoundingBoxes)?void 0:t.length){let t=[];for(let n of e.elementBoundingBoxes){let e=t$(n.x+n.width/2,n.y+n.height/2-window.scrollY);e&&t.push(e)}e5(t),e$(null)}else if(e.boundingBox){let t=e.boundingBox,n=t$(t.x+t.width/2,e.isFixed?t.y+t.height/2:t.y+t.height/2-window.scrollY);if(n){let e=n.getBoundingClientRect(),o=e.width/t.width,r=e.height/t.height;o<.5||r<.5?e$(null):e$(n)}else e$(null);e5([])}else e$(null),e5([])},[]);(0,o.useEffect)(()=>{if(!E||nv||tI)return;let e=e=>{var t,n;let o;if(or.current){or.current=!1;return}let r=e.composedPath()[0]||e.target;if(ev(r,"[data-feedback-toolbar]")||ev(r,"[data-annotation-popup]")||ev(r,"[data-annotation-marker]"))return;if(e.metaKey&&e.shiftKey&&!ed&&!eJ){e.preventDefault(),e.stopPropagation();let t=t$(e.clientX,e.clientY);if(!t)return;let n=t.getBoundingClientRect(),{name:o,path:r,reactComponents:l}=tV(t,"off"),s=nE.findIndex(e=>e.element===t);s>
1=0?nR(e=>e.filter((e,t)=>t!==s)):nR(e=>[...e,{element:t,rect:n,name:o,path:r,reactComponents:null!=l?l:void 0}]);return}let l=ev(r,"button, a, input, select, textarea, [role='button'], [onclick]");if(nP.blockInteractions&&l&&(e.preventDefault(),e.stopPropagation()),ed){if(l&&!nP.blockInteractions)return;e.preventDefault(),null==(t=oi.current)||t.shake();return}if(eJ){if(l&&!nP.blockInteractions)return;e.preventDefault(),null==(n=oc.current)||n.shake();return}e.preventDefault();let s=t$(e.clientX,e.clientY);if(!s)return;let{name:a,path:i,reactComponents:c}=tV(s,"off"),d=s.getBoundingClientRect(),_=e.clientX/window.innerWidth*100,u=t0(s),h=u?e.clientY:e.clientY+window.scrollY,m=window.getSelection();m&&m.toString().trim().length>0&&(o=m.toString().trim().slice(0,500));let g=eP(s),p=eT(s);e_({x:_,y:h,clientY:e.clientY,element:a,elementPath:i,selectedText:o,boundingBox:{x:d.left,y:u?d.top:d.top+window.scrollY,width:d.width,height:d.height},nearbyText:eM(s),cssClasses:eB(s),isFixed:u,fullPath:eA(s),accessibility:eO(s),computedStyles:p,computedStylesObj:g,nearbyElements:eI(s),reactComponents:null!=c?c:void 0,sourceFile:t5(s),targetElement:s}),ea(null)};return document.addEventListener("click",e,!0),()=>document.removeEventListener("click",e,!0)},[E,nv,tI,ed,eJ,nP.blockInteractions,"off",nE]),(0,o.useEffect)(()=>{if(!E)return;let e=e=>{"Meta"===e.key&&(nW.current.cmd=!0),"Shift"===e.key&&(nW.current.shift=!0)},t=e=>{let t=nW.current.cmd&&nW.current.shift;"Meta"===e.key&&(nW.current.cmd=!1),"Shift"===e.key&&(nW.current.shift=!1);let n=nW.current.cmd&&nW.current.shift;t&&!n&&nE.length>0&&ov()},n=()=>{nW.current={cmd:!1,shift:!1},nR([])};return document.addEventListener("keydown",e),document.addEventListener("keyup",t),window.addEventListener("blur",n),()=>{document.removeEventListener("keydown",e),document.removeEventListener("keyup",t),window.removeEventListener("blur",n)}},[E,nE,ov]),(0,o.useEffect)(()=>{if(!E||ed||nv||tI)return;let e=e=>{let t=e.composedPath()[0]||e.target;!(ev(t,"[data-feedback-toolbar]")||ev(t,"[data-annotation-marker]")||ev(t,"[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(t.tagName)||t.isContentEditable||(e.preventDefault(),oe.current={x:e.clientX,y:e.clientY}))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[E,ed,nv,tI]),(0,o.useEffect)(()=>{if(!E||ed)return;let e=e=>{if(!oe.current)return;let t=e.clientX-oe.current.x,n=e.clientY-oe.current.y,o=t*t+n*n;if(!n7&&o>=64&&(ot.current=oe.current,n9(!0),e.preventDefault()),(n7||o>=64)&&ot.current){if(on.current){let t=Math.min(ot.current.x,e.clientX),n=Math.min(ot.current.y,e.clientY),o=Math.abs(e.clientX-ot.current.x),r=Math.abs(e.clientY-ot.current.y);on.current.style.transform="translate(".concat(t,"px, ").concat(n,"px)"),on.current.style.width="".concat(o,"px"),on.current.style.height="".concat(r,"px")}let t=Date.now();if(t-ol.current<50)return;ol.current=t;let n=ot.current.x,o=ot.current.y,r=Math.min(n,e.clientX),l=Math.min(o,e.clientY),s=Math.max(n,e.clientX),a=Math.max(o,e.clientY),i=(r+s)/2,c=(l+a)/2,d=new Set;for(let[e,t]of[[r,l],[s,l],[r,a],[s,a],[i,c],[i,l],[i,a],[r,c],[s,c]])for(let n of document.elementsFromPoint(e,t))n instanceof HTMLElement&&d.add(n);for(let e of document.querySelectorAll("button, a, input, img, p, h1, h2, h3, h4, h5, h6, li, label, td, th, div, span, section, article, aside, nav"))if(e instanceof HTMLElement){let t=e.getBoundingClientRect(),n=t.left+t.width/2,o=t.top+t.height/2,i=n>=r&&n<=s&&o>=l&&o<=a,c=Math.min(t.right,s)-Math.max(t.left,r),_=Math.min(t.bottom,a)-Math.max(t.top,l),u=c>0&&_>0?c*_:0,h=t.width*t.height,m=h>0?u/h:0;(i||m>.5)&&d.add(e)}let _=[],u=new Set(["BUTTON","A","INPUT","IMG","P","H1","H2","H3","H4","H5","H6","LI","LABEL","TD","TH","SECTION","ARTICLE","ASIDE","NAV"]);for(let e of d){if(ev(e,"[data-feedback-toolbar]")||ev(e,"[data-annotation-marker]"))continue;let t=e.getBoundingClientRect();if((!(t.width>
1.8*window.innerWidth)||!(t.height>.5*window.innerHeight))&&!(t.width<10)&&!(t.height<10)&&t.left<s&&t.right>r&&t.top<a&&t.bottom>l){let n=e.tagName,o=u.has(n);if(!o&&("DIV"===n||"SPAN"===n)){let t=e.textContent&&e.textContent.trim().length>0,n=null!==e.onclick||"button"===e.getAttribute("role")||"link"===e.getAttribute("role")||e.classList.contains("clickable")||e.hasAttribute("data-clickable");(t||n)&&!e.querySelector("p, h1, h2, h3, h4, h5, h6, button, a")&&(o=!0)}if(o){let e=!1;for(let n of _)if(n.left<=t.left&&n.right>=t.right&&n.top<=t.top&&n.bottom>=t.bottom){e=!0;break}e||_.push(t)}}}if(oo.current){let e=oo.current;for(;e.children.length>_.length;)e.removeChild(e.lastChild);_.forEach((t,n)=>{let o=e.children[n];o||((o=document.createElement("div")).className=tR.selectedElementHighlight,e.appendChild(o)),o.style.transform="translate(".concat(t.left,"px, ").concat(t.top,"px)"),o.style.width="".concat(t.width,"px"),o.style.height="".concat(t.height,"px")})}}};return document.addEventListener("mousemove",e,{passive:!0}),()=>document.removeEventListener("mousemove",e)},[E,ed,n7,8]),(0,o.useEffect)(()=>{if(!E)return;let e=e=>{let t=ot.current;if(n7&&t){or.current=!0;let n=Math.min(t.x,e.clientX),o=Math.min(t.y,e.clientY),r=Math.max(t.x,e.clientX),l=Math.max(t.y,e.clientY),s=[];document.querySelectorAll("button, a, input, img, p, h1, h2, h3, h4, h5, h6, li, label, td, th").forEach(e=>{if(!(e instanceof HTMLElement)||ev(e,"[data-feedback-toolbar]")||ev(e,"[data-annotation-marker]"))return;let t=e.getBoundingClientRect();(!(t.width>.8*window.innerWidth)||!(t.height>.5*window.innerHeight))&&!(t.width<10)&&!(t.height<10)&&t.left<r&&t.right>n&&t.top<l&&t.bottom>o&&s.push({element:e,rect:t})});let a=s.filter(e=>{let{element:t}=e;return!s.some(e=>{let{element:n}=e;return n!==t&&t.contains(n)})}),i=e.clientX/window.innerWidth*100,c=e.clientY+window.scrollY;if(a.length>0){let t=a.reduce((e,t)=>{let{rect:n}=t;return{left:Math.min(e.left,n.left),top:Math.min(e.top,n.top),right:Math.max(e.right,n.right),bottom:Math.max(e.bottom,n.bottom)}},{left:1/0,top:1/0,right:-1/0,bottom:-1/0}),n=a.slice(0,5).map(e=>{let{element:t}=e;return eS(t).name}).join(", "),o=a.length>5?" +".concat(a.length-5," more"):"",r=a[0].element,l=eP(r),s=eT(r);e_({x:i,y:c,clientY:e.clientY,element:"".concat(a.length," elements: ").concat(n).concat(o),elementPath:"multi-select",boundingBox:{x:t.left,y:t.top+window.scrollY,width:t.right-t.left,height:t.bottom-t.top},isMultiSelect:!0,fullPath:eA(r),accessibility:eO(r),computedStyles:s,computedStylesObj:l,nearbyElements:eI(r),cssClasses:eB(r),nearbyText:eM(r),sourceFile:t5(r)})}else{let t=Math.abs(r-n),s=Math.abs(l-o);t>20&&s>20&&e_({x:i,y:c,clientY:e.clientY,element:"Area selection",elementPath:"region at (".concat(Math.round(n),", ").concat(Math.round(o),")"),boundingBox:{x:n,y:o+window.scrollY,width:t,height:s},isMultiSelect:!0})}ea(null)}else n7&&(or.current=!0);oe.current=null,ot.current=null,n9(!1),oo.current&&(oo.current.innerHTML="")};return document.addEventListener("mouseup",e),()=>document.removeEventListener("mouseup",e)},[E,n7]);let oj=(0,o.useCallback)(async(e,t,n)=>{let o=nP.webhookUrl||B;if(!o||!nP.webhooksEnabled&&!n)return!1;try{return(await fetch(o,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({event:e,timestamp:Date.now(),url:"undefined"!=typeof window?window.location.href:void 0,...t})})).ok}catch(e){return console.warn("[Agentation] Webhook failed:",e),!1}},[B,nP.webhookUrl,nP.webhooksEnabled]),oC=(0,o.useCallback)(e=>{var t;if(!ed)return;let n={id:Date.now().toString(),x:ed.x,y:ed.y,comment:e,element:ed.element,elementPath:ed.elementPath,timestamp:Date.now(),selectedText:ed.selectedText,boundingBox:ed.boundingBox,nearbyText:ed.nearbyText,cssClasses:ed.cssClasses,isMultiSelect:ed.isMultiSelect,isFixed:ed.isFixed,fullPath:ed.fullPath,accessibility:ed.accessibility,computedStyles:ed.computedStyles,nearbyElements:ed.nearbyElements,reactComponents:ed.reactComponents,sourceFile:ed.sourceFile,elementBoundingBoxes:ed.elementBoundingBoxes,...S&&nH?{sessionId:nH,url:"undefined"!=typeof window?window.location.href:void 0,status:"pending"}:{}};P(e=>[...e,n]),os.current=n.id,Z(()=>{os.current=null},300),Z(()=>{n1(e=>new Set(e).add(n.id))},250),null==m||m(n),oj("annotation.add",{annotation:n}),n6(!0),Z(()=>{e_(null),n6(!1)},150),null==(t=window.getSelection())||t.removeAllRanges(),S&&nH&&tx(S,nH,n).then(e=>{e.id!==n.id&&(P(t=>t.map(t=>
1t.id===n.id?{...t,id:e.id}:t)),n1(t=>{let o=new Set(t);return o.delete(n.id),o.add(e.id),o}))}).catch(e=>{console.warn("[Agentation] Failed to sync annotation:",e)})},[ed,m,oj,S,nH]),oS=(0,o.useCallback)(()=>{n6(!0),Z(()=>{e_(null),n6(!1)},150)},[]),oM=(0,o.useCallback)(e=>{let t=W.findIndex(t=>t.id===e),n=W[t];(null==eJ?void 0:eJ.id)===e&&(n8(!0),Z(()=>{eK(null),e$(null),e5([]),n8(!1)},150)),eD(e),n2(t=>new Set(t).add(e)),n&&(null==g||g(n),oj("annotation.delete",{annotation:n})),S&&tb(S,e).catch(e=>{console.warn("[Agentation] Failed to delete annotation from server:",e)}),Z(()=>{P(t=>t.filter(t=>t.id!==e)),n2(t=>{let n=new Set(t);return n.delete(e),n}),eD(null),t<W.length-1&&(eY(t),Z(()=>eY(null),200))},150)},[W,eJ,g,oj,S]),oL=(0,o.useCallback)(e=>{var t;if(!e){eC(null),eN(null),eR([]);return}if(eC(e.id),null==(t=e.elementBoundingBoxes)?void 0:t.length){let t=[];for(let n of e.elementBoundingBoxes){let e=n.x+n.width/2,o=n.y+n.height/2-window.scrollY,r=document.elementsFromPoint(e,o).find(e=>!e.closest("[data-annotation-marker]")&&!e.closest("[data-agentation-root]"));r&&t.push(r)}eR(t),eN(null)}else if(e.boundingBox){let t=e.boundingBox,n=t$(t.x+t.width/2,e.isFixed?t.y+t.height/2:t.y+t.height/2-window.scrollY);if(n){let e=n.getBoundingClientRect(),o=e.width/t.width,r=e.height/t.height;o<.5||r<.5?eN(null):eN(n)}else eN(null);eR([])}else eN(null),eR([])},[]),oI=(0,o.useCallback)(e=>{if(!eJ)return;let t={...eJ,comment:e};P(e=>e.map(e=>e.id===eJ.id?t:e)),null==x||x(t),oj("annotation.update",{annotation:t}),S&&tf(S,eJ.id,{comment:e}).catch(e=>{console.warn("[Agentation] Failed to update annotation on server:",e)}),n8(!0),Z(()=>{eK(null),e$(null),e5([]),n8(!1)},150)},[eJ,x,oj,S]),oB=(0,o.useCallback)(()=>{n8(!0),Z(()=>{eK(null),e$(null),e5([]),n8(!1)},150)},[]),oN=(0,o.useCallback)(()=>{let e=W.length,t=tW.length>0||!!nt;if(0===e&&0===nj.length&&!t)return;if(null==f||f(W),oj("annotations.clear",{annotations:W}),S){for(let[,e]of(Promise.all(W.map(e=>tb(S,e.id).catch(e=>{console.warn("[Agentation] Failed to delete annotation from server:",e)}))),nf.current))e&&tb(S,e).catch(()=>{});for(let[,e]of(nf.current.clear(),nb.current))e&&tb(S,e).catch(()=>{});nb.current.clear()}ek(!0),ef(!0),nC([]);let n=nL.current;if(n){let e=n.getContext("2d");e&&e.clearRect(0,0,n.width,n.height)}(tW.length>0||nt)&&(n_(e=>e+1),nh(e=>e+1),Z(()=>{tP([]),nn(null)},200)),tY&&tX(!1),t8&&t7(""),nl.current={rearrange:null,placements:[]},t_(o_),Z(()=>{P([]),n1(new Set),localStorage.removeItem(to(o_)),ek(!1)},30*e+200),Z(()=>ef(!1),1500)},[o_,W,nj,tW,nt,tY,t8,f,oj,S]),oE=(0,o.useCallback)(async()=>{let e,t="undefined"!=typeof window?window.location.pathname+window.location.search+window.location.hash:o_,n=tI&&tY;if(n){if(0===tW.length&&!nt&&!t8)return;e=""}else{if(!(e=tD(W,t,nP.outputDetail))&&0===nj.length&&0===tW.length&&!nt)return;e||(e="## Page Feedback: ".concat(t,"\n"))}if(!n&&nj.length>0){let t=new Set;for(let e of W)null!=e.drawingIndex&&t.add(e.drawingIndex);let n=nL.current;n&&(n.style.visibility="hidden");let o=[],r=window.scrollY;for(let e=0;e<nj.length;e++){let n,l;if(t.has(e))continue;let s=nj[e];if(s.points.length<2)continue;let a=s.fixed?s.points:s.points.map(e=>({x:e.x,y:e.y-r})),i=1/0,c=1/0,d=-1/0,_=-1/0;for(let e of a)i=Math.min(i,e.x),c=Math.min(c,e.y),d=Math.max(d,e.x),_=Math.max(_,e.y);let u=d-i,h=_-c,m=Math.hypot(u,h),g=a[0],p=a[a.length-1],y=Math.hypot(p.x-g.x,p.y-g.y),x=u/Math.max(h,1);if(y<.35*m&&m>20){let e=.15*Math.max(u,h),t=0;for(let n of a){let o=n.x-i<e,r=d-n.x<e,l=n.y-c<e,s=_-n.y<e;(o||r)&&(l||s)&&t++}n=t>.15*a.length?"box":"circle"}else n=x>3&&h<40?"underline":y>.5*m?"arrow":"drawing";let f=Math.min(10,a.length),b=Math.max(1,Math.floor(a.length/f)),w=new Set,v=[],k=[g];for(let e=b;e<a.length-1;e+=b)k.push(a[e]);for(let e of(k.push(p),k)){let t=t$(e.x,e.y);if(!t||w.has(t)||ev(t,"[data-feedback-toolbar]"))continue;w.add(t);let{name:n}=eS(t);v.includes(n)||v.push(n)}let j="".concat(Math.round(i),",").concat(Math.round(c)," â ").concat(Math.round(d),",").concat(Math.round(_));if(("circle"===n||"box"===n)&&v.length>0){let e="box"===n?"Boxed":"Circled";l="".concat(e," **").concat(v[0],"**").concat(v.length>1?" (and ".concat(v.slice(1).join(", "),")"):""," (region: ").concat(j,")")}else l="underline"===n&&v.length>0?"Underlined **".concat(v[0],"** (").concat(j,")"):"arrow"===n&&v.length>=2?"Arrow from **".concat(v[0],"** to **").concat(v[v.length-1],"** (").concat(Math.round(g.x),",").concat(Math.round(g.y)," â ").concat(Math.round(p.x),",").concat(Math.round(p.y),")"):v.length>0?"".concat("arrow"===n?"Arrow":"Drawing"," near **").concat(v.join("**, **"),"** (region: ").concat(j,")"):"Drawing at ".concat(j);o.push(l)}n&&(n.style.visibility=""),o.length>0&&(e+="\n**Drawings:**\n",o.forEach((t,n)=>{e+="".concat(n+1,". ").concat(t,"\n")}))}if((tW.length>0||n&&t8)&&(e+="\n"+te(tW,{width:window.innerWidth,height:window.innerHeight},{blankCanvas:tY,wireframePurpose:t8||void 0},nP.outputDetail)),nt){let t=tt(nt,nP.outputDetail,{width:window.innerWidth,height:window.innerHeight});t&&(e+="\n"+t)}if(j)try{await navigator.clipboard.writeText(e)}catch(e){}null==b||b(e),em(!0),Z(()=>em(!1),2e3),nP.autoClearAfterCopy&&Z(()=>oN(),500)},[W,nj,tW,nt,tY,tI,t6,t8,o_,nP.outputDetail,"off",nP.autoClearAfterCopy,oN,j,b]),oR=(0,o.useCallback)(async()=>{let e="undefined"!=typeof window?window.location.pathname+window.location.search+window.location.hash:o_,t=tD(W,e,nP.outputDetail);if(!t&&0===tW.length&&!nt)return;if(t||(t="## Page Feedback: ".concat(e,"\n")),tW.length>0&&(t+="\n"+te(tW,{width:window.innerWidth,height:window.innerHeight},{blankCanvas:tY,wireframePurpose:t8||void 0},nP.outputDetail)),nt){let e=tt(nt,nP.outputDetail,{width:window.innerWidth,height:window.innerHeight});e&&(t+="\n"+e)}w&&w(t,W),ey("sending"),await new Promise(e=>Z(e,150));let n=await oj("submit",{output:t,annotations:W},!0);ey(n?"sent":"failed"),Z(()=>ey("idle"),2500),n&&nP.autoClearAfterCopy&&Z(()=>oN(),500)},[w,oj,W,tW,nt,tY,t6,o_,nP.outputDetail,"off",nP.autoClearAfterCopy,oN]);(0,o.useEffect)(()=>
1{if(!nK)return;let e=e=>{let t=e.clientX-nK.x,n=e.clientY-nK.y,o=Math.sqrt(t*t+n*n);if(!nZ&&o>10&&nJ(!0),nZ||o>10){let e=nK.toolbarX+t,o=nK.toolbarY+n;nV({x:e=Math.max(20-(337-(E?"connected"===nU?297:257:44)),Math.min(window.innerWidth-20-337,e)),y:o=Math.max(20,Math.min(window.innerHeight-44-20,o))})}},t=()=>{nZ&&(n$.current=!0),nJ(!1),nG(null)};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",t),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",t)}},[nK,nZ,E,nU]);let oW=(0,o.useCallback)(e=>{var t,n;if(e.target.closest("button")||e.target.closest("[data-agentation-settings-panel]"))return;let o=e.currentTarget.parentElement;if(!o)return;let r=o.getBoundingClientRect(),l=null!=(t=null==nq?void 0:nq.x)?t:r.left,s=null!=(n=null==nq?void 0:nq.y)?n:r.top;nG({x:e.clientX,y:e.clientY,toolbarX:l,toolbarY:s})},[nq]);if((0,o.useEffect)(()=>{if(!nq)return;let e=()=>{let e=nq.x,t=nq.y;e=Math.max(20-(337-(E?"connected"===nU?297:257:44)),Math.min(window.innerWidth-20-337,e)),t=Math.max(20,Math.min(window.innerHeight-44-20,t)),(e!==nq.x||t!==nq.y)&&nV({x:e,y:t})};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[nq,E,nU]),(0,o.useEffect)(()=>{let e=e=>{let t=e.target,n="INPUT"===t.tagName||"TEXTAREA"===t.tagName||t.isContentEditable;if("Escape"===e.key){if(tI)return void(tA?tF(null):oy());if(nv)return void nk(!1);if(nE.length>0)return void nR([]);ed||E&&(nD(),R(!1))}if((e.metaKey||e.ctrlKey)&&e.shiftKey&&("f"===e.key||"F"===e.key)){e.preventDefault(),nD(),E?ox():R(!0);return}if(!n&&!e.metaKey&&!e.ctrlKey&&(("p"===e.key||"P"===e.key)&&(e.preventDefault(),nD(),ow()),("l"===e.key||"L"===e.key)&&(e.preventDefault(),nD(),nv&&nk(!1),tw&&tv(!1),ed&&oS(),tI?oy():tB(!0)),("h"===e.key||"H"===e.key)&&W.length>0&&(e.preventDefault(),nD(),T(e=>!e)),("c"===e.key||"C"===e.key)&&(W.length>0||tW.length>0||nt)&&(e.preventDefault(),nD(),oE()),("x"===e.key||"X"===e.key)&&(W.length>0||tW.length>0||nt)&&(e.preventDefault(),nD(),oN(),tW.length>0&&tP([]),nt&&nn(null)),"s"===e.key||"S"===e.key)){let t=tK(nP.webhookUrl)||tK(B||"");W.length>0&&t&&"idle"===ep&&(e.preventDefault(),nD(),oR())}};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[E,nv,tI,tA,tW,nt,ed,W.length,nP.webhookUrl,B,ep,oR,ow,oE,oN,nE]),!e8||O)return null;let oD=W.length>0,oP=W.filter(e=>!n5.has(e.id)&&"placement"!==e.kind&&"rearrange"!==e.kind),oz=oP.length>0,oT=W.filter(e=>n5.has(e.id)),oO=e=>{let t=e.x/100*window.innerWidth,n="string"==typeof e.y?parseFloat(e.y):e.y,o={};window.innerHeight-n-22-10<80&&(o.top="auto",o.bottom="calc(100% + ".concat(10,"px)"));let r=t-100;if(r<10)o.left="calc(50% + ".concat(10-r,"px)");else if(r+200>window.innerWidth-10){let e=r+200-(window.innerWidth-10);o.left="calc(50% - ".concat(e,"px)")}return o};return(0,r.createPortal)((0,l.jsxs)("div",{ref:q,style:{display:"contents"},"data-agentation-theme":nT?"dark":"light","data-agentation-accent":nP.annotationColorId,"data-agentation-root":"",children:[(0,l.jsx)("div",{className:"".concat(tR.toolbar).concat(N?" ".concat(N):""),"data-feedback-toolbar":!0,"data-agentation-toolbar":!0,style:nq?{left:nq.x,top:nq.y,right:"auto",bottom:"auto"}:void 0,children:(0,l.jsxs)("div",{className:"".concat(tR.toolbarContainer," ").concat(E?tR.expanded:tR.collapsed," ").concat(nA?tR.entrance:""," ").concat(F?tR.hiding:""," ").concat(!nP.webhooksEnabled&&(tK(nP.webhookUrl)||tK(B||""))?tR.serverConnected:""),onClick:E?void 0:e=>{if(n$.current){n$.current=!1,e.preventDefault();return}R(!0)},onMouseDown:oW,role:E?void 0:"button",tabIndex:E?-1:0,title:E?void 0:"Start feedback mode",children:[(0,l.jsxs)("div",{className:"".concat(tR.toggleContent," ").concat(E?tR.hidden:tR.visible),children:[(0,l.jsx)(u,{size:24}),oz&&(0,l.jsx)("span",{className:"".concat(tR.badge," ").concat(E?tR.fadeOut:""," ").concat(nA?tR.entrance:""),children:oP.length})]}),(0,l.jsxs)("div",{className:"".concat(tR.controlsContent," ").concat(E?tR.visible:tR.hidden," ").concat(nq&&nq.y<100?tR.tooltipBelow:""," ").concat(tM||tw?tR.tooltipsHidden:""," ").concat(nI?tR.tooltipsInSession:""),onMouseEnter:()=>{nI||(nN.current=Z(()=>nB(!0),850))},onMouseLeave:()=>{nN.current&&(clearTimeout(nN.current),nN.current=null),nB(!1),tL(!1)},children:[(0,l.jsxs)("div",{className:"".concat(tR.buttonWrapper," ").concat(nq&&nq.x<120?tR.buttonWrapperAlignLeft:""),children:[(0,l.jsx)("button",{className:tR.controlButton,onClick:e=>{e.stopPropagation(),nD(),ow()},"data-active":e9,children:(0,l.jsx)(k,{size:24,isPaused:e9})}),(0,l.jsxs)("span",{className:tR.buttonTooltip,children:[e9?"Resume animations":"Pause animations",(0,l.jsx)("span",{className:tR.shortcut,children:"P"})]})]}),(0,l.jsxs)("div",{className:tR.buttonWrapper,children:[(0,l.jsx)("button",{className:"".concat(tR.controlButton," ").concat(nT?"":tR.light),onClick:e=>{e.stopPropagation(),nD(),nv&&nk(!1),tw&&tv(!1),ed&&oS(),tI?oy():tB(!0)},"data-active":tI,style:tI&&tY?{color:"#f97316",background:"rgba(249, 115, 22, 0.25)"}:void 0,children:(0,l.jsx)(Y,{size:21})}),(0,l.jsxs)("span",{className:tR.buttonTooltip,children:[tI?"Exit layout mode":"Layout mode",(0,l.jsx)("span",{className:tR.shortcut,children:"L"})]})]}),(0,l.jsxs)("div",{className:tR.buttonWrapper,children:[(0,l.jsx)("button",{className:tR.controlButton,onClick:e=>{e.stopPropagation(),nD(),T(!z)},disabled:!oD||tI,children:(0,l.jsx)(v,{size:24,isOpen:z})}),(0,l.jsxs)("span",{className:tR.buttonTooltip,children:[z?"Hide markers":"Show markers",(0,l.jsx)("span",{className:tR.shortcut,children:"H"})]})]}),(0,l.jsxs)("div",{className:tR.buttonWrapper,children:[(0,l.jsx)("button",{className:"".concat(tR.controlButton," ").concat(eh?tR.statusShowing:""),onClick:e=>{e.stopPropagation(),nD(),oE()},disabled:tI&&tY?0===tW.length&&!(null==nt||null==(e=nt.sections)?void 0:e.length):!oD&&0===nj.length&&0===tW.length&&!(null==nt||null==(t=nt.sections)?void 0:t.length),"data-active":eh,children:(0,l.jsx)(p,{size:24,copied:eh,tint:tI&&tY&&(tW.length>0||(null==nt||null==(n=nt.sections)?void 0:n.length))?"#f97316":void 0})}),(0,l.jsxs)("span",{className:tR.buttonTooltip,children:[tI&&tY?"Copy layout":"Copy feedback",(0,l.jsx)("span",{className:tR.shortcut,children:"C"})]})]}),(0,l.jsxs)("div",{className:"".concat(tR.buttonWrapper," ").concat(tR.sendButtonWrapper," ").concat(E&&!nP.webhooksEnabled&&(tK(nP.webhookUrl)||tK(B||""))?tR.sendButtonVisible:""),children:[(0,l.jsxs)("button",{className:"".concat(tR.controlButton," ").concat("sent"===ep||"failed"===ep?tR.statusShowing:""),onClick:e=>{e.stopPropagation(),nD(),oR()},disabled:!oD||!tK(nP.webhookUrl)&&!tK(B||"")||"sending"===ep,"data-no-hover":"sent"===ep||"failed"===ep,tabIndex:tK(nP.webhookUrl)||tK(B||"")?0:-1,children:[(0,l.jsx)(y,{size:24,state:ep}),oD&&"idle"===ep&&(0,l.jsx)("span",{className:tR.buttonBadge,children:W.length})]}),(0,l.jsxs)("span",{className:tR.buttonTooltip,children:["Send Annotations",(0,l.jsx)("span",{className:tR.shortcut,children:"S"})]})]}),(0,l.jsxs)("div",{className:tR.buttonWrapper,children:[(0,l.jsx)("button",{className:tR.controlButton,onClick:e=>{e.stopPropagation(),nD(),oN()},disabled:!oD&&0===nj.length&&0===tW.length&&!(null==nt||null==(s=nt.sections)?void 0:s.length),"data-danger":!0,children:(0,l.jsx)(I,{size:24})}),(0,l.jsxs)("span",{className:tR.buttonTooltip,children:["Clear all",(0,l.jsx)("span",{className:tR.shortcut,children:"X"})]})]}),(0,l.jsxs)("div",{className:tR.buttonWrapper,children:[(0,l.jsx)("button",{className:tR.controlButton,onClick:e=>{e.stopPropagation(),nD(),tI&&oy(),tv(!tw)},children:(0,l.jsx)(C,{size:24})}),S&&"disconnected"!==nU&&(0,l.jsx)("span",{className:"".concat(tR.mcpIndicator," ").concat(tR[nU]," ").concat(tw?tR.hidden:""),title:"connected"===nU?"MCP Connected":"MCP Connecting..."}),(0,l.jsx)("span",{className:tR.buttonTooltip,children:"Settings"})]}),(0,l.jsx)("div",{className:tR.divider}),(0,l.jsxs)("div",{className:"".concat(tR.buttonWrapper," ").concat(nq&&"undefined"!=typeof window&&nq.x>window.innerWidth-120?tR.buttonWrapperAlignRight:""),children:[(0,l.jsx)("button",{className:tR.controlButton,onClick:e=>{e.stopPropagation(),nD(),ox()},children:(0,l.jsx)(D,{size:24})}),(0,l.jsxs)("span",{className:tR.buttonTooltip,children:["Exit",(0,l.jsx)("span",{className:tR.shortcut,children:"Esc"})]})]})]}),(0,l.jsx)(eb,{visible:tI&&E,activeType:tA,onSelect:e=>{tF(tA===e?null:e)},isDarkMode:nT,sectionCount:null!=(c=null==nt?void 0:nt.sections.length)?c:0,onDetectSections:()=>{var e,t;let n=function(){let e=document.querySelector("main")||document.body,t=Array.from(e.children),n=t;e!==document.body&&t.length<3&&(n=Array.from(document.body.children));let o=[];
1return n.forEach((e,t)=>{if(!(e instanceof HTMLElement))return;let n=e.tagName.toLowerCase();if(eX.has(n)||e.hasAttribute("data-feedback-toolbar")||e.closest("[data-feedback-toolbar]"))return;let r=window.getComputedStyle(e);if("none"===r.display||"hidden"===r.visibility)return;let l=e.getBoundingClientRect();if(l.height<40)return;let s=eF.has(n),a=e.getAttribute("role")&&eH[e.getAttribute("role")],i="div"===n&&l.height>=60;if(!s&&!a&&!i)return;let c=window.scrollY,d=eU(e),_={x:l.x,y:d?l.y:l.y+c,width:l.width,height:l.height};o.push({id:"rs-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,7)),label:eq(e),tagName:n,selector:eQ(e),role:e.getAttribute("role"),className:eV(e),textSnippet:eZ(e),originalRect:_,currentRect:{..._},originalIndex:t,isFixed:d})}),o}(),o=null!=(e=null==nt?void 0:nt.sections)?e:[],r=new Set(o.map(e=>e.selector)),l=n.filter(e=>!r.has(e.selector));nn({sections:[...o,...l],originalOrder:[...null!=(t=null==nt?void 0:nt.originalOrder)?t:[],...l.map(e=>e.id)],detectedAt:Date.now()})},placementCount:tW.length,onClearPlacements:()=>{n_(e=>e+1),nh(e=>e+1),Z(()=>{nn({sections:[],originalOrder:[],detectedAt:Date.now()})},200)},blankCanvas:tY,onBlankCanvasChange:e=>{let t={sections:[],originalOrder:[],detectedAt:Date.now()};e?(nr.current={rearrange:nt,placements:tW},nn(nl.current.rearrange||t),tP(nl.current.placements),tF(null)):(nl.current={rearrange:nt,placements:tW},nn(nr.current.rearrange||t),tP(nr.current.placements)),tX(e)},wireframePurpose:t8,onWireframePurposeChange:t7,Tooltip:eo,onDragStart:(e,t)=>{var n;t.preventDefault();let o=er[e],r=null,l=!1,s=t.clientX,a=t.clientY,i=t.target.closest("[data-feedback-toolbar]"),c=null!=(n=null==i?void 0:i.getBoundingClientRect().top)?n:window.innerHeight,d=t=>{let n=t.clientX-s,i=t.clientY-a;if(!l&&(Math.abs(n)>4||Math.abs(i)>4)&&(l=!0,(r=document.createElement("div")).className="".concat(eu.dragPreview).concat(tY?" ".concat(eu.dragPreviewWireframe):""),document.body.appendChild(r)),!r)return;let d=1-Math.pow(1-Math.min(1,Math.max(0,c-t.clientY)/180),2),_=Math.min(140,.18*o.width),u=Math.min(90,.18*o.height),h=28+(_-28)*d,m=20+(u-20)*d;r.style.width="".concat(h,"px"),r.style.height="".concat(m,"px"),r.style.left="".concat(t.clientX-h/2,"px"),r.style.top="".concat(t.clientY-m/2,"px"),r.style.opacity="".concat(.5+.5*d),r.textContent=d>.25?e:""},_=t=>{if(window.removeEventListener("mousemove",d),window.removeEventListener("mouseup",_),r&&document.body.removeChild(r),l){let n=o.width,r=o.height,l=window.scrollY,s=Math.max(0,t.clientX-n/2),a=Math.max(0,t.clientY+l-r/2),i={id:"dp-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,7)),type:e,x:s,y:a,width:n,height:r,scrollY:l,timestamp:Date.now()};tP(e=>[...e,i]),tF(null),nm.current=new Set,na(e=>e+1)}};window.addEventListener("mousemove",d),window.addEventListener("mouseup",_)}}),(0,l.jsx)(tq,{settings:nP,onSettingsChange:e=>nz(t=>({...t,...e})),isDarkMode:nT,onToggleTheme:()=>{var e;null==(e=q.current)||e.classList.add(tR.disableTransitions),nO(e=>!e),K(()=>{var e;null==(e=q.current)||e.classList.remove(tR.disableTransitions)})},isDevMode:!1,connectionStatus:nU,endpoint:S,isVisible:tk,toolbarNearBottom:!!nq&&nq.y<230,settingsPage:tC,onSettingsPageChange:tS,onHideToolbar:om})]})}),(tI||tN)&&(0,l.jsx)("div",{className:"".concat(eu.blankCanvas," ").concat(tU?eu.visible:""," ").concat(t9?eu.gridActive:""),style:{"--canvas-opacity":t2},"data-feedback-toolbar":!0}),tI&&tY&&tU&&(0,l.jsxs)("div",{className:eu.wireframeNotice,"data-feedback-toolbar":!0,children:[(0,l.jsxs)("div",{className:eu.wireframeOpacityRow,children:[(0,l.jsx)("span",{className:eu.wireframeOpacityLabel,children:"Toggle Opacity"}),(0,l.jsx)("input",{type:"range",className:eu.wireframeOpacitySlider,min:0,max:1,step:.01,value:t2,onChange:e=>t4(Number(e.target.value))})]}),(0,l.jsxs)("div",{className:eu.wireframeNoticeTitleRow,children:[(0,l.jsx)("span",{className:eu.wireframeNoticeTitle,children:"Wireframe Mode"}),(0,l.jsx)("span",{className:eu.wireframeNoticeDivider}),(0,l.jsx)("button",{className:eu.wireframeStartOver,onClick:()=>{n_(e=>e+1),nn({sections:[],originalOrder:[],detectedAt:Date.now()}),nl.current={rearrange:null,placements:[]},t7(""),t_(o_)},children:"Start Over"})]}),"Drag components onto the canvas.",(0,l.jsx)("br",{}),"Copied output will only include the wireframed layout."]}
1),(tI||tN)&&(0,l.jsx)(eg,{placements:tW,onChange:tP,activeComponent:tN?null:tA,onActiveComponentChange:tF,isDarkMode:nT,exiting:tN,onInteractionChange:ne,passthrough:!tA,extraSnapRects:null==nt?void 0:nt.sections.map(e=>e.currentRect),deselectSignal:ns,clearSignal:nd,wireframe:tY,onSelectionChange:(e,t)=>{nm.current=e,t||(ng.current=new Set,nc(e=>e+1))},onDragMove:(e,t)=>{let n=ng.current;if(n.size&&nt){if(!np.current)for(let e of(np.current=new Map,nt.sections))n.has(e.id)&&np.current.set(e.id,{x:e.currentRect.x,y:e.currentRect.y});for(let o of nt.sections){if(!n.has(o.id)||!np.current.get(o.id))continue;let r=document.querySelector('[data-rearrange-section="'.concat(o.id,'"]'));r&&(r.style.transform="translate(".concat(e,"px, ").concat(t,"px)"))}}},onDragEnd:(e,t,n)=>{let o=ng.current,r=np.current;if(np.current=null,o.size&&nt&&r){for(let e of o){let t=document.querySelector('[data-rearrange-section="'.concat(e,'"]'));t&&(t.style.transform="")}n&&nn(n=>n?{...n,sections:n.sections.map(n=>{let o=r.get(n.id);return o?{...n,currentRect:{...n.currentRect,x:Math.max(0,o.x+e),y:Math.max(0,o.y+t)}}:n})}:n)}}}),(tI||tN)&&nt&&(0,l.jsx)(e1,{rearrangeState:nt,onChange:nn,isDarkMode:nT,exiting:tN,blankCanvas:tY,extraSnapRects:tW.map(e=>({x:e.x,y:e.y,width:e.width,height:e.height})),clearSignal:nu,deselectSignal:ni,onSelectionChange:(e,t)=>
1{ng.current=e,t||(nm.current=new Set,na(e=>e+1))},onDragMove:(e,t)=>{let n=nm.current;if(n.size){if(!np.current)for(let e of(np.current=new Map,tW))n.has(e.id)&&np.current.set(e.id,{x:e.x,y:e.y});for(let o of n){let n=document.querySelector('[data-design-placement="'.concat(o,'"]'));n&&(n.style.transform="translate(".concat(e,"px, ").concat(t,"px)"))}}},onDragEnd:(e,t,n)=>{let o=nm.current,r=np.current;if(np.current=null,o.size&&r){for(let e of o){let t=document.querySelector('[data-design-placement="'.concat(e,'"]'));t&&(t.style.transform="")}n&&tP(n=>n.map(n=>{let o=r.get(n.id);return o?{...n,x:Math.max(0,o.x+e),y:Math.max(0,o.y+t)}:n}))}}}),(0,l.jsx)("canvas",{ref:nL,className:"".concat(tR.drawCanvas," ").concat(nv?tR.active:""),style:{opacity:+!!ou,transition:"opacity 0.15s ease"},"data-feedback-toolbar":!0}),(0,l.jsxs)("div",{className:tR.markersLayer,"data-feedback-toolbar":!0,children:[$&&oP.filter(e=>!e.isFixed).map((e,t,n)=>(0,l.jsx)(tz,{annotation:e,globalIndex:oP.findIndex(t=>t.id===e.id),layerIndex:t,layerSize:n.length,isExiting:en,isClearing:ew,isAnimated:n0.has(e.id),isHovered:!en&&ej===e.id,isDeleting:eW===e.id,isEditingAny:!!eJ,renumberFrom:ez,markerClickBehavior:nP.markerClickBehavior,tooltipStyle:oO(e),onHoverEnter:e=>!en&&e.id!==os.current&&oL(e),onHoverLeave:()=>oL(null),onClick:e=>"delete"===nP.markerClickBehavior?oM(e.id):ok(e),onContextMenu:ok},e.id)),$&&!en&&oT.filter(e=>!e.isFixed).map(e=>(0,l.jsx)(tO,{annotation:e},e.id))]}),(0,l.jsxs)("div",{className:tR.fixedMarkersLayer,"data-feedback-toolbar":!0,children:[$&&oP.filter(e=>e.isFixed).map((e,t,n)=>(0,l.jsx)(tz,{annotation:e,globalIndex:oP.findIndex(t=>t.id===e.id),layerIndex:t,layerSize:n.length,isExiting:en,isClearing:ew,isAnimated:n0.has(e.id),isHovered:!en&&ej===e.id,isDeleting:eW===e.id,isEditingAny:!!eJ,renumberFrom:ez,markerClickBehavior:nP.markerClickBehavior,tooltipStyle:oO(e),onHoverEnter:e=>!en&&e.id!==os.current&&oL(e),onHoverLeave:()=>oL(null),onClick:e=>"delete"===nP.markerClickBehavior?oM(e.id):ok(e),onContextMenu:ok},e.id)),$&&!en&&oT.filter(e=>e.isFixed).map(e=>(0,l.jsx)(tO,{annotation:e,fixed:!0},e.id))]}),E&&(0,l.jsxs)("div",{className:tR.overlay,"data-feedback-toolbar":!0,style:ed||eJ?{zIndex:99999}:void 0,children:[(null==es?void 0:es.rect)&&!ed&&!e6&&!n7&&(0,l.jsx)("div",{className:"".concat(tR.hoverHighlight," ").concat(tR.enter),style:{left:es.rect.left,top:es.rect.top,width:es.rect.width,height:es.rect.height,borderColor:"color-mix(in srgb, var(--agentation-color-accent) 50%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 4%, transparent)"}}),nE.filter(e=>document.contains(e.element)).map((e,t)=>{let n=e.element.getBoundingClientRect(),o=nE.length>1;return(0,l.jsx)("div",{className:o?tR.multiSelectOutline:tR.singleSelectOutline,style:{position:"fixed",left:n.left,top:n.top,width:n.width,height:n.height,...o?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}},t)}),ej&&!ed&&(()=>{var e;let t=W.find(e=>e.id===ej);if(!(null==t?void 0:t.boundingBox))return null;if(null==(e=t.elementBoundingBoxes)?void 0:e.length)return eE.length>0?eE.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,l.jsx)("div",{className:"".concat(tR.multiSelectOutline," ").concat(tR.enter),style:{left:n.left,top:n.top,width:n.width,height:n.height}},"hover-outline-live-".concat(t))}):t.elementBoundingBoxes.map((e,t)=>(0,l.jsx)("div",{className:"".concat(tR.multiSelectOutline," ").concat(tR.enter),style:{left:e.x,top:e.y-e2,width:e.width,height:e.height}},"hover-outline-".concat(t)));let n=eL&&document.contains(eL)?eL.getBoundingClientRect():null,o=n?{x:n.left,y:n.top,width:n.width,height:n.height}:{x:t.boundingBox.x,y:t.isFixed?t.boundingBox.y:t.boundingBox.y-e2,width:t.boundingBox.width,height:t.boundingBox.height},r=t.isMultiSelect;return(0,l.jsx)("div",{className:"".concat(r?tR.multiSelectOutline:tR.singleSelectOutline," ").concat(tR.enter),style:{left:o.x,top:o.y,width:o.width,height:o.height,...r?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}})})(),es&&!ed&&!e6&&!n7&&(0,l.jsxs)("div",{className:"".concat(tR.hoverTooltip," ").concat(tR.enter),style:{left:Math.max(8,Math.min(ei.x,window.innerWidth-100)),top:Math.max(ei.y-(es.reactComponents?48:32),8)},children:[es.reactComponents&&(0,l.jsx)("div",{className:tR.hoverReactPath,children:es.reactComponents}),(0,l.jsx)("div",{className:tR.hoverElementName,children:es.elementName})]}),ed&&(0,l.jsxs)(l.Fragment,{children:[(null==(a=ed.multiSelectElements)?void 0:a.length)?ed.multiSelectElements.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,l.jsx)("div",{className:"".concat(tR.multiSelectOutline," ").concat(n4?tR.exit:tR.enter),style:{left:n.left,top:n.top,width:n.width,height:n.height}},"pending-multi-".concat(t))}):ed.targetElement&&document.contains(ed.targetElement)?(()=>{let e=ed.targetElement.getBoundingClientRect();return(0,l.jsx)("div",{className:"".concat(tR.singleSelectOutline," ").concat(n4?tR.exit:tR.enter),style:{left:e.left,top:e.top,width:e.width,height:e.height,borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}})}
1)():ed.boundingBox&&(0,l.jsx)("div",{className:"".concat(ed.isMultiSelect?tR.multiSelectOutline:tR.singleSelectOutline," ").concat(n4?tR.exit:tR.enter),style:{left:ed.boundingBox.x,top:ed.boundingBox.y-e2,width:ed.boundingBox.width,height:ed.boundingBox.height,...ed.isMultiSelect?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}}),(()=>{let e=ed.x,t=ed.isFixed?ed.y:ed.y-e2;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(tT,{x:e,y:t,isMultiSelect:ed.isMultiSelect,isExiting:n4}),(0,l.jsx)(ee,{ref:oi,element:ed.element,selectedText:ed.selectedText,computedStyles:ed.computedStylesObj,placeholder:"Area selection"===ed.element?"What should change in this area?":ed.isMultiSelect?"Feedback for this group of elements...":"What should change?",onSubmit:oC,onCancel:oS,isExiting:n4,lightMode:!nT,accentColor:ed.isMultiSelect?"var(--agentation-color-green)":"var(--agentation-color-accent)",style:{left:Math.max(160,Math.min(window.innerWidth-160,e/100*window.innerWidth)),...t>window.innerHeight-290?{bottom:window.innerHeight-t+20}:{top:t+20}}})]})})()]}),eJ&&(0,l.jsxs)(l.Fragment,{children:[(null==(i=eJ.elementBoundingBoxes)?void 0:i.length)?e0.length>0?e0.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,l.jsx)("div",{className:"".concat(tR.multiSelectOutline," ").concat(tR.enter),style:{left:n.left,top:n.top,width:n.width,height:n.height}},"edit-multi-live-".concat(t))}):eJ.elementBoundingBoxes.map((e,t)=>(0,l.jsx)("div",{className:"".concat(tR.multiSelectOutline," ").concat(tR.enter),style:{left:e.x,top:e.y-e2,width:e.width,height:e.height}},"edit-multi-".concat(t))):(()=>{let e=eG&&document.contains(eG)?eG.getBoundingClientRect():null,t=e?{x:e.left,y:e.top,width:e.width,height:e.height}:eJ.boundingBox?{x:eJ.boundingBox.x,y:eJ.isFixed?eJ.boundingBox.y:eJ.boundingBox.y-e2,width:eJ.boundingBox.width,height:eJ.boundingBox.height}:null;return t?(0,l.jsx)("div",{className:"".concat(eJ.isMultiSelect?tR.multiSelectOutline:tR.singleSelectOutline," ").concat(tR.enter),style:{left:t.x,top:t.y,width:t.width,height:t.height,...eJ.isMultiSelect?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}}):null})(),(0,l.jsx)(ee,{ref:oc,element:eJ.element,selectedText:eJ.selectedText,computedStyles:function(e){if(!e)return;let t={};for(let n of e.split(";").map(e=>e.trim()).filter(Boolean)){let e=n.indexOf(":");if(e>0){let o=n.slice(0,e).trim(),r=n.slice(e+1).trim();o&&r&&(t[o]=r)}}return Object.keys(t).length>0?t:void 0}(eJ.computedStyles),placeholder:"Edit your feedback...",initialValue:eJ.comment,submitLabel:"Save",onSubmit:oI,onCancel:oB,onDelete:()=>oM(eJ.id),isExiting:n3,lightMode:!nT,accentColor:eJ.isMultiSelect?"var(--agentation-color-green)":"var(--agentation-color-accent)",style:(()=>{let e=eJ.isFixed?eJ.y:eJ.y-e2;return{left:Math.max(160,Math.min(window.innerWidth-160,eJ.x/100*window.innerWidth)),...e>window.innerHeight-290?{bottom:window.innerHeight-e+20}:{top:e+20}}})()})]}),n7&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{ref:on,className:tR.dragSelection}),(0,l.jsx)("div",{ref:oo,className:tR.highlightsContainer})]})]})]}),document.body)}(()=>{if("undefined"==typeof document||document.getElementById("agentation-color-tokens"))return;let e=document.createElement("style");e.id="agentation-color-tokens",e.textContent=[...tG.map(e=>'\n [data-agentation-accent="'.concat(e.id,'"] {\n --agentation-color-accent: ').concat(e.srgb,';\n }\n\n @supports (color: color(display-p3 0 0 0)) {\n [data-agentation-accent="').concat(e.id,'"] {\n --agentation-color-accent: ').concat(e.p3,";\n }\n }\n ")),":root {\n ".concat(tG.map(e=>"--agentation-color-".concat(e.id,": ").concat(e.srgb,";")).join("\n"),"\n }"),"@supports (color: color(display-p3 0 0 0)) {\n :root {\n ".concat(tG.map(e=>"--agentation-color-".concat(e.id,": ").concat(e.p3,";")).join("\n"),"\n }\n }")].join(""),document.head.appendChild(e)})()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.