dc07ed8c-103f48045…?dpl=dpl_J44XNacWcyeRQZyfKxKHFsvGg4is

js cryptopunks.app collected 2026-10-03 21:10:51 UTC 415,394 bytes, 3 lines download raw bytes

1"use strict";
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e._posthogReleaseId=e._posthogReleaseId||"01a0fe7d-3dee-0000-20e1-cceced4767af";var n=(new e.Error).stack;n&&(e._posthogChunkIds=e._posthogChunkIds||{},e._posthogChunkIds[n]="1a383005-20b5-56ae-b3c7-304afe6a05b6")}catch(e){}}();(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7767],{15663:(e,t,n)=>{n.d(t,{zI:()=>tD});var o=n(12115),l=n(47650),r=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}

2\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,r.jsx)("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"none",children:(0,r.jsx)("path",{d:"M8 3v10M3 8h10",

2stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})},c=e=>{let{size:t=24,style:n={}}=e;return(0,r.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",style:n,children:[(0,r.jsxs)("g",{clipPath:"url(#clip0_list_sparkle)",children:[(0,r.jsx)("path",{d:"M11.5 12L5.5 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M18.5 6.75L5.5 6.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M9.25 17.25L5.5 17.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.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,r.jsx)("defs",{children:(0,r.jsx)("clipPath",{id:"clip0_list_sparkle",children:(0,r.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]})},d=e=>{let{size:t=20,...n}=e;return(0,r.jsxs)("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...n,children:[(0,r.jsx)("circle",{cx:"10",cy:"10",r:"5.375",stroke:"currentColor",strokeWidth:"1.25"}),(0,r.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,r.jsx)("circle",{cx:"10",cy:"12.625",r:"0.625",fill:"currentColor"})]})},_=e=>{let{size:t=24,copied:n=!1,tint:o}=e;return(0,r.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,r.jsxs)("g",{className:"".concat(a.iconState," ").concat(n?a.hiddenScaled:a.visibleScaled),children:[(0,r.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,r.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,r.jsxs)("g",{className:"".concat(a.iconState," ").concat(n?a.visibleScaled:a.hiddenScaled),children:[(0,r.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,r.jsx)("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})]})},u=e=>{let{size:t=24,state:n="idle"}=e;return(0,r.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,r.jsx)("g",{className:"".concat(a.iconStateFast," ").concat("idle"===n?a.visibleScaled:"sending"===n?a.sending:a.hiddenScaled),children:(0,r.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,r.jsxs)("g",{className:"".concat(a.iconStateFast," ").concat("sent"===n?a.visibleScaled:a.hiddenScaled),children:[(0,r.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,r.jsx)("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,r.jsxs)("g",{className:"".concat(a.iconStateFast," ").concat("failed"===n?a.visibleScaled:a.hiddenScaled),children:[(0,r.jsx)("path",{d:"M12 20C

27.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,r.jsx)("path",{d:"M12 8V12",stroke:"var(--agentation-color-red)",strokeWidth:"1.5",strokeLinecap:"round"}),(0,r.jsx)("circle",{cx:"12",cy:"15",r:"0.5",fill:"var(--agentation-color-red)",stroke:"var(--agentation-color-red)",strokeWidth:"1"})]})]})},h=e=>{let{size:t=24,isOpen:n=!0}=e;return(0,r.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,r.jsxs)("g",{className:"".concat(a.iconFade," ").concat(n?a.visible:a.hidden),children:[(0,r.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,r.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,r.jsxs)("g",{className:"".concat(a.iconFade," ").concat(n?a.hidden:a.visible),children:[(0,r.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,r.jsx)("path",{d:"M5 19L19 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})]})},m=e=>{let{size:t=24,isPaused:n=!1}=e;return(0,r.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,r.jsxs)("g",{className:"".concat(a.iconFadeFast," ").concat(n?a.hidden:a.visible),children:[(0,r.jsx)("path",{d:"M8 6L8 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,r.jsx)("path",{d:"M16 18L16 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),(0,r.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"})]})},g=e=>{let{size:t=16}=e;return(0,r.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,r.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,r.jsx)("circle",{cx:"12",cy:"12",r:"2.5",stroke:"currentColor",strokeWidth:"1.5"})]})},p=e=>{let{size:t=16}=e;return(0,r.jsx)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:(0,r.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

26 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"})})},y=e=>{let{size:t=16}=e;return(0,r.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,r.jsxs)("g",{clipPath:"url(#clip0_2_53)",children:[(0,r.jsx)("path",{d:"M16.25 16.25L7.75 7.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M7.75 16.25L16.25 7.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,r.jsx)("defs",{children:(0,r.jsx)("clipPath",{id:"clip0_2_53",children:(0,r.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]})},x=e=>{let{size:t=24}=e;return(0,r.jsx)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:(0,r.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"})})},f=e=>{let{size:t=16}=e;return(0,r.jsxs)("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",children:[(0,r.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,r.jsx)("path",{d:"M10 3.9585V5.05698",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M10 14.9429V16.0414",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M5.7269 5.72656L6.50682 6.50649",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M13.4932 13.4932L14.2731 14.2731",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M3.95834 10H5.05683",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M14.9432 10H16.0417",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M5.7269 14.2731L6.50682 13.4932",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M13.4932 6.50649L14.2731 5.72656",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]})},b=e=>{let{size:t=16}=e;return(0,r.jsx)("svg",{width:t,height:t,viewBox:"0 0 20 20",fill:"none",children:(0,r.jsx)("path",{d:"M15.5 10.4955C15.4037 11.5379 15.0124 12.5314 14.3721 13.3596C13.7317 14.1878 12.8688 14.8165 11.8841 15.1722C10.8995 15.5278 9.83397 15.5957 8.81217 15.3679C7.79038 15.1401 6.8546 14.6259 6.11434 13.8857C5.37408 13.1454 4.85995 12.2096 4.63211 11.1878C4.40427 10.166 4.47215 9.10048 4.82781 8.11585C5.18346 7.13123 5.81218 6.26825 6.64039 5.62791C7.4686 4.98756 8.46206 4.59634 9.5045 4.5C8.89418 5.32569 8.60049 6.34302 8.67685 7.36695C8.75321 8.39087 9.19454 9.35339 9.92058 10.0794C10.6466 10.8055 11.6091 11.2468 12.6331 11.323

21C13.657 11.3995 14.6743 11.1058 15.5 10.4955Z",stroke:"currentColor",strokeWidth:"1.13793",strokeLinecap:"round",strokeLinejoin:"round"})})},w=e=>{let{size:t=16}=e;return(0,r.jsx)("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M11.3799 6.9572L9.05645 4.63375M11.3799 6.9572L6.74949 11.5699C6.61925 11.6996 6.45577 11.791 6.277 11.8339L4.29549 12.3092C3.93194 12.3964 3.60478 12.0683 3.69297 11.705L4.16585 9.75693C4.20893 9.57947 4.29978 9.4172 4.42854 9.28771L9.05645 4.63375M11.3799 6.9572L12.3455 5.98759C12.9839 5.34655 12.9839 4.31002 12.3455 3.66897C11.7033 3.02415 10.6594 3.02415 10.0172 3.66897L9.06126 4.62892L9.05645 4.63375",stroke:"currentColor",strokeWidth:"0.9",strokeLinecap:"round",strokeLinejoin:"round"})})},v=e=>{let{size:t=24}=e;return(0,r.jsx)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.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"})})},k=e=>{let{size:t=16}=e;return(0,r.jsx)("svg",{width:t,height:t,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M8.5 3.5L4 8L8.5 12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})},j=e=>{let{size:t=24}=e;return(0,r.jsxs)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",children:[(0,r.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),(0,r.jsx)("line",{x1:"3",y1:"9",x2:"21",y2:"9",stroke:"currentColor",strokeWidth:"1.5"}),(0,r.jsx)("line",{x1:"9",y1:"9",x2:"9",y2:"21",stroke:"currentColor",strokeWidth:"1.5"})]})},C=["data-feedback-toolbar","data-annotation-popup","data-annotation-marker"],S=C.flatMap(e=>[":not([".concat(e,"])"),":not([".concat(e,"] *)")]).join(""),M="feedback-freeze-styles",L="__agentation_freeze",I=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[L]||(e[L]={frozen:!1,installed:!1,origSetTimeout:null,origSetInterval:null,origRAF:null,pausedAnimations:[],frozenTimeoutQueue:[],frozenRAFQueue:[]}),e[L]}();"undefined"==typeof window||I.installed||(I.origSetTimeout=window.setTimeout.bind(window),I.origSetInterval=window.setInterval.bind(window),I.origRAF=window.requestAnimationFrame.bind(window),window.setTimeout=function(e,t){for(var n=arguments.length,o=Array(n>2?n-2:0),l=2;l<n;l++)o[l-2]=arguments[l];return"string"==typeof e?I.origSetTimeout(e,t):I.origSetTimeout(function(){for(var t=arguments.length,n=Array(t),o=0;o<t;o++)n[o]=arguments[o];I.frozen?I.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),l=2;l<n;l++)o[l-2]=arguments[l];return"string"==typeof e?I.origSetInterval(e,t):I.origSetInterval(function(){for(var t=arguments.length,n=Array(t),o=0;o<t;o++)n[o]=arguments[o];I.frozen||e(...n)},t,...o)},window.requestAnimationFrame=e=>I.origRAF(t=>{I.frozen?I.frozenRAFQueue.push(e):e(t)}),I.installed=!0);var B=I.origSetTimeout,N=I.origSetInterval,R=I.origRAF;function E(){var e;if("undefined"==typeof document||!I.frozen)return;I.frozen=!1;let t=I.frozenTimeoutQueue;for(let e of(I.frozenTimeoutQueue=[],t))I.origSetTimeout(()=>{if(I.frozen)return void I.frozenTimeoutQueue.push(e);try{e()}catch(e){}},0);let n=I.frozenRAFQueue;for(let e of(I.frozenRAFQueue=[],n))I.origRAF(t=>{if(I.frozen)return void I.frozenRAFQueue.push(e);e(t)});for(let e of I.pausedAnimations)try{e.play()}catch(e){}

2I.pausedAnimations=[],null==(e=document.getElementById(M))||e.remove(),document.querySelectorAll("video").forEach(e=>{"false"===e.dataset.wasPaused&&(e.play().catch(()=>{}),delete e.dataset.wasPaused)})}function D(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 W=(0,o.forwardRef)(function(e,t){let{element:n,timestamp:l,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,k]=(0,o.useState)(!1),[j,C]=(0,o.useState)("initial"),[S,M]=(0,o.useState)(!1),[L,I]=(0,o.useState)(!1),N=(0,o.useRef)(null),R=(0,o.useRef)(null),E=(0,o.useRef)(null),W=(0,o.useRef)(null);(0,o.useEffect)(()=>{p&&"exit"!==j&&C("exit")},[p,j]),(0,o.useEffect)(()=>{B(()=>{C("enter")},0);let e=B(()=>{C("entered")},200),t=B(()=>{let e=N.current;e&&(D(e),e.selectionStart=e.selectionEnd=e.value.length,e.scrollTop=e.scrollHeight)},50);return()=>{clearTimeout(e),clearTimeout(t),E.current&&clearTimeout(E.current),W.current&&clearTimeout(W.current)}},[]);let z=(0,o.useCallback)(()=>{W.current&&clearTimeout(W.current),k(!0),W.current=B(()=>{k(!1),D(N.current)},250)},[]);(0,o.useImperativeHandle)(t,()=>({shake:z}),[z]);let P=(0,o.useCallback)(()=>{C("exit"),E.current=B(()=>{u()},150)},[u]),T=(0,o.useCallback)(()=>{f.trim()&&_(f.trim())},[f,_]),O=(0,o.useCallback)(e=>{e.stopPropagation(),e.nativeEvent.isComposing||("Enter"!==e.key||e.shiftKey||(e.preventDefault(),T()),"Escape"===e.key&&P())},[T,P]),A=[s.popup,y?s.light:"","enter"===j?s.enter:"","entered"===j?s.entered:"","exit"===j?s.exit:"",w?s.shake:""].filter(Boolean).join(" ");return(0,r.jsxs)("div",{ref:R,className:A,"data-annotation-popup":!0,style:m,onClick:e=>e.stopPropagation(),children:[(0,r.jsxs)("div",{className:s.header,children:[x&&Object.keys(x).length>0?(0,r.jsxs)("button",{className:s.headerToggle,onClick:()=>{I(!L),L&&B(()=>D(N.current),0)},type:"button",children:[(0,r.jsx)("svg",{className:"".concat(s.chevron," ").concat(L?s.expanded:""),width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M5.5 10.25L9 7.25L5.75 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,r.jsx)("span",{className:s.element,children:n})]}):(0,r.jsx)("span",{className:s.element,children:n}),l&&(0,r.jsx)("span",{className:s.timestamp,children:l})]}),x&&Object.keys(x).length>0&&(0,r.jsx)("div",{className:"".concat(s.stylesWrapper," ").concat(L?s.expanded:""),children:(0,r.jsx)("div",{className:s.stylesInner,children:(0,r.jsx)("div",{className:s.stylesBlock,children:Object.entries(x).map(e=>{let[t,n]=e;return(0,r.jsxs)("div",{className:s.styleLine,children:[(0,r.jsx)("span",{className:s.styleProperty,children:t.replace(/([A-Z])/g,"-$1").toLowerCase()}),": ",(0,r.jsx)("span",{className:s.styleValue,children:n}),";"]},t)})})})}),a&&(0,r.jsxs)("div",{className:s.quote,children:["â",a.slice(0,80),a.length>80?"...":"","â"]}),(0,r.jsx)("textarea",{ref:N,className:s.textarea,style:{borderColor:S?g:void 0},placeholder:i,value:f,onChange:e=>b(e.target.value),onFocus:()=>M(!0),onBlur:()=>M(!1),rows:2,onKeyDown:O}),(0,r.jsxs)("div",{className:s.actions,children:[h&&(0,r.jsx)("div",{className:s.deleteWrapper,children:(0,r.jsx)("button",{className:s.deleteButton,onClick:h,type:"button",children:(0,r.jsx)(v,{size:22})})}),(0,r.jsx)("button",{className:s.cancel,onClick:P,children:"Cancel"}),(0,r.jsx)("button",{className:s.submit,style:{backgroundColor:g,opacity:f.trim()?1:.4},onClick:T,disabled:!f.trim(),children:d})]})]})}),z=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,r.jsxs)(r.Fragment,{children:[(0,r.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=B(()=>{i(!0)},500)},onMouseLeave:()=>{m.current&&(clearTimeout(m.current),m.current=null),i(!1),g.current=B(()=>{d(!1)},150)},...s,children:n}),c&&(0,l.createPortal)((0,r.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;

2\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 P={tooltip:"styles-module__tooltip___mcXL2",tooltipIcon:"styles-module__tooltipIcon___Nq2nD"},T=e=>{let{content:t}=e;return(0,r.jsx)(z,{className:P.tooltip,content:t,children:(0,r.jsx)(d,{className:P.tooltipIcon})})},O={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}},A=[{section:"Layout",items:[{type:"navigation",label:"Navigation",...O.navigation},{type:"header",label:"Header",...O.header},{type:"hero",label:"Hero",...O.hero},{type:"section",label:"Section",...O.section},{type:"sidebar",label:"Sidebar",...O.sidebar},{type:"footer",label:"Footer",...O.footer},{type:"modal",label:"Modal",...O.modal},{type:"banner",label:"Banner",...O.banner},{type:"drawer",label:"Drawer",...O.drawer},{type:"popover",label:"Popover",...O.popover},{type:"divider",label:"Divider",...O.divider}]},{section:"Content",items:[{type:"card",label:"Card",...O.card},{type:"text",label:"Text",...O.text},{type:"image",label:"Image",...O.image},{type:"video",label:"Video",...O.video},{type:"table",label:"Table",...O.table},{type:"grid",label:"Grid",...O.grid},{type:"list",label:"List",...O.list},{type:"chart",label:"Chart",...O.chart},{type:"codeBlock",label:"Code Block",...O.codeBlock},{type:"map",label:"Map",...O.map},{type:"timeline",label:"Timeline",...O.timeline},{type:"calendar",label:"Calendar",...O.calendar},{type:"accordion",label:"Accordion",...O.accordion},{type:"carousel",label:"Carousel",...O.carousel},{type:"logo",label:"Logo",...O.logo},{type:"faq",label:"FAQ",...O.faq},{type:"gallery",label:"Gallery",...O.gallery}]},{section:"Controls",items:[{type:"button",label:"Button",...O.button},{type:"input",label:"Input",...O.input},{type:"search",label:"Search",...O.search},{type:"form",label:"Form",...O.form},{type:"tabs",label:"Tabs",...O.tabs},{type:"dropdown",label:"Dropdown",...O.dropdown},{type:"toggle",label:"Toggle",...O.toggle},{type:"stepper",label:"Stepper",...O.stepper},{type:"rating",label:"Rating",...O.rating},{type:"fileUpload",label:"File Upload",...O.fileUpload},{type:"checkbox",label:"Checkbox",...O.checkbox},{type:"radio",label:"Radio",...O.radio},{type:"slider",label:"Slider",...O.slider},{type:"datePicker",label:"Date Picker",...O.datePicker}]},{section:"Elements",items:[{type:"avatar",label:"Avatar",...O.avatar},{type:"badge",label:"Badge",...O.badge},{type:"tag",label:"Tag",...O.tag},{type:"breadcrumb",label:"Breadcrumb",...O.breadcrumb},{type:"pagination",label:"Pagination",...O.pagination},{type:"progress",label:"Progress",...O.progress},{type:"alert",label:"Alert",...O.alert},{type:"toast",label:"Toast",...O.toast},{type:"notification",label:"Notification",...O.notification},{type:"tooltip",label:"Tooltip",...O.tooltip},{type:"stat",label:"Stat",...O.stat},{type:"skeleton",label:"Skeleton",...O.skeleton},{type:"chip",label:"Chip",...O.chip},{type:"icon",label:"Icon",...O.icon},{type:"spinner",label:"Spinner",...O.spinner}]},{section:"Blocks",items:[{type:"pricing",label:"Pricing",...O.pricing},{type:"testimonial",label:"Testimonial",...O.testimonial},{type:"cta",label:"CTA",...O.cta},{type:"productCard",label:"Product Card",...O.productCard},{type:"profile",label:"Profile",...O.profile},{type:"feature",label:"Feature",...O.feature},{type:"team",label:"Team",...O.team},{type:"login",label:"Login",...O.login},{type:"contact",label:"Contact",...O.contact}]}],F={};for(let e of A)for(let t of e.items)F[t.type]=t;function H(e){let{w:t,h:n=3,strong:o}=e;return(0,r.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 Y(e){let{w:t,h:n,radius:o=3,style:l}=e;return(0,r.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,...l}})}function X(e){let{size:t}=e;return(0,r.jsx)("div",{style:{width:t,height:t,borderRadius:"50%",border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",flexShrink:0}})}var U={navigation:function(e){let{width:t,height:n}=e,o=Math.max(8,.2*n);return(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",height:"100%",padding:"0 ".concat(o,"px"),gap:.02*t},children:[(0,r.jsx)(Y,{w:Math.max(20,.5*n),h:Math.max(12,.4*n),radius:2}),(0,r.jsxs)("div",{style:{flex:1,display:"flex",gap:.03*t,marginLeft:.04*t},children:[(0,r.jsx)(H,{w:.06*t}),(0,r.jsx)(H,{w:.07*t}),(0,r.jsx)(H,{w:.05*t}),(0,r.jsx)(H,{w:.06*t})]}),(0,r.jsx)(Y,{w:.1*t,h:Math.min(28,.5*n),radius:4})]})},hero:function(e){let{width:t,height:n,text:o}=e;return(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:.05*n},children:[o?(0,r.jsx)("span",{style:{fontSize:Math.min(20,.08*n),fontWeight:600,color:"var(--agd-text-3)",textAlign:"center",maxWidth:"80%"},children:o}):(0,r.jsx)(H,{w:.5*t,h:Math.max(6,.04*n),strong:!0}),(0,r.jsx)(H,{w:.6*t}),(0,r.jsx)(H,{w:.4*t}),(0,r.jsx)(Y,{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,r.jsxs)("div",{style:{padding:.08*t,display:"flex",flexDirection:"column",gap:.03*n},children:[(0,r.jsx)(H,{w:.6*t,h:4,strong:!0}),Array.from({length:o},(e,n)=>(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,r.jsx)(Y,{w:10,h:10,radius:2}),(0,r.jsx)(H,{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,r.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,r.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4},children:[(0,r.jsx)(H,{w:"60%",h:3,strong:!0}),(0,r.jsx)(H,{w:"80%",h:2}),(0,r.jsx)(H,{w:"70%",h:2}),(0,r.jsx)(H,{w:"60%",h:2})]},t))})},modal:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,r.jsxs)("div",{style:{padding:"10px 12px",borderBottom:"1px solid var(--agd-stroke)",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,r.jsx)(H,{w:.3*t,h:4,strong:!0}),(0,r.jsx)("div",{style:{width:14,height:14,border:"1px solid var(--agd-stroke)",borderRadius:3}})]}),(0,r.jsxs)("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:6},children:[(0,r.jsx)(H,{w:"90%"}),(0,r.jsx)(H,{w:"70%"}),(0,r.jsx)(H,{w:"80%"})]}),(0,r.jsxs)("div",{style:{padding:"10px 12px",borderTop:"1px solid var(--agd-stroke)",display:"flex",justifyContent:"flex-end",gap:8},children:[(0,r.jsx)(Y,{w:70,h:26,radius:4}),(0,r.jsx)(Y,{w:70,h:26,radius:4,style:{background:"var(--agd-bar)"}})]})]})},card:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,r.jsx)("div",{style:{height:"40%",background:"var(--agd-fill)",borderBottom:"1px dashed var(--agd-stroke)"}}),(0,r.jsxs)("div",{style:{flex:1,padding:10,display:"flex",flexDirection:"column",gap:5},children:[(0,r.jsx)(H,{w:"70%",h:4,strong:!0}),(0,r.jsx)(H,{w:"95%",h:2}),(0,r.jsx)(H,{w:"85%",h:2}),(0,r.jsx)(H,{w:"50%",h:2})]})]})},text:function(e){let{width:t,height:n,text:o}=e;if(o)return(0,r.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 l=Math.max(2,Math.floor(n/18));return(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:6,padding:4},children:[(0,r.jsx)(H,{w:.6*t,h:5,strong:!0}),Array.from({length:l},(e,t)=>(0,r.jsx)(H,{w:"".concat(70+13*t%25,"%"),h:2},t))]})},image:function(e){let{width:t,height:n}=e;return(0,r.jsx)("div",{style:{height:"100%",position:"relative"},children:(0,r.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),preserveAspectRatio:"none",fill:"none",children:[(0,r.jsx)("line",{x1:"0",y1:"0",x2:t,y2:n,stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,r.jsx)("line",{x1:t,y1:"0",x2:"0",y2:n,stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,r.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))),l=Math.max(2,Math.min(6,Math.floor(n/32)));return(0,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,r.jsx)("div",{style:{display:"flex",borderBottom:"1px solid var(--agd-stroke)",padding:"6px 0"},children:Array.from({length:o},(e,t)=>(0,r.jsx)("div",{style:{flex:1,padding:"0 8px"},children:(0,r.jsx)(H,{w:"70%",h:3,strong:!0})},t))}),Array.from({length:l},(e,t)=>(0,r.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,r.jsx)("div",{style:{flex:1,padding:"0 8px"},children:(0,r.jsx)(H,{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,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:4,padding:4},children:Array.from({length:o},(e,t)=>(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"4px 0"},children:[(0,r.jsx)(X,{size:8}),(0,r.jsx)(H,{w:"".concat(55+17*t%35,"%"),h:2})]},t))})},button:function(e){let{width:t,height:n,text:o}=e;return(0,r.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,r.jsx)("span",{style:{fontSize:Math.min(13,.4*n),fontWeight:500,color:"var(--agd-text-3)",letterSpacing:"-0.01em"},children:o}):(0,r.jsx)(H,{w:Math.max(20,.5*t),h:3,strong:!0})})},input:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:4,height:"100%",

2justifyContent:"center"},children:[(0,r.jsx)(H,{w:Math.min(80,.3*t),h:2}),(0,r.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,r.jsx)(H,{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,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:.04*n,padding:8},children:[Array.from({length:o},(e,t)=>(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[(0,r.jsx)(H,{w:60+17*t%30,h:2}),(0,r.jsx)(Y,{w:"100%",h:28,radius:4})]},t)),(0,r.jsx)(Y,{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,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,r.jsx)("div",{style:{display:"flex",gap:2,borderBottom:"1px solid var(--agd-stroke)"},children:Array.from({length:o},(e,t)=>(0,r.jsx)("div",{style:{padding:"8px 12px",borderBottom:0===t?"2px solid var(--agd-bar-strong)":"none"},children:(0,r.jsx)(H,{w:60,h:3,strong:0===t})},t))}),(0,r.jsxs)("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:6},children:[(0,r.jsx)(H,{w:"80%",h:2}),(0,r.jsx)(H,{w:"65%",h:2}),(0,r.jsx)(H,{w:"75%",h:2})]})]})},avatar:function(e){let{width:t,height:n}=e,o=Math.min(t,n)/2;return(0,r.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:[(0,r.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,r.jsx)("circle",{cx:t/2,cy:.38*n,r:.28*o,stroke:"var(--agd-stroke)",fill:"var(--agd-fill)",strokeWidth:"0.8"}),(0,r.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,r.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,r.jsx)(H,{w:Math.max(16,.5*t),h:2,strong:!0})})},header:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:.08*n},children:[(0,r.jsx)(H,{w:.5*t,h:Math.max(5,.06*n),strong:!0}),(0,r.jsx)(H,{w:.35*t})]})},section:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",height:"100%",gap:.04*n,padding:.04*t},children:[(0,r.jsx)(H,{w:.3*t,h:4,strong:!0}),(0,r.jsx)(H,{w:.7*t}),(0,r.jsx)(H,{w:.5*t}),(0,r.jsxs)("div",{style:{flex:1,display:"flex",gap:.03*t,marginTop:.06*n},children:[(0,r.jsx)(Y,{w:"33%",h:"100%",radius:4}),(0,r.jsx)(Y,{w:"33%",h:"100%",radius:4}),(0,r.jsx)(Y,{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))),l=Math.max(1,Math.min(3,Math.floor(n/120)));return(0,r.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(".concat(o,", 1fr)"),gridTemplateRows:"repeat(".concat(l,", 1fr)"),gap:6,height:"100%"},children:Array.from({length:o*l},(e,t)=>(0,r.jsx)(Y,{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,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,r.jsx)("div",{style:{padding:"6px 8px",borderBottom:"1px solid var(--agd-stroke)"},children:(0,r.jsx)(H,{w:.5*t,h:3,strong:!0})}),(0,r.jsx)("div",{style:{flex:1,padding:4,display:"flex",flexDirection:"column",gap:2},children:Array.from({length:o},(e,t)=>(0,r.jsx)("div",{style:{padding:"4px 6px",borderRadius:3,background:0===t?"var(--agd-fill)":"transparent"},children:(0,r.jsx)(H,{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,r.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:[(0,r.jsx)("rect",{x:"1",y:"1",width:t-2,height:n-2,rx:o,stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,r.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,r.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,r.jsx)(X,{size:Math.min(14,.4*n)}),(0,r.jsx)(H,{w:"50%",h:2})]})},toast:function(e){let{width:t,height:n}=e;return(0,r.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,r.jsx)(X,{size:Math.min(20,.5*n)}),(0,r.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,r.jsx)(H,{w:"60%",h:3,strong:!0}),(0,r.jsx)(H,{w:"80%",h:2})]}),(0,r.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,r.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:[(0,r.jsx)("rect",{x:"0",y:"0",width:t,height:n,rx:n/2,stroke:"var(--agd-stroke)",strokeWidth:"0.8"}),(0,r.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))),l=t/(2*o);return(0,r.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,r.jsx)(Y,{w:l,h:"".concat(n,"%"),radius:2},t)})})},video:function(e){let{width:t,height:n}=e,o=.12*Math.min(t,n);return(0,r.jsxs)("div",{style:{height:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:[(0,r.jsx)(Y,{w:"100%",h:"100%",radius:4}),(0,r.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,r.jsx)("div",{style:{width:0,height:0,borderLeft:"".concat(.6*o,"px solid var(--agd-bar-strong)"),borderTop:"".concat(.4*o,"px s

2olid transparent"),borderBottom:"".concat(.4*o,"px solid transparent"),marginLeft:.15*o}})})]})},tooltip:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,r.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,r.jsx)(H,{w:"60%",h:2})}),(0,r.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,r.jsx)("div",{style:{display:"flex",alignItems:"center",height:"100%",gap:4},children:Array.from({length:o},(e,t)=>(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:4},children:[t>0&&(0,r.jsx)("span",{style:{color:"var(--agd-stroke)",fontSize:10},children:"/"}),(0,r.jsx)(H,{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))),l=Math.min(28,.8*n);return(0,r.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",gap:4},children:Array.from({length:o},(e,t)=>(0,r.jsx)(Y,{w:l,h:l,radius:4,style:1===t?{background:"var(--agd-bar)"}:void 0},t))})},divider:function(e){let{width:t}=e;return(0,r.jsx)("div",{style:{display:"flex",alignItems:"center",height:"100%"},children:(0,r.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,r.jsx)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:Array.from({length:o},(e,t)=>(0,r.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,r.jsx)(H,{w:"".concat(40+17*t%25,"%"),h:3,strong:!0}),(0,r.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:0===t?"â¼":"â¶"})]},t))})},carousel:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",gap:6},children:[(0,r.jsxs)("div",{style:{flex:1,display:"flex",gap:6,alignItems:"center"},children:[(0,r.jsx)("span",{style:{fontSize:12,color:"var(--agd-stroke)"},children:"â¹"}),(0,r.jsx)(Y,{w:"100%",h:"100%",radius:4}),(0,r.jsx)("span",{style:{fontSize:12,color:"var(--agd-stroke)"},children:"âº"})]}),(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"center",gap:4},children:[(0,r.jsx)(X,{size:5}),(0,r.jsx)(X,{size:5}),(0,r.jsx)(X,{size:5})]})]})},pricing:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",padding:10,gap:.04*n},children:[(0,r.jsx)(H,{w:.4*t,h:3,strong:!0}),(0,r.jsx)(H,{w:.3*t,h:6,strong:!0}),(0,r.jsx)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,width:"100%",padding:"8px 0"},children:Array.from({length:4},(e,t)=>(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:4},children:[(0,r.jsx)(X,{size:5}),(0,r.jsx)(H,{w:"".concat(50+17*t%35,"%"),h:2})]},t))}),(0,r.jsx)(Y,{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,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",padding:10,gap:8},children:[(0,r.jsx)("span",{style:{fontSize:18,lineHeight:1,color:"var(--agd-stroke)",fontFamily:"serif"},children:"â"}),(0,r.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4},children:[(0,r.jsx)(H,{w:"90%",h:2}),(0,r.jsx)(H,{w:"75%",h:2}),(0,r.jsx)(H,{w:"60%",h:2})]}),(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,r.jsx)(X,{size:20}),(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[(0,r.jsx)(H,{w:60,h:3,strong:!0}),(0,r.jsx)(H,{w:40,h:2})]})]})]})},cta:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:.08*n},children:[(0,r.jsx)(H,{w:.5*t,h:Math.max(4,.05*n),strong:!0}),(0,r.jsx)(H,{w:.35*t}),(0,r.jsx)(Y,{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,r.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,r.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,r.jsx)("div",{style:{width:2,height:6,background:"var(--agd-bar-strong)",borderRadius:1}})}),(0,r.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,r.jsx)(H,{w:"40%",h:3,strong:!0}),(0,r.jsx)(H,{w:"70%",h:2})]})]})},banner:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{height:"100%",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center",gap:8,padding:"0 12px"},children:[(0,r.jsx)(H,{w:.4*t,h:3,strong:!0}),(0,r.jsx)(Y,{w:60,h:Math.min(24,.6*n),radius:4})]})},stat:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:.06*n},children:[(0,r.jsx)(H,{w:.5*t,h:2}),(0,r.jsx)(H,{w:.4*t,h:Math.max(8,.18*n),strong:!0}),(0,r.jsx)(H,{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))),l=Math.min(12,.35*n);return(0,r.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",height:"100%",padding:"0 8px"},children:Array.from({length:o},(e,t)=>(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:0,flex:1},children:[(0,r.jsx)("div",{style:{width:l,height:l,borderRadius:"50%",border:"1.5px solid var(--agd-stroke)",background:0===t?"var(--agd-bar)":"transparent",flexShrink:0}}),t<o-1&&(0,r.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,r.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,r.jsx)(H,{w:Math.max(16,.5*t),h:2,strong:!0}),(0,r.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,r.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",gap:.2*o},children:Array.from({length:5},(e,t)=>(0,r.jsx)("svg",{width:o,height:o,viewBox:"0 0 16 16",fill:"none",children:(0,r.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,r.jsxs)("div",{style:{height:"100%",position:"relative",borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",overflow:"hidden"},children:[(0,r.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",style:{position:"absolute",inset:0},children:[(0,r.jsx)("line",{x1:0,y1:.3*n,x2:t,y2:.7*n,stroke:"var(--agd-stroke)",strokeWidth:"0.5",opacity:".2"}),(0,r.jsx)("line",{x1:0,y1:.6*n,x2:t,y2:.2*n,stroke:"var(--agd-stroke)",strokeWidth:"0.5",opacity:".15"}),(0,r.jsx)("line",{x1:.4*t,y1:0,x2:.6*t,y2:n,stroke:"var(--agd-stroke)",strokeWidth:"0.5",opacity:".15"})]}),(0,r.jsx)("div",{style:{position:"absolute",left:"50%",top:"40%",transform:"translate(-50%, -100%)"},children:(0,r.jsxs)("svg",{width:"16",height:"22",viewBox:"0 0 16 22",fill:"none",children:[(0,r.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,r.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,r.jsxs)("div",{style:{display:"flex",height:"100%",padding:"8px 0"},children:[(0,r.jsx)("div",{style:{width:16,display:"flex",flexDirection:"column",alignItems:"center"},children:Array.from({length:o},(e,t)=>(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flex:1},children:[(0,r.jsx)(X,{size:8}),t<o-1&&(0,r.jsx)("div",{style:{flex:1,width:1,background:"var(--agd-stroke)"}})]},t))}),(0,r.jsx)("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-around",paddingLeft:8},children:Array.from({length:o},(e,t)=>(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[(0,r.jsx)(H,{w:"".concat(35+13*t%25,"%"),h:3,strong:!0}),(0,r.jsx)(H,{w:"".concat(50+17*t%30,"%"),h:2})]},t))})]})},fileUpload:function(e){let{width:t,height:n}=e;return(0,r.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,r.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[(0,r.jsx)("path",{d:"M12 16V4m0 0l-4 4m4-4l4 4",stroke:"var(--agd-stroke)",strokeWidth:"1.5"}),(0,r.jsx)("path",{d:"M4 17v2a1 1 0 001 1h14a1 1 0 001-1v-2",stroke:"var(--agd-stroke)",strokeWidth:"1.5"})]}),(0,r.jsx)(H,{w:.4*t,h:2}),(0,r.jsx)(H,{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,r.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,r.jsxs)("div",{style:{display:"flex",gap:3,marginBottom:4},children:[(0,r.jsx)(X,{size:6}),(0,r.jsx)(X,{size:6}),(0,r.jsx)(X,{size:6})]}),Array.from({length:o},(e,t)=>(0,r.jsx)("div",{style:{display:"flex",gap:6,paddingLeft:12*(t>0&&t<o-1)},children:(0,r.jsx)(H,{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,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"6px 8px"},children:[(0,r.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:"â¹"}),(0,r.jsx)(H,{w:.3*t,h:3,strong:!0}),(0,r.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:"âº"})]}),(0,r.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,r.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:.6*o},children:(0,r.jsx)(H,{w:.5*o,h:2})},"h".concat(t))),Array.from({length:35},(e,t)=>(0,r.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:o},children:(0,r.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,r.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,r.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,r.jsx)(X,{size:Math.min(32,.55*n)}),(0,r.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,r.jsx)(H,{w:"50%",h:3,strong:!0}),(0,r.jsx)(H,{w:"75%",h:2})]}),(0,r.jsx)(H,{w:30,h:2})]})},productCard:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,r.jsx)("div",{style:{height:"50%",background:"var(--agd-fill)",borderBottom:"1px dashed var(--agd-stroke)"}}),(0,r.jsxs)("div",{style:{flex:1,padding:10,display:"flex",flexDirection:"column",gap:5},children:[(0,r.jsx)(H,{w:"65%",h:4,strong:!0}),(0,r.jsx)(H,{w:"40%",h:3}),(0,r.jsx)("div",{style:{flex:1}}),(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,r.jsx)(H,{w:"30%",h:5,strong:!0}),(0,r.jsx)(Y,{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,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:.06*n},children:[(0,r.jsx)(X,{size:o}),(0,r.jsx)(H,{w:.45*t,h:4,strong:!0}),(0,r.jsx)(H,{w:.3*t,h:2}),(0,r.jsxs)("div",{style:{display:"flex",gap:.08*t,marginTop:.04*n},children:[(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[(0,r.jsx)(H,{w:20,h:3,strong:!0}),(0,r.jsx)(H,{w:28,h:2})]}),(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[(0,r.jsx)(H,{w:20,h:3,strong:!0}),(0,r.jsx)(H,{w:28,h:2})]}),(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[(0,r.jsx)(H,{w:20,h:3,strong:!0}),(0,r.jsx)(H,{w:28,h:2})]})]})]})},drawer:function(e){let{width:t,height:n}=e,o=Math.max(.6*t,80),l=Math.max(3,Math.floor(n/40));return(0,r.jsxs)("div",{style:{height:"100%",display:"flex"},children:[(0,r.jsx)("div",{style:{width:t-o,background:"var(--agd-fill)",opacity:.3}}),(0,r.jsxs)("div",{style:{flex:1,borderLeft:"1px solid var(--agd-stroke)",display:"flex",flexDirection:"column",padding:.04*t},children:[(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:.06*n},children:[(0,r.jsx)(H,{w:.4*o,h:4,strong:!0}),(0,r.jsx)("div",{style:{width:12,height:12,border:"1px solid var(--agd-stroke)",borderRadius:3}})]}),Array.from({length:l},(e,t)=>(0,r.jsx)("div",{style:{padding:"6px 0"},children:(0,r.jsx)(H,{w:"".concat(50+17*t%35,"%"),h:2,strong:0===t})},t))]})]})},popover:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,r.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,r.jsx)(H,{w:"70%",h:3,strong:!0}),(0,r.jsx)(H,{w:"90%",h:2}),(0,r.jsx)(H,{w:"60%",h:2})]}),(0,r.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,r.jsxs)("div",{style:{height:"100%",display:"flex",alignItems:"center",gap:.08*t},children:[(0,r.jsx)(Y,{w:o,h:o,radius:.25*o}),(0,r.jsx)(H,{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,r.jsx)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:Array.from({length:o},(e,n)=>(0,r.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,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,r.jsx)("span",{style:{fontSize:9,fontWeight:700,color:"var(--agd-stroke)"},children:"Q"}),(0,r.jsx)(H,{w:t*(.3+13*n%25/100),h:3,strong:!0})]}),(0,r.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"}

2,children:0===n?"â¼":"â¶"})]},n))})},gallery:function(e){let{width:t,height:n}=e,o=Math.max(2,Math.min(4,Math.floor(t/120))),l=Math.max(1,Math.min(3,Math.floor(n/120)));return(0,r.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(".concat(o,", 1fr)"),gridTemplateRows:"repeat(".concat(l,", 1fr)"),gap:4,height:"100%"},children:Array.from({length:o*l},(e,t)=>(0,r.jsx)("div",{style:{borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",position:"relative",overflow:"hidden"},children:(0,r.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",preserveAspectRatio:"none",fill:"none",children:[(0,r.jsx)("line",{x1:"0",y1:"0",x2:"100",y2:"100",stroke:"var(--agd-stroke)",strokeWidth:"0.5"}),(0,r.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,r.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:[(0,r.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,r.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,r.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:[(0,r.jsx)("circle",{cx:t/2,cy:n/2,r:o,stroke:"var(--agd-stroke)",strokeWidth:"1.5"}),(0,r.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),l=Math.min(.35*n,10),s=.55*t;return(0,r.jsxs)("div",{style:{height:"100%",display:"flex",alignItems:"center",position:"relative"},children:[(0,r.jsx)("div",{style:{width:"100%",height:o,borderRadius:o/2,background:"var(--agd-fill)",border:"1px solid var(--agd-stroke)",position:"relative"},children:(0,r.jsx)("div",{style:{width:s,height:"100%",borderRadius:o/2,background:"var(--agd-bar)"}})}),(0,r.jsx)("div",{style:{position:"absolute",left:s-l,width:2*l,height:2*l,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),l=Math.min((t-16)/7,(n-o-40)/5);return(0,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",gap:4},children:[(0,r.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,r.jsx)(H,{w:"40%",h:2}),(0,r.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 16 16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"3",width:"12",height:"11",rx:"1",stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,r.jsx)("line",{x1:"2",y1:"6",x2:"14",y2:"6",stroke:"var(--agd-stroke)",strokeWidth:"0.5"})]})]}),(0,r.jsxs)("div",{style:{flex:1,borderRadius:6,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",flexDirection:"column"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"4px 6px"},children:[(0,r.jsx)("span",{style:{fontSize:7,color:"var(--agd-stroke)"},children:"â¹"}),(0,r.jsx)(H,{w:.25*t,h:2,strong:!0}),(0,r.jsx)("span",{style:{fontSize:7,color:"var(--agd-stroke)"},children:"âº"})]}),(0,r.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,r.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:l},children:(0,r.jsx)("div",{style:{width:.5*l,height:.5*l,borderRadius:"50%",background:10===t?"var(--agd-bar)":"transparent"},children:(0,r.jsx)("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,r.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,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",gap:.08*n,padding:4},children:[(0,r.jsx)("div",{style:{width:"100%",height:.2*n,borderRadius:4,background:"var(--agd-fill)"}}),(0,r.jsx)("div",{style:{width:"70%",height:Math.max(6,.1*n),borderRadius:3,background:"var(--agd-fill)"}}),(0,r.jsx)("div",{style:{width:"90%",height:Math.max(4,.06*n),borderRadius:3,background:"var(--agd-fill)"}}),(0,r.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,r.jsx)("div",{style:{height:"100%",display:"flex",alignItems:"center",gap:6},children:(0,r.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,r.jsx)(H,{w:"60%",h:2,strong:!0}),(0,r.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,r.jsx)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:(0,r.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,r.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 ".concat(t," ").concat(n),fill:"none",children:[(0,r.jsx)("circle",{cx:t/2,cy:n/2,r:o,stroke:"var(--agd-stroke)",strokeWidth:"1.5",opacity:".2"}),(0,r.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),l=Math.max(1,Math.min(3,Math.floor(n/80)));return(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",height:"100%",

2justifyContent:"space-around",padding:8},children:Array.from({length:l},(e,n)=>(0,r.jsxs)("div",{style:{display:"flex",gap:.04*t,alignItems:"flex-start"},children:[(0,r.jsx)(Y,{w:o,h:o,radius:.25*o}),(0,r.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4},children:[(0,r.jsx)(H,{w:"".concat(40+13*n%20,"%"),h:3,strong:!0}),(0,r.jsx)(H,{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))),l=Math.min(36,.25*n);return(0,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",gap:.06*n,padding:.06*n},children:[(0,r.jsx)(H,{w:.3*t,h:4,strong:!0}),(0,r.jsx)("div",{style:{display:"flex",gap:.06*t,justifyContent:"center",flex:1,alignItems:"center"},children:Array.from({length:o},(e,n)=>(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:6},children:[(0,r.jsx)(X,{size:l}),(0,r.jsx)(H,{w:.12*t,h:3,strong:!0}),(0,r.jsx)(H,{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,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",padding:.06*t,gap:.04*n},children:[(0,r.jsx)(H,{w:.5*t,h:Math.max(5,.04*n),strong:!0}),(0,r.jsx)(H,{w:.35*t,h:2}),(0,r.jsx)("div",{style:{width:"100%",display:"flex",flexDirection:"column",gap:.03*n,marginTop:.04*n},children:Array.from({length:o},(e,o)=>(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[(0,r.jsx)(H,{w:Math.min(60,.2*t),h:2}),(0,r.jsx)(Y,{w:"100%",h:Math.min(32,.1*n),radius:4})]},o))}),(0,r.jsx)(Y,{w:"100%",h:Math.min(36,.12*n),radius:6,style:{marginTop:.03*n,background:"var(--agd-bar)"}}),(0,r.jsx)(H,{w:.4*t,h:2})]})},contact:function(e){let{width:t,height:n}=e;return(0,r.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",padding:.04*t,gap:.03*n},children:[(0,r.jsx)(H,{w:.4*t,h:4,strong:!0}),(0,r.jsx)(H,{w:.6*t,h:2}),(0,r.jsxs)("div",{style:{display:"flex",gap:6,marginTop:.03*n},children:[(0,r.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,r.jsx)(H,{w:50,h:2}),(0,r.jsx)(Y,{w:"100%",h:Math.min(28,.1*n),radius:4})]}),(0,r.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,r.jsx)(H,{w:40,h:2}),(0,r.jsx)(Y,{w:"100%",h:Math.min(28,.1*n),radius:4})]})]}),(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[(0,r.jsx)(H,{w:50,h:2}),(0,r.jsx)(Y,{w:"100%",h:Math.min(28,.1*n),radius:4})]}),(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3,flex:1},children:[(0,r.jsx)(H,{w:60,h:2}),(0,r.jsx)(Y,{w:"100%",h:"100%",radius:4})]}),(0,r.jsx)(Y,{w:Math.min(120,.3*t),h:Math.min(30,.1*n),radius:6,style:{alignSelf:"flex-end",background:"var(--agd-bar)"}})]})}};function Q(e){let{type:t,width:n,height:o,text:l}=e,s=U[t];return s?(0,r.jsx)("div",{style:{width:"100%",height:"100%",padding:8,position:"relative",pointerEvents:"none"},children:(0,r.jsx)(s,{width:n,height:o,text:l})}):(0,r.jsx)("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,r.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 {\

2n  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 {\

2n  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}

2\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}

2\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 .

2styles-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 {\

2n  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}

2\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 {\

2n  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}

2\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 q={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

26DD1",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 V(e,t,n,o,l){let r=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(l&&p.push(...l),p)){let t=e.x,n=e.x+e.width,o=e.x+e.width/2,l=e.y,a=e.y+e.height,i=e.y+e.height/2;for(let e of m)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 g)for(let t of[l,a,i]){let n=t-e;5>Math.abs(n)&&Math.abs(n)<Math.abs(s)&&(s=n)}}let y=5>Math.abs(r)?r: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,l=e.y,r=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[l,s,r])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 J(){return"dp-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,7))}function K(e){let{placements:t,onChange:n,activeComponent:l,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,N]=(0,o.useState)(null),[R,E]=(0,o.useState)(!1),D=(0,o.useRef)(!1),[z,P]=(0,o.useState)(new Set),T=(0,o.useRef)(new Map),A=(0,o.useRef)(null),H=(0,o.useRef)(null),Y=(0,o.useRef)(t);Y.current=t;let X=(0,o.useRef)(h);X.current=h;let U=(0,o.useRef)(g);U.current=g;let K=(0,o.useRef)(p);K.current=p;let G=(0,o.useRef)(m);(0,o.useEffect)(()=>{m!==G.current&&(G.current=m,b(new Set))},[m]);let Z=(0,o.useRef)(y);(0,o.useEffect)(()=>{if(void 0!==y&&y!==Z.current){Z.current=y;let e=new Set(Y.current.map(e=>e.id));e.size>0&&(P(e),b(new Set),H.current=null,B(()=>{n([]),P(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);P(t),b(new Set),B(()=>{n(Y.current.filter(e=>!t.has(e.id))),P(new Set)},180);return}if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)&&f.size>0){e.preventDefault();let o=e.shiftKey?20:1,l="ArrowLeft"===e.key?-o:"ArrowRight"===e.key?o:0,r="ArrowUp"===e.key?-o:"ArrowDown"===e.key?o:0;n(t.map(e=>f.has(e.id)?{...e,x:Math.max(0,e.x+l),y:Math.max(0,e.y+r)}:e));return}if("Escape"===e.key)return void(l?s(null):f.size>0&&b(new Set))}};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[f,l,t,n,s]);let $=(0,o.useCallback)(e=>{if(0!==e.button||_||e.target.closest(".".concat(q.placement)))return;e.preventDefault(),e.stopPropagation();let o=window.scrollY,r=e.clientX,a=e.clientY;if(l){H.current="place",null==c||c(!0);let e=!1,i=r,d=a,_=t=>{i=t.clientX;let n=Math.abs((d=t.clientY)-a);if((Math.abs(i-r)>5||n>5)&&(e=!0),e){let e=Math.min(r,i),n=Math.min(a,d),o=Math.abs(i-r),l=Math.abs(d-a);v({x:e,y:n,w:o,h:l}),S({x:t.clientX+12,y:t.clientY+12,text:"".concat(Math.round(o)," \xd7 ").concat(Math.round(l))})}},u=h=>{let m,g,p,y;window.removeEventListener("mousemove",_),window.removeEventListener("mouseup",u),v(null),S(null),H.

2current=null,null==c||c(!1);let x=O[l];e?(m=Math.min(r,i),g=Math.min(a,d)+o,p=Math.max(24,Math.abs(i-r)),y=Math.max(24,Math.abs(d-a))):(p=x.width,y=x.height,m=r-p/2,g=a+o-y/2),m=Math.max(0,m),g=Math.max(0,g);let f={id:J(),type:l,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),H.current="select";let n=!1,l=e=>{let t=Math.abs(e.clientX-r),o=Math.abs(e.clientY-a);(t>4||o>4)&&(n=!0),n&&j({x:Math.min(r,e.clientX),y:Math.min(a,e.clientY),w:Math.abs(e.clientX-r),h:Math.abs(e.clientY-a)})},s=i=>{if(window.removeEventListener("mousemove",l),window.removeEventListener("mouseup",s),H.current=null,n){let n=Math.min(r,i.clientX),l=Math.min(a,i.clientY)+o,s=Math.abs(i.clientX-r),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>l&&e.y<l+c&&d.add(e.id);b(d)}j(null)};window.addEventListener("mousemove",l),window.addEventListener("mouseup",s)}},[l,_,t,n,f]),ee=(0,o.useCallback)((e,o)=>{var l;let r;if(0!==e.button)return;let s=e.target;if(s.closest(".".concat(q.handle))||s.closest(".".concat(q.deleteButton)))return;e.preventDefault(),e.stopPropagation(),e.shiftKey?(r=new Set(f)).has(o)?r.delete(o):r.add(o):r=new Set(f.has(o)?f:[o]),b(r),(r.size!==f.size||[...r].some(e=>!f.has(e)))&&(null==(l=X.current)||l.call(X,r,e.shiftKey)),window.scrollY;let a=e.clientX,i=e.clientY,d=new Map;for(let e of t)r.has(e.id)&&d.set(e.id,{x:e.x,y:e.y});H.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 l=e.clientX-a,r=e.clientY-i;if((Math.abs(l)>2||Math.abs(r)>2)&&(_=!0),!_)return;if(e.altKey&&!h){h=!0;let e=[];for(let n of t)d.has(n.id)&&e.push({...n,id:J(),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+l),c=Math.min(c,t.y+r),x=Math.max(x,t.x+l+n.w),f=Math.max(f,t.y+r+n.h))}let{dx:b,dy:w,guides:v}=V({x:s,y:c,width:x-s,height:f-c},m,new Set(d.keys()),void 0,u);L(v);let k=l+b,j=r+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=U.current)||o.call(U,k,j)},w=()=>{var e;window.removeEventListener("mousemove",x),window.removeEventListener("mouseup",w),H.current=null,null==c||c(!1),L([]),null==(e=K.current)||e.call(K,g,p,_)};window.addEventListener("mousemove",x),window.addEventListener("mouseup",w)},[f,t,n,c]),et=(0,o.useCallback)((e,o,l)=>{e.preventDefault(),e.stopPropagation();let r=t.find(e=>e.id===o);if(!r)return;b(new Set([o])),H.current="resize",null==c||c(!0);let s=e.clientX,a=e.clientY,i=r.width,d=r.height,_=r.x,h=r.y,m={left:l.includes("w"),right:l.includes("e"),top:l.includes("n"),bottom:l.includes("s")},g=e=>{let t=e.clientX-s,r=e.clientY-a,c=i,g=d,p=_,y=h;l.includes("e")&&(c=Math.max(24,i+t)),l.includes("w")&&(c=Math.max(24,i-t),p=_+i-c),l.includes("s")&&(g=Math.max(24,d+r)),l.includes("n")&&(g=Math.max(24,d-r),y=h+d-g);let{dx:x,dy:f,guides:b}=V({x:p,y:y,width:c,height:g},Y.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(Y.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),H.current=null,null==c||c(!1),L([])};window.addEventListener("mousemove",g),window.addEventListener("mouseup",p)},[t,n,c]),en=(0,o.useCallback)(e=>{H.current=null,P(t=>{let n=new Set(t);return n.add(e),n}),b(t=>{let n=new Set(t);return n.delete(e),n}),B(()=>{n(Y.current.filter(t=>t.id!==e)),P(t=>{let n=new Set(t);return n.delete(e),n})},180)},[n]),eo={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"},el=(0,o.useCallback)(e=>{let n=t.find(t=>

2t.id===e);n&&(D.current=!!n.text,N(e),E(!1))},[t]),er=(0,o.useCallback)(()=>{I&&(E(!0),B(()=>{N(null),E(!1)},150))},[I]);(0,o.useEffect)(()=>{i&&I&&er()},[i]);let es=(0,o.useCallback)(e=>{I&&(n(t.map(t=>t.id===I?{...t,text:e.trim()||void 0}:t)),er())},[I,t,n,er]),ea="undefined"!=typeof window?window.scrollY:0,ei=["nw","ne","se","sw"],ec=x?"#f97316":"#3c82f7",ed=[{dir:"n",cls:q.edgeN,arrow:(0,r.jsx)("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",children:(0,r.jsx)("path",{d:"M4 0.5L1 4.5h6z",fill:ec})})},{dir:"e",cls:q.edgeE,arrow:(0,r.jsx)("svg",{width:"6",height:"8",viewBox:"0 0 6 8",fill:"none",children:(0,r.jsx)("path",{d:"M5.5 4L1.5 1v6z",fill:ec})})},{dir:"s",cls:q.edgeS,arrow:(0,r.jsx)("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",children:(0,r.jsx)("path",{d:"M4 5.5L1 1.5h6z",fill:ec})})},{dir:"w",cls:q.edgeW,arrow:(0,r.jsx)("svg",{width:"6",height:"8",viewBox:"0 0 6 8",fill:"none",children:(0,r.jsx)("path",{d:"M0.5 4L4.5 1v6z",fill:ec})})}];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{ref:A,className:"".concat(q.overlay," ").concat(!a?q.light:""," ").concat(l?q.placing:""," ").concat(_?q.passthrough:""," ").concat(i?q.overlayExiting:""," ").concat(x?q.wireframe:"").concat(d?" ".concat(d):""),"data-feedback-toolbar":!0,onMouseDown:$,children:t.map(e=>{var t;let n=f.has(e.id),o=(null==(t=F[e.type])?void 0:t.label)||e.type,l=e.y-ea;return(0,r.jsxs)("div",{"data-design-placement":e.id,className:"".concat(q.placement," ").concat(n?q.selected:""," ").concat(z.has(e.id)?q.exiting:""),style:{left:e.x,top:l,width:e.width,height:e.height,position:"fixed"},onMouseDown:t=>ee(t,e.id),onDoubleClick:()=>el(e.id),children:[(0,r.jsx)("span",{className:q.placementLabel,children:o}),(0,r.jsx)("span",{className:"".concat(q.placementAnnotation," ").concat(e.text?q.annotationVisible:""),children:(e.text&&T.current.set(e.id,e.text),e.text||T.current.get(e.id)||"")}),(0,r.jsx)("div",{className:q.placementContent,children:(0,r.jsx)(Q,{type:e.type,width:e.width,height:e.height,text:e.text})}),(0,r.jsx)("div",{className:q.deleteButton,onMouseDown:e=>e.stopPropagation(),onClick:()=>en(e.id),children:"â"}),ei.map(t=>(0,r.jsx)("div",{className:"".concat(q.handle," ").concat(q["handle".concat(t.charAt(0).toUpperCase()).concat(t.slice(1))]),onMouseDown:n=>et(n,e.id,t)},t)),ed.map(t=>{let{dir:n,cls:o,arrow:l}=t;return(0,r.jsx)("div",{className:"".concat(q.edgeHandle," ").concat(o),onMouseDown:t=>et(t,e.id,n),children:l},n)})]},e.id)})}),I&&(()=>{var e,n;let o,l=t.find(e=>e.id===I);if(!l)return null;let s=l.y-ea,i=l.x+l.width/2,c=s-8,d=s+l.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,r.jsx)(W,{element:(null==(e=F[l.type])?void 0:e.label)||l.type,placeholder:eo[l.type]||"Label or content text",initialValue:null!=(n=l.text)?n:"",submitLabel:D.current?"Save":"Set",onSubmit:es,onCancel:er,onDelete:D.current?()=>{es("")}:void 0,isExiting:R,lightMode:!a,style:o})})(),w&&(0,r.jsx)("div",{className:q.drawBox,style:{left:w.x,top:w.y,width:w.w,height:w.h},"data-feedback-toolbar":!0}),k&&(0,r.jsx)("div",{className:q.selectBox,style:{left:k.x,top:k.y,width:k.w,height:k.h},"data-feedback-toolbar":!0}),C&&(0,r.jsx)("div",{className:q.sizeIndicator,style:{left:C.x,top:C.y},"data-feedback-toolbar":!0,children:C.text}),M.map((e,t)=>(0,r.jsx)("div",{className:q.guideLine,style:"x"===e.axis?{position:"fixed",left:e.pos,top:0,width:1,bottom:0}:{position:"fixed",left:0,top:e.pos-ea,right:0,height:1},"data-feedback-toolbar":!0},"".concat(e.axis,"-").concat(e.pos,"-").concat(t)))]})}var G="currentColor";function Z(e){let{type:t}=e;switch(t){case"navigation":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1",y:"4",width:"18",height:"8",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"2.5",y:"7",width:"3",height:"1.5",rx:".5",fill:G,opacity:".4"}),(0,r.jsx)("rect",{x:"7",y:"7",width:"2.5",height:"1.5",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"11",y:"7",width:"2.5",height:"1.5",rx:".5",fill:G,opacity:".25"})]});case"header":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1",y:"2",width:"18",height:"12",rx:"1",stroke:G,strokeWidth:"0.5"}

2),(0,r.jsx)("rect",{x:"3",y:"5.5",width:"8",height:"2",rx:".5",fill:G,opacity:".35"}),(0,r.jsx)("rect",{x:"3",y:"9",width:"12",height:"1",rx:".5",fill:G,opacity:".15"})]});case"hero":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1",y:"1",width:"18",height:"14",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"5",y:"5",width:"10",height:"1.5",rx:".5",fill:G,opacity:".35"}),(0,r.jsx)("rect",{x:"7",y:"8",width:"6",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"7.5",y:"10.5",width:"5",height:"2.5",rx:"1",stroke:G,strokeWidth:"0.5"})]});case"section":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1",y:"1",width:"18",height:"14",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"3",y:"4",width:"6",height:"1",rx:".5",fill:G,opacity:".3"}),(0,r.jsx)("rect",{x:"3",y:"6.5",width:"14",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"3",y:"9",width:"10",height:"1",rx:".5",fill:G,opacity:".15"})]});case"sidebar":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1",y:"1",width:"7",height:"14",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"2.5",y:"4",width:"4",height:"1",rx:".5",fill:G,opacity:".3"}),(0,r.jsx)("rect",{x:"2.5",y:"6.5",width:"3.5",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"2.5",y:"9",width:"4",height:"1",rx:".5",fill:G,opacity:".15"})]});case"footer":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1",y:"7",width:"18",height:"8",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"3",y:"9.5",width:"4",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"9",y:"9.5",width:"4",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"15",y:"9.5",width:"3",height:"1",rx:".5",fill:G,opacity:".2"})]});case"modal":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"3",y:"2",width:"14",height:"12",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"5",y:"4.5",width:"7",height:"1",rx:".5",fill:G,opacity:".3"}),(0,r.jsx)("rect",{x:"5",y:"7",width:"10",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"11",y:"11",width:"5",height:"2",rx:".75",stroke:G,strokeWidth:"0.5"})]});case"divider":return(0,r.jsx)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:(0,r.jsx)("line",{x1:"2",y1:"8",x2:"18",y2:"8",stroke:G,strokeWidth:"0.5",opacity:".3"})});case"card":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"2",y:"1",width:"16",height:"5.5",rx:"1",fill:G,opacity:".04"}),(0,r.jsx)("rect",{x:"4",y:"8.5",width:"8",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"4",y:"11",width:"11",height:"1",rx:".5",fill:G,opacity:".12"})]});case"text":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"4",width:"14",height:"1.5",rx:".5",fill:G,opacity:".3"}),(0,r.jsx)("rect",{x:"2",y:"7",width:"11",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"2",y:"9.5",width:"13",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"2",y:"12",width:"8",height:"1",rx:".5",fill:G,opacity:".12"})]});case"image":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("line",{x1:"2",y1:"2",x2:"18",y2:"14",stroke:G,strokeWidth:".3",opacity:".25"}),(0,r.jsx)("line",{x1:"18",y1:"2",x2:"2",y2:"14",stroke:G,strokeWidth:".3",opacity:".25"})]});case"video":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("path",{d:"M8.5 5.5v5l4.5-2.5z",stroke:G,strokeWidth:"0.5",fill:G,opacity:".15"})]});case"table":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1",y:"2",width:"18",height:"12",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("line",{x1:"1",y1:"5.5",x2:"19",y2:"5.5",stroke:G,strokeWidth:".3",opacity:".25"}),(0,r.jsx)("line",{x1:"1",y1:"9",x2:"19",y2:"9",stroke:G,strokeWidth:".3",opacity:".25"}),(0,r.jsx)("line",{x1:"7",y1:"2",x2:"7",y2:"14",stroke:G,strokeWidth:".3",opacity:".25"}),(0,r.jsx)("line",{x1:"13",y1:"2",x2:"13",y2:"14",stroke:G,strokeWidth:".3",opacity:".25"})]});case"grid":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1.5",y:"2",width:"7",height:"5.5",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"11.5",y:"2",width:"7",height:"5.5",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"1.5",y:"9.5",width:"7",height:"5.5",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"11.5",y:"9.5",width:"7",height:"5.5",rx:"1",stroke:G,strokeWidth:"0.5"})]});case"list":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("circle",{cx:"3.5",cy:"4.5",r:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"6.5",y:"4",width:"10",height:"1",rx:".5",fill:G,opacity:".2"}),(0,r.jsx)("circle",{cx:"3.5",cy:"8",r:"1",stroke:G,strokeWidth:"0.5"}

2),(0,r.jsx)("rect",{x:"6.5",y:"7.5",width:"8",height:"1",rx:".5",fill:G,opacity:".2"}),(0,r.jsx)("circle",{cx:"3.5",cy:"11.5",r:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"6.5",y:"11",width:"11",height:"1",rx:".5",fill:G,opacity:".2"})]});case"chart":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"3",y:"9",width:"2.5",height:"4",rx:".5",fill:G,opacity:".2"}),(0,r.jsx)("rect",{x:"7",y:"6",width:"2.5",height:"7",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"11",y:"3",width:"2.5",height:"10",rx:".5",fill:G,opacity:".3"}),(0,r.jsx)("rect",{x:"15",y:"5",width:"2.5",height:"8",rx:".5",fill:G,opacity:".2"})]});case"accordion":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1.5",y:"2",width:"17",height:"4",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"3",y:"3.5",width:"6",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"1.5",y:"7.5",width:"17",height:"3",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"1.5",y:"12",width:"17",height:"3",rx:"1",stroke:G,strokeWidth:"0.5"})]});case"carousel":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"3",y:"2",width:"14",height:"10",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("path",{d:"M1.5 7L3 8.5 1.5 10",stroke:G,strokeWidth:"0.5",opacity:".35"}),(0,r.jsx)("path",{d:"M18.5 7L17 8.5 18.5 10",stroke:G,strokeWidth:"0.5",opacity:".35"}),(0,r.jsx)("circle",{cx:"8.5",cy:"14",r:".6",fill:G,opacity:".35"}),(0,r.jsx)("circle",{cx:"10",cy:"14",r:".6",fill:G,opacity:".15"}),(0,r.jsx)("circle",{cx:"11.5",cy:"14",r:".6",fill:G,opacity:".15"})]});case"button":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"3",y:"5",width:"14",height:"6",rx:"2",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"6.5",y:"7.5",width:"7",height:"1",rx:".5",fill:G,opacity:".25"})]});case"input":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"4",width:"5.5",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"2",y:"6.5",width:"16",height:"5.5",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"3.5",y:"8.5",width:"7",height:"1",rx:".5",fill:G,opacity:".12"})]});case"search":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"4.5",width:"16",height:"7",rx:"3.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("circle",{cx:"6",cy:"8",r:"2",stroke:G,strokeWidth:"0.5",opacity:".3"}),(0,r.jsx)("line",{x1:"7.5",y1:"9.5",x2:"9",y2:"11",stroke:G,strokeWidth:"0.5",opacity:".3"}),(0,r.jsx)("rect",{x:"9.5",y:"7.5",width:"6",height:"1",rx:".5",fill:G,opacity:".12"})]});case"form":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"1.5",width:"5.5",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"2",y:"3.5",width:"16",height:"3",rx:".75",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"2",y:"8",width:"7",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"2",y:"10",width:"16",height:"3",rx:".75",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"12",y:"14",width:"6",height:"2",rx:".75",stroke:G,strokeWidth:"0.5"})]});case"tabs":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1",y:"5",width:"18",height:"10",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"1",y:"2",width:"6",height:"3.5",rx:".75",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"2.5",y:"3.25",width:"3",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"7",y:"2",width:"6",height:"3.5",rx:".75",stroke:G,strokeWidth:"0.5"})]});case"dropdown":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"2",width:"16",height:"4",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"3.5",y:"3.5",width:"7",height:"1",rx:".5",fill:G,opacity:".2"}),(0,r.jsx)("path",{d:"M15 3.5l1.5 1.5L18 3.5",stroke:G,strokeWidth:"0.5",opacity:".3"}),(0,r.jsx)("rect",{x:"2",y:"7",width:"16",height:"7",rx:"1",stroke:G,strokeWidth:"0.5",strokeDasharray:"2 1",opacity:".3"})]});case"toggle":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"4",y:"5",width:"12",height:"6",rx:"3",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("circle",{cx:"13",cy:"8",r:"2",fill:G,opacity:".3"})]});case"avatar":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("circle",{cx:"10",cy:"8",r:"6",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("circle",{cx:"10",cy:"6.5",r:"2",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("path",{d:"M6.5 13c0-2 1.5-3.5 3.5-3.5s3.5 1.5 3.5 3.5",stroke:G,strokeWidth:"0.5"})]});case"badge":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"3",y:"5",width:"14",height:"6",rx:"3",stroke:G,strokeWidth:"0.5"}

2),(0,r.jsx)("rect",{x:"6",y:"7.5",width:"8",height:"1",rx:".5",fill:G,opacity:".25"})]});case"breadcrumb":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1.5",y:"7",width:"3.5",height:"1",rx:".5",fill:G,opacity:".3"}),(0,r.jsx)("path",{d:"M6.5 7l1 1-1 1",stroke:G,strokeWidth:"0.5",opacity:".2"}),(0,r.jsx)("rect",{x:"9",y:"7",width:"3.5",height:"1",rx:".5",fill:G,opacity:".2"}),(0,r.jsx)("path",{d:"M14 7l1 1-1 1",stroke:G,strokeWidth:"0.5",opacity:".2"}),(0,r.jsx)("rect",{x:"16.5",y:"7",width:"2",height:"1",rx:".5",fill:G,opacity:".15"})]});case"pagination":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"5.5",width:"3.5",height:"5",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"6.5",y:"5.5",width:"3.5",height:"5",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"11",y:"5.5",width:"3.5",height:"5",rx:"1",fill:G,opacity:".15",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"15.5",y:"5.5",width:"3.5",height:"5",rx:"1",stroke:G,strokeWidth:"0.5"})]});case"progress":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"7",width:"16",height:"2",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"2",y:"7",width:"10",height:"2",rx:"1",fill:G,opacity:".2"})]});case"toast":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"4",width:"16",height:"8",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("circle",{cx:"5",cy:"8",r:"1.5",stroke:G,strokeWidth:"0.5",opacity:".3"}),(0,r.jsx)("rect",{x:"8",y:"6.5",width:"7",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"8",y:"9",width:"5",height:"1",rx:".5",fill:G,opacity:".12"})]});case"tooltip":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"3",y:"3",width:"14",height:"7",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"5.5",y:"5.5",width:"9",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("path",{d:"M9 10l1 2.5 1-2.5",stroke:G,strokeWidth:"0.5"})]});case"pricing":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"6",y:"3",width:"8",height:"1.5",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"7",y:"5.5",width:"6",height:"2",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"5",y:"9",width:"10",height:"1",rx:".5",fill:G,opacity:".1"}),(0,r.jsx)("rect",{x:"5",y:"11",width:"10",height:"1",rx:".5",fill:G,opacity:".1"}),(0,r.jsx)("rect",{x:"6",y:"13",width:"8",height:"1.5",rx:".5",fill:G,opacity:".2"})]});case"testimonial":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("text",{x:"4",y:"5.5",fontSize:"4",fill:G,opacity:".2",fontFamily:"serif",children:"â"}),(0,r.jsx)("rect",{x:"4",y:"7",width:"12",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"4",y:"9",width:"9",height:"1",rx:".5",fill:G,opacity:".12"}),(0,r.jsx)("circle",{cx:"5.5",cy:"12.5",r:"1.5",stroke:G,strokeWidth:"0.5",opacity:".25"}),(0,r.jsx)("rect",{x:"8",y:"12",width:"5",height:"1",rx:".5",fill:G,opacity:".15"})]});case"cta":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1",y:"2",width:"18",height:"12",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"5",y:"4.5",width:"10",height:"1.5",rx:".5",fill:G,opacity:".3"}),(0,r.jsx)("rect",{x:"6",y:"7.5",width:"8",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"7",y:"10",width:"6",height:"2.5",rx:"1",stroke:G,strokeWidth:"0.5"})]});case"alert":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"4",width:"16",height:"8",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("circle",{cx:"6",cy:"8",r:"2",stroke:G,strokeWidth:"0.5",opacity:".3"}),(0,r.jsx)("line",{x1:"6",y1:"7",x2:"6",y2:"8.5",stroke:G,strokeWidth:"0.6",opacity:".5"}),(0,r.jsx)("circle",{cx:"6",cy:"9.3",r:".3",fill:G,opacity:".5"}),(0,r.jsx)("rect",{x:"9.5",y:"7",width:"6",height:"1",rx:".5",fill:G,opacity:".2"})]});case"banner":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1",y:"5",width:"18",height:"6",rx:"1",stroke:G,strokeWidth:"0.5"}

2),(0,r.jsx)("rect",{x:"4",y:"7.5",width:"8",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"14",y:"7",width:"3.5",height:"2",rx:".75",stroke:G,strokeWidth:"0.5"})]});case"stat":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"3",y:"2",width:"14",height:"12",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"6",y:"4.5",width:"8",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"5",y:"7",width:"10",height:"2.5",rx:".5",fill:G,opacity:".3"}),(0,r.jsx)("rect",{x:"7",y:"11",width:"6",height:"1",rx:".5",fill:G,opacity:".12"})]});case"stepper":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("circle",{cx:"4",cy:"8",r:"2",fill:G,opacity:".2",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("line",{x1:"6",y1:"8",x2:"8",y2:"8",stroke:G,strokeWidth:".4",opacity:".3"}),(0,r.jsx)("circle",{cx:"10",cy:"8",r:"2",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("line",{x1:"12",y1:"8",x2:"14",y2:"8",stroke:G,strokeWidth:".4",opacity:".3"}),(0,r.jsx)("circle",{cx:"16",cy:"8",r:"2",stroke:G,strokeWidth:"0.5"})]});case"tag":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"3",y:"5",width:"14",height:"6",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"5.5",y:"7.5",width:"6",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("line",{x1:"14",y1:"6.5",x2:"15.5",y2:"9.5",stroke:G,strokeWidth:"0.5",opacity:".2"}),(0,r.jsx)("line",{x1:"15.5",y1:"6.5",x2:"14",y2:"9.5",stroke:G,strokeWidth:"0.5",opacity:".2"})]});case"rating":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.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:G,opacity:".25"}),(0,r.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:G,opacity:".25"}),(0,r.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:G,strokeWidth:"0.5",opacity:".25"})]});case"map":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("line",{x1:"2",y1:"6",x2:"18",y2:"10",stroke:G,strokeWidth:".3",opacity:".15"}),(0,r.jsx)("line",{x1:"7",y1:"2",x2:"11",y2:"14",stroke:G,strokeWidth:".3",opacity:".15"}),(0,r.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:G,opacity:".15",stroke:G,strokeWidth:"0.5"})]});case"timeline":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("line",{x1:"5",y1:"2",x2:"5",y2:"14",stroke:G,strokeWidth:".4",opacity:".25"}),(0,r.jsx)("circle",{cx:"5",cy:"4",r:"1.5",fill:G,opacity:".2",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"8",y:"3",width:"8",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("circle",{cx:"5",cy:"8.5",r:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"8",y:"7.5",width:"6",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("circle",{cx:"5",cy:"13",r:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"8",y:"12",width:"7",height:"1",rx:".5",fill:G,opacity:".15"})]});case"fileUpload":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"3",y:"2",width:"14",height:"12",rx:"1.5",stroke:G,strokeWidth:"0.5",strokeDasharray:"2 1"}),(0,r.jsx)("path",{d:"M10 10V5.5m0 0L7.5 8m2.5-2.5L12.5 8",stroke:G,strokeWidth:"0.5",opacity:".3"}),(0,r.jsx)("rect",{x:"7",y:"11.5",width:"6",height:"1",rx:".5",fill:G,opacity:".15"})]});case"codeBlock":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("circle",{cx:"4",cy:"4",r:".6",fill:G,opacity:".3"}),(0,r.jsx)("circle",{cx:"5.5",cy:"4",r:".6",fill:G,opacity:".3"}),(0,r.jsx)("circle",{cx:"7",cy:"4",r:".6",fill:G,opacity:".3"}),(0,r.jsx)("rect",{x:"4",y:"7",width:"7",height:"1",rx:".5",fill:G,opacity:".2"}),(0,r.jsx)("rect",{x:"6",y:"9",width:"5",height:"1",rx:".5",fill:G,opacity:".15"}

2),(0,r.jsx)("rect",{x:"4",y:"11",width:"8",height:"1",rx:".5",fill:G,opacity:".12"})]});case"calendar":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"3",width:"16",height:"12",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("line",{x1:"2",y1:"6.5",x2:"18",y2:"6.5",stroke:G,strokeWidth:".4",opacity:".25"}),(0,r.jsx)("rect",{x:"5",y:"4",width:"1",height:"1.5",rx:".3",fill:G,opacity:".2"}),(0,r.jsx)("rect",{x:"14",y:"4",width:"1",height:"1.5",rx:".3",fill:G,opacity:".2"}),(0,r.jsx)("circle",{cx:"7",cy:"9",r:".6",fill:G,opacity:".2"}),(0,r.jsx)("circle",{cx:"10",cy:"9",r:".6",fill:G,opacity:".2"}),(0,r.jsx)("circle",{cx:"13",cy:"9",r:".6",fill:G,opacity:".3"}),(0,r.jsx)("circle",{cx:"7",cy:"12",r:".6",fill:G,opacity:".2"}),(0,r.jsx)("circle",{cx:"10",cy:"12",r:".6",fill:G,opacity:".2"})]});case"notification":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"3",width:"16",height:"10",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("circle",{cx:"5.5",cy:"8",r:"2",stroke:G,strokeWidth:"0.5",opacity:".25"}),(0,r.jsx)("rect",{x:"9",y:"6",width:"6",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"9",y:"8.5",width:"4.5",height:"1",rx:".5",fill:G,opacity:".12"}),(0,r.jsx)("circle",{cx:"16.5",cy:"4.5",r:"1.5",fill:G,opacity:".25"})]});case"productCard":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"3",y:"1",width:"14",height:"14",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"3",y:"1",width:"14",height:"6",rx:"1",fill:G,opacity:".04"}),(0,r.jsx)("rect",{x:"5",y:"8.5",width:"7",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"5",y:"10.5",width:"4",height:"1.5",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"12",y:"12",width:"4",height:"2",rx:".75",stroke:G,strokeWidth:"0.5"})]});case"profile":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("circle",{cx:"10",cy:"5",r:"3",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"5",y:"10",width:"10",height:"1.5",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"7",y:"12.5",width:"6",height:"1",rx:".5",fill:G,opacity:".12"})]});case"drawer":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"9",y:"1",width:"10",height:"14",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"10.5",y:"4",width:"5",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"10.5",y:"6.5",width:"7",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"10.5",y:"9",width:"6",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"1",y:"1",width:"7",height:"14",rx:"1",stroke:G,strokeWidth:"0.5",opacity:".15"})]});case"popover":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"3",y:"2",width:"14",height:"9",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"5",y:"4.5",width:"8",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"5",y:"7",width:"6",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("path",{d:"M9 11l1 2.5 1-2.5",stroke:G,strokeWidth:"0.5"})]});case"logo":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"3",width:"10",height:"10",rx:"2",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("path",{d:"M5 9.5l2-4 2 4",stroke:G,strokeWidth:"0.5",opacity:".3"}),(0,r.jsx)("rect",{x:"14",y:"6",width:"4",height:"1",rx:".5",fill:G,opacity:".2"}),(0,r.jsx)("rect",{x:"14",y:"8.5",width:"3",height:"1",rx:".5",fill:G,opacity:".12"})]});case"faq":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("text",{x:"2.5",y:"5.5",fontSize:"4",fill:G,opacity:".3",fontWeight:"bold",children:"?"}),(0,r.jsx)("rect",{x:"7",y:"3",width:"10",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"7",y:"5.5",width:"8",height:"1",rx:".5",fill:G,opacity:".12"}),(0,r.jsx)("text",{x:"2.5",y:"11.5",fontSize:"4",fill:G,opacity:".3",fontWeight:"bold",children:"?"}),(0,r.jsx)("rect",{x:"7",y:"9",width:"9",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"7",y:"11.5",width:"7",height:"1",rx:".5",fill:G,opacity:".12"})]});case"gallery":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1.5",y:"1.5",width:"5",height:"5",rx:".75",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"7.5",y:"1.5",width:"5",height:"5",rx:".75",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"13.5",y:"1.5",width:"5",height:"5",rx:".75",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"1.5",y:"9.5",width:"5",height:"5",rx:".75",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"7.5",y:"9.5",width:"5",height:"5",rx:".75",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"13.5",y:"9.5",width:"5",height:"5",rx:".75",stroke:G,strokeWidth:"0.5"})]});case"checkbox":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"5",y:"4",width:"8",he

2ight:"8",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("path",{d:"M7.5 8l1.5 1.5 3-3",stroke:G,strokeWidth:"0.5",opacity:".35"})]});case"radio":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("circle",{cx:"10",cy:"8",r:"4",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("circle",{cx:"10",cy:"8",r:"2",fill:G,opacity:".3"})]});case"slider":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"7.5",width:"16",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"2",y:"7.5",width:"10",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("circle",{cx:"12",cy:"8",r:"2.5",stroke:G,strokeWidth:"0.5"})]});case"datePicker":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"1",width:"16",height:"5",rx:"1",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"3.5",y:"3",width:"5",height:"1",rx:".5",fill:G,opacity:".2"}),(0,r.jsx)("rect",{x:"14",y:"2.5",width:"2.5",height:"2",rx:".5",fill:G,opacity:".12"}),(0,r.jsx)("rect",{x:"2",y:"7",width:"16",height:"8",rx:"1",stroke:G,strokeWidth:"0.5",strokeDasharray:"2 1",opacity:".3"}),(0,r.jsx)("circle",{cx:"6",cy:"10",r:".6",fill:G,opacity:".2"}),(0,r.jsx)("circle",{cx:"10",cy:"10",r:".6",fill:G,opacity:".3"}),(0,r.jsx)("circle",{cx:"14",cy:"10",r:".6",fill:G,opacity:".2"}),(0,r.jsx)("circle",{cx:"6",cy:"13",r:".6",fill:G,opacity:".2"}),(0,r.jsx)("circle",{cx:"10",cy:"13",r:".6",fill:G,opacity:".2"})]});case"skeleton":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"2",width:"16",height:"3",rx:"1",fill:G,opacity:".08"}),(0,r.jsx)("rect",{x:"2",y:"7",width:"10",height:"2",rx:".75",fill:G,opacity:".08"}),(0,r.jsx)("rect",{x:"2",y:"11",width:"13",height:"2",rx:".75",fill:G,opacity:".08"})]});case"chip":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"1.5",y:"5",width:"10",height:"6",rx:"3",fill:G,opacity:".08",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"4",y:"7.5",width:"4",height:"1",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("line",{x1:"9.5",y1:"6.5",x2:"10.5",y2:"9.5",stroke:G,strokeWidth:"0.5",opacity:".2"}),(0,r.jsx)("line",{x1:"10.5",y1:"6.5",x2:"9.5",y2:"9.5",stroke:G,strokeWidth:"0.5",opacity:".2"}),(0,r.jsx)("rect",{x:"13",y:"5",width:"5.5",height:"6",rx:"3",stroke:G,strokeWidth:"0.5",opacity:".25"})]});case"icon":return(0,r.jsx)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:(0,r.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:G,strokeWidth:"0.5",opacity:".3"})});case"spinner":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("circle",{cx:"10",cy:"8",r:"5",stroke:G,strokeWidth:"0.5",opacity:".12"}),(0,r.jsx)("path",{d:"M10 3a5 5 0 0 1 5 5",stroke:G,strokeWidth:"0.5",opacity:".35",strokeLinecap:"round"})]});case"feature":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"2",width:"5",height:"5",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("path",{d:"M4.5 3.5v3m-1.5-1.5h3",stroke:G,strokeWidth:"0.5",opacity:".25"}),(0,r.jsx)("rect",{x:"9",y:"2.5",width:"8",height:"1.5",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"9",y:"5.5",width:"6",height:"1",rx:".5",fill:G,opacity:".12"}),(0,r.jsx)("rect",{x:"2",y:"10",width:"5",height:"5",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"9",y:"10.5",width:"7",height:"1.5",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"9",y:"13.5",width:"5",height:"1",rx:".5",fill:G,opacity:".12"})]});case"team":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("circle",{cx:"5",cy:"5",r:"2.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"2.5",y:"9",width:"5",height:"1",rx:".5",fill:G,opacity:".2"}),(0,r.jsx)("circle",{cx:"15",cy:"5",r:"2.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"12.5",y:"9",width:"5",height:"1",rx:".5",fill:G,opacity:".2"}),(0,r.jsx)("circle",{cx:"10",cy:"5",r:"2.5",stroke:G,strokeWidth:"0.5",opacity:".5"}),(0,r.jsx)("rect",{x:"7.5",y:"9",width:"5",height:"1",rx:".5",fill:G,opacity:".15"}),(0,r.jsx)("rect",{x:"4",y:"12",width:"12",height:"1",rx:".5",fill:G,opacity:".1"})]});case"login":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"3",y:"1",width:"14",height:"14",rx:"1.5",stroke:G,strokeWidth:"0.5"}

2),(0,r.jsx)("rect",{x:"6",y:"3",width:"8",height:"1.5",rx:".5",fill:G,opacity:".25"}),(0,r.jsx)("rect",{x:"5",y:"5.5",width:"10",height:"3",rx:".75",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"5",y:"9.5",width:"10",height:"3",rx:".75",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"6.5",y:"13.5",width:"7",height:"2",rx:".75",fill:G,opacity:".2"})]});case"contact":return(0,r.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,r.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"4",y:"3",width:"5",height:"1",rx:".5",fill:G,opacity:".2"}),(0,r.jsx)("rect",{x:"4",y:"5",width:"12",height:"2.5",rx:".75",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"4",y:"8.5",width:"12",height:"4",rx:".75",stroke:G,strokeWidth:"0.5"}),(0,r.jsx)("rect",{x:"11",y:"13.5",width:"5",height:"1.5",rx:".5",fill:G,opacity:".2"})]});default:return null}}function $(e){let{activeType:t,onSelect:n,onDragStart:o,scrollRef:l,fadeClass:s,blankCanvas:a}=e;return(0,r.jsx)("div",{ref:l,className:"".concat(q.placeScroll," ").concat(s||""),children:A.map(e=>(0,r.jsxs)("div",{className:q.paletteSection,children:[(0,r.jsx)("div",{className:q.paletteSectionTitle,children:e.section}),e.items.map(e=>(0,r.jsxs)("div",{className:"".concat(q.paletteItem," ").concat(t===e.type?q.active:""," ").concat(a?q.wireframe:""),onClick:()=>n(e.type),onMouseDown:t=>{0===t.button&&o(e.type,t)},children:[(0,r.jsx)("div",{className:q.paletteItemIcon,children:(0,r.jsx)(Z,{type:e.type})}),(0,r.jsx)("span",{className:q.paletteItemLabel,children:e.label})]},e.type))]},e.section))})}function ee(e){let{value:t,suffix:n}=e,[l,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!==l&&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=B(()=>s(null),250)}else u.current=n},[t,n]),null===l)?(0,r.jsxs)(r.Fragment,{children:[t,n?" ".concat(n):""]}):m?(0,r.jsxs)("span",{className:q.rollingWrap,children:[(0,r.jsxs)("span",{style:{visibility:"hidden"},children:[t," ",n]}),(0,r.jsxs)("span",{className:"".concat(q.rollingNum," ").concat("up"===c?q.exitUp:q.exitDown),children:[l," ",a]},"o".concat(l,"-").concat(t)),(0,r.jsxs)("span",{className:"".concat(q.rollingNum," ").concat("up"===c?q.enterUp:q.enterDown),children:[t," ",n]},"n".concat(t))]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("span",{className:q.rollingWrap,children:[(0,r.jsx)("span",{style:{visibility:"hidden"},children:t}),(0,r.jsx)("span",{className:"".concat(q.rollingNum," ").concat("up"===c?q.exitUp:q.exitDown),children:l},"o".concat(l,"-").concat(t)),(0,r.jsx)("span",{className:"".concat(q.rollingNum," ").concat("up"===c?q.enterUp:q.enterDown),children:t},"n".concat(t))]}),n?" ".concat(n):""]})}function et(e){let{activeType:t,onSelect:n,isDarkMode:l,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)(),N=(0,o.useRef)(null),[E,D]=(0,o.useState)("");(0,o.useEffect)(()=>(i?(f(!0),clearTimeout(I.current),cancelAnimationFrame(L.current),L.current=R(()=>{L.current=R(()=>{w("enter")})})):(cancelAnimationFrame(L.current),w("exit"),clearTimeout(I.current),I.current=B(()=>{f(!1),null==c||c()},200)),()=>cancelAnimationFrame(L.current)),[i]);let W=d>0||s>0,z=d+s;if(z>0&&(S.current=z,M.current=h?1===z?"Component":"Components":1===z?"Change":"Changes"),(0,o.useEffect)(()=>{if(W)v?C(!1):(C(!0),k(!0),R(()=>{R(()=>{C(!1)})}));else{C(!0);let e=B(()=>k(!1),300);return()=>clearTimeout(e)}},[W]),(0,o.useEffect)(()=>{if(!x)return;let e=N.current;if(!e)return;let t=()=>D(function(e){if(!e)return"";let t=e.scrollTop>2,n=e.scrollTop+e.clientHeight<e.scrollHeight-2;return"".concat(t?q.fadeTop:""," ").concat(n?q.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 P=[];return d>

20&&P.push("placed"),s>0&&P.push("captured"),(0,r.jsxs)("div",{className:"".concat(q.palette," ").concat(q[b]," ").concat(l?"":q.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,r.jsxs)("div",{className:q.paletteHeader,children:[(0,r.jsx)("div",{className:q.paletteHeaderTitle,children:"Layout Mode"}),(0,r.jsxs)("div",{className:q.paletteHeaderDesc,children:["Rearrange and resize existing elements, add new components, and explore layout ideas. Agent results may vary."," ",(0,r.jsx)("a",{href:"https://agentation.dev/features#layout-mode",target:"_blank",rel:"noopener noreferrer",children:"Learn more."})]})]}),(0,r.jsxs)("div",{className:"".concat(q.canvasToggle," ").concat(h?q.active:""),onClick:()=>m(!h),children:[(0,r.jsx)("span",{className:q.canvasToggleIcon,children:(0,r.jsxs)("svg",{viewBox:"0 0 14 14",width:"14",height:"14",fill:"none",children:[(0,r.jsx)("rect",{x:"1",y:"1",width:"12",height:"12",rx:"2",stroke:"currentColor",strokeWidth:"1"}

2),(0,r.jsx)("circle",{cx:"4.5",cy:"4.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,r.jsx)("circle",{cx:"7",cy:"4.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,r.jsx)("circle",{cx:"9.5",cy:"4.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,r.jsx)("circle",{cx:"4.5",cy:"7",r:"0.8",fill:"currentColor",opacity:".6"}),(0,r.jsx)("circle",{cx:"7",cy:"7",r:"0.8",fill:"currentColor",opacity:".6"}),(0,r.jsx)("circle",{cx:"9.5",cy:"7",r:"0.8",fill:"currentColor",opacity:".6"}),(0,r.jsx)("circle",{cx:"4.5",cy:"9.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,r.jsx)("circle",{cx:"7",cy:"9.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,r.jsx)("circle",{cx:"9.5",cy:"9.5",r:"0.8",fill:"currentColor",opacity:".6"})]})}),(0,r.jsx)("span",{className:q.canvasToggleLabel,children:"Wireframe New Page"})]}),(0,r.jsx)("div",{className:"".concat(q.wireframePurposeWrap," ").concat(h?"":q.collapsed),children:(0,r.jsx)("div",{className:q.wireframePurposeInner,children:(0,r.jsx)("textarea",{className:q.wireframePurposeInput,placeholder:"Describe this page to provide additional context for your agent.",value:g,onChange:e=>p(e.target.value),rows:2})})}),(0,r.jsx)($,{activeType:t,onSelect:n,onDragStart:u,scrollRef:N,fadeClass:E,blankCanvas:h}),v&&(0,r.jsx)("div",{className:"".concat(q.paletteFooterWrap," ").concat(j?q.footerHidden:""),children:(0,r.jsx)("div",{className:q.paletteFooterInner,children:(0,r.jsx)("div",{className:q.paletteFooterInnerContent,children:(0,r.jsxs)("div",{className:q.paletteFooter,children:[(0,r.jsx)("span",{className:q.paletteFooterCount,children:(0,r.jsx)(ee,{value:S.current,suffix:M.current})}),(0,r.jsx)("button",{className:q.paletteFooterClear,onClick:_,children:"Clear"})]})})})})]})}function en(e){if(e.parentElement)return e.parentElement;let t=e.getRootNode();return t instanceof ShadowRoot?t.host:null}function eo(e,t){let n=e;for(;n;){if(n.matches(t))return n;n=en(n)}return null}function el(e){var t,n,o,l,r,s,a,i;let c=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:4,n=[],o=e,l=0;for(;o&&l<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 r=en(o);!o.parentElement&&r&&(t="â¨shadowâ© ".concat(t)),n.unshift(t),o=r,l++}return n.join(" > ")}(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=eo(e,"svg");if(t){let e=en(t);if(e instanceof HTMLElement){let t=el(e).name;return{name:"graphic in ".concat(t),path:c}}}return{name:"graphic element",path:c}}if("svg"===d){let n=en(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==(l=e.textContent)?void 0:l.trim();return{name:t?"".concat(d,' "').concat(t.slice(0,35),'"'):d,path:c}}if("p"===d){let t=null==(r=e.textContent)?void 0:r.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 er(e){var t,n,o;let l=[],r=null==(t=e.textContent)?void 0:t.trim();r&&r.length<100&&l.push(r);let s=e.previousElementSibling;if(s){let e=null==(n=s.textContent)?void 0:n.trim();e&&e.length<50&&l.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&&l.push('[after: "'.concat(e.slice(0,40),'"]'))}return l.join(" ")}function es(e){let t=en(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 l;let n=null==(l=e.textContent)?void 0:l.trim().slice(0,15);if(n)return"".concat(t).concat(o,' "').concat(n,'"')}return"".concat(t).concat(o)}),l=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&&(l=".".concat(e))}let r=t.children.length,s=r>o.length+1?" (".concat(r," total in ").concat(l,")"):"";return o.join(", ")+s}function ea(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}

2).filter((e,t,n)=>n.indexOf(e)===t).join(", "):""}var ei=new Set(["none","normal","auto","0px","rgba(0, 0, 0, 0)","transparent","static","visible"]),ec=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"]),ed=new Set(["input","textarea","select"]),e_=new Set(["img","video","canvas","svg"]),eu=new Set(["div","section","article","nav","header","footer","aside","main","ul","ol","form","fieldset"]);function eh(e){if("undefined"==typeof window)return{};let t=window.getComputedStyle(e),n={},o=e.tagName.toLowerCase();for(let l of ec.has(o)?["color","fontSize","fontWeight","fontFamily","lineHeight"]:"button"===o||"a"===o&&"button"===e.getAttribute("role")||ed.has(o)?["backgroundColor","color","padding","borderRadius","fontSize"]:e_.has(o)?["width","height","objectFit","borderRadius"]:eu.has(o)?["display","padding","margin","gap","backgroundColor"]:["color","fontSize","margin","padding","backgroundColor"]){let e=l.replace(/([A-Z])/g,"-$1").toLowerCase(),o=t.getPropertyValue(e);o&&!ei.has(o)&&(n[l]=o)}return n}var em=["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 eg(e){if("undefined"==typeof window)return"";let t=window.getComputedStyle(e),n=[];for(let e of em){let o=e.replace(/([A-Z])/g,"-$1").toLowerCase(),l=t.getPropertyValue(o);l&&!ei.has(l)&&n.push("".concat(o,": ").concat(l))}return n.join("; ")}function ep(e){let t=[],n=e.getAttribute("role"),o=e.getAttribute("aria-label"),l=e.getAttribute("aria-describedby"),r=e.getAttribute("tabindex"),s=e.getAttribute("aria-hidden");return n&&t.push('role="'.concat(n,'"')),o&&t.push('aria-label="'.concat(o,'"')),l&&t.push('aria-describedby="'.concat(l,'"')),r&&t.push("tabindex=".concat(r)),"true"===s&&t.push("aria-hidden"),e.matches("a, button, input, select, textarea, [tabindex]")&&t.push("focusable"),t.join(", ")}function ey(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 l=en(n);!n.parentElement&&l&&(o="â¨shadowâ© ".concat(o)),t.unshift(o),n=l}return t.join(" > ")}var ex=new Set(["nav","header","main","section","article","footer","aside"]),ef={banner:"Header",navigation:"Navigation",main:"Main Content",contentinfo:"Footer",complementary:"Sidebar",region:"Section"},eb={nav:"Navigation",header:"Header",main:"Main Content",section:"Section",article:"Article",footer:"Footer",aside:"Sidebar"},ew=new Set(["script","style","noscript","link","meta"]);function ev(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 ek(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,l=n===document.body?"body":ek(n);return"".concat(l," > ").concat(t,":nth-child(").concat(o,")")}return t}function ej(e){let t=e.tagName.toLowerCase(),n=e.getAttribute("aria-label");if(n)return n;let o=e.getAttribute("role");if(o&&ef[o])return ef[o];if(eb[t])return eb[t];let l=e.querySelector("h1, h2, h3, h4, h5, h6");if(l){var r;let e=null==(r=l.textContent)?void 0:r.trim();if(e&&e.length<=50)return e;if(e)return e.slice(0,47)+"..."}let{name:s}=el(e);return s.charAt(0).toUpperCase()+s.slice(1)}function eC(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 eS(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 eM={bg:"rgba(59, 130, 246, 0.08)",border:"rgba(59, 130, 246, 0.5)",pill:"#3b82f6"},eL=["nw","n","ne","e","se","s","sw","w"];function eI(e,t,n,o){let l=1/0,r=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;

2for(let e of[s,a,i])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[c,d,_])for(let t of[u,h,m]){let n=t-e;5>Math.abs(n)&&Math.abs(n)<Math.abs(r)&&(r=n)}}let h=5>Math.abs(l)?l:0,m=5>Math.abs(r)?r: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,l=e.y,r=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[l,s,r])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 eB=new Set(["script","style","noscript","link","meta","br","hr"]);function eN(e){let t=e;for(;t&&t!==document.body&&t!==document.documentElement&&!t.closest("[data-feedback-toolbar]");){if(eB.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 eR(e){let{rearrangeState:t,onChange:n,isDarkMode:l,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),B(()=>{j(null),S(!1)},150))},[k]),N=(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[R,E]=(0,o.useState)(new Set),D=(0,o.useRef)(new Map),[z,P]=(0,o.useState)(null),[T,O]=(0,o.useState)(null),[A,F]=(0,o.useState)([]),[H,Y]=(0,o.useState)(0),X=(0,o.useRef)(null),U=(0,o.useRef)(new Set),Q=(0,o.useRef)(new Map),[V,J]=(0,o.useState)(new Map),[K,G]=(0,o.useState)(new Map),Z=(0,o.useRef)(new Set),$=(0,o.useRef)(new Map),ee=(0,o.useRef)(d);ee.current=d;let et=(0,o.useRef)(u);et.current=u;let en=(0,o.useRef)(h);en.current=h,(0,o.useEffect)(()=>{i&&x(new Set)},[i]);let[eo,el]=(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(!eo){let e=B(()=>el(!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=()=>Y(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(X.current)return void P(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 P(null);let n=eN(t);if(!n)return void P(null);for(let e of er.current)try{let t=document.querySelector(e);if(t&&(t===n||n.contains(t)))return void P(null)}catch(e){}let o=n.getBoundingClientRect();P({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,l,r,s;if(X.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=eN(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 l=function(e){let t=window.scrollY,n=e.getBoundingClientRect(),o=ev(e),l={x:n.x,y:o?n.y:n.y+t,width:n.width,height:n.height},r=e.parentElement,s=0;

2return r&&(s=Array.from(r.children).indexOf(e)),{id:"rs-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,7)),label:ej(e),tagName:e.tagName.toLowerCase(),selector:ek(e),role:e.getAttribute("role"),className:eC(e),textSnippet:eS(e),originalRect:l,currentRect:{...l},originalIndex:s,isFixed:o}}(i),r=[...g,l],s=[...t.originalOrder,l.id];n({...t,sections:r,originalOrder:s});let a=new Set([l.id]);x(a),null==(o=ee.current)||o.call(ee,a,_),P(null);let d=e.clientX,u=e.clientY,h={x:l.currentRect.x,y:l.currentRect.y};l.originalRect;let m=!1,p=0,y=0;X.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=eI({x:h.x+n,y:h.y+o,width:l.currentRect.width,height:l.currentRect.height},r,new Set([l.id]),c);F(s.guides);let a=n+s.dx,i=o+s.dy;p=a,y=i;let _=document.querySelector('[data-rearrange-section="'.concat(l.id,'"]'));_&&(_.style.transform="translate(".concat(a,"px, ").concat(i,"px)")),J(new Map([[l.id,{x:h.x+a,y:h.y+i,width:l.currentRect.width,height:l.currentRect.height}]])),null==(t=et.current)||t.call(et,a,i)},b=()=>{var e;window.removeEventListener("mousemove",f),window.removeEventListener("mouseup",b),X.current=null,F([]),J(new Map);let o=document.querySelector('[data-rearrange-section="'.concat(l.id,'"]'));o&&(o.style.transform=""),m&&n({...t,sections:r.map(e=>e.id===l.id?{...e,currentRect:{...e.currentRect,x:Math.max(0,h.x+p),y:Math.max(0,h.y+y)}}:e),originalOrder:s}),null==(e=en.current)||e.call(en,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==(l=ee.current)||l.call(ee,e,_);return}}catch(e){}_||(x(new Set),null==(r=ee.current)||r.call(ee,new Set,!1))}else _||(x(new Set),null==(s=ee.current)||s.call(ee,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),B(()=>{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,l="ArrowLeft"===e.key?-o:"ArrowRight"===e.key?o:0,r="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+l),y:Math.max(0,e.currentRect.y+r)}}: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 es=(0,o.useCallback)((e,o)=>{var l;let r;if(0!==e.button)return;let s=e.target;if(s.closest(".".concat(q.handle))||s.closest(".".concat(q.deleteButton)))return;e.preventDefault(),e.stopPropagation(),e.shiftKey||e.metaKey||e.ctrlKey?(r=new Set(y)).has(o)?r.delete(o):r.add(o):r=new Set(y.has(o)?y:[o]),x(r),(r.size!==y.size||[...r].some(e=>!y.has(e)))&&(null==(l=ee.current)||l.call(ee,r,!!(e.shiftKey||e.metaKey||e.ctrlKey)));let a=e.clientX,i=e.clientY,d=new Map;for(let e of g)r.has(e.id)&&d.set(e.id,{x:e.currentRect.x,y:e.currentRect.y});X.current="move";let _=!1,u=0,h=0,m=new Map;for(let e of g)if(r.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 l=1/0,s=1/0,p=-1/0,y=-1/0;for(let[e,{curW:t,curH:r}]of m){let a=d.get(e);if(!a)continue;let i=a.x+n,c=a.y+o;l=Math.min(l,i),s=Math.min(s,c),p=Math.max(p,i+t),y=Math.max(y,c+r)}let x=eI({x:l,y:s,width:p-l,height:y-s},g,r,c),f=n+x.dx,b=o+x.dy;for(let[,{outlineEl:e}]of(u=f,h=b,F(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 l={x:Math.max(0,o.x+f),y:Math.max(0,o.y+b),width:t,height:n};w.set(e,l)}}J(w),null==(t=et.current)||t.call(et,f,b)},f=e=>{var o,l;for(let[,{outlineEl:e}]of(window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",f),X.current=null,F([]),J(new Map),m))e&&(e.style.transform="");if(_){let o=e.clientX-a,r=e.clientY-i;if(5>Math.abs(o)&&5>

2Math.abs(r))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==(l=en.current)||l.call(en,u,h,!0);return}}null==(o=en.current)||o.call(en,0,0,!1)};window.addEventListener("mousemove",p),window.addEventListener("mouseup",f)},[y,g,t,n]),ea=(0,o.useCallback)((e,o,l)=>{e.preventDefault(),e.stopPropagation();let r=g.find(e=>e.id===o);if(!r)return;x(new Set([o])),X.current="resize";let s=e.clientX,a=e.clientY,i={...r.currentRect};r.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,r=i.x,u=i.y,h=i.width,m=i.height;l.includes("e")&&(h=Math.max(24,i.width+t)),l.includes("w")&&(h=Math.max(24,i.width-t),r=i.x+i.width-h),l.includes("s")&&(m=Math.max(24,i.height+n)),l.includes("n")&&(m=Math.max(24,i.height-n),u=i.y+i.height-m),e.shiftKey&&(2===l.length?(Math.abs(h-i.width)>Math.abs(m-i.height)?m=h/c:h=m*c,l.includes("w")&&(r=i.x+i.width-h),l.includes("n")&&(u=i.y+i.height-m)):("e"===l||"w"===l?m=h/c:h=m*c,"w"===l&&(r=i.x+i.width-h),"n"===l&&(u=i.y+i.height-m))),d={x:r,y:u,width:h,height:m},_&&(_.style.left="".concat(r,"px"),_.style.top="".concat(u-H,"px"),_.style.width="".concat(h,"px"),_.style.height="".concat(m,"px")),O({x:e.clientX+12,y:e.clientY+12,text:"".concat(Math.round(h)," \xd7 ").concat(Math.round(m))}),J(new Map([[o,d]]))},h=()=>{window.removeEventListener("mousemove",u),window.removeEventListener("mouseup",h),O(null),X.current=null,J(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,H]),ei=(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}),B(()=>{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]),ec=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},ed=e=>{let t=e.originalRect,n=e.currentRect;return Math.abs(t.x-n.x)>1||Math.abs(t.y-n.y)>1},e_=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)!Q.current.has(e.id)&&(ed(e)?Q.current.set(e.id,"move"):e_(e)&&Q.current.set(e.id,"resize"));for(let e of Q.current.keys())g.some(t=>t.id===e)||Q.current.delete(e);let eu=g.filter(e=>{try{if(R.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=eu.filter(e=>ec(e)),em=eu.filter(e=>!ec(e)),eg=new Set(eh.map(e=>e.id));for(let e of U.current)eg.has(e)||U.current.delete(e);let ep=[...eg].sort().join(",");for(let e of eh)$.current.set(e.id,{currentRect:e.currentRect,originalRect:e.originalRect,isFixed:e.isFixed});return(0,o.useEffect)(()=>{let e=Z.current;Z.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=$.current.get(n);e&&(t.set(n,{orig:e.originalRect,target:e.currentRect,isFixed:e.isFixed}),$.current.delete(n))}if(t.size>0){G(e=>{let n=new Map(e);for(let[e,o]of t)n.set(e,o);return n});let e=B(()=>{G(e=>{let n=new Map(e);for(let e of t.keys())n.delete(e);return n})},250);return()=>clearTimeout(e)}},[ep,g]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"".concat(q.rearrangeOverlay," ").concat(!l?q.light:""," ").concat(s?q.overlayExiting:"").concat(a?" ".concat(a):""),"data-feedback-toolbar":!0,children:[z&&(0,r.jsx)("div",{className:q.hoverHighlight,style:{left:z.x,top:z.y,width:z.w,height:z.h}}),em.map(e=>{let t=e.currentRect,n=e.isFixed?t.y:t.y-H,o=y.has(e.id);return(0,r.jsxs)("div",{"data-rearrange-section":e.id,className:"".concat(q.sectionOutline," ").concat(o?q.selected:""," ").concat(f||s||R.has(e.id)?q.exiting:""),style:{left:t.x,top:n,width:t.width,height:t.height,borderColor:eM.border,backgroundColor:eM.bg,...eo?{}:{opacity:0,animation:"none",transition:"none"}},onMouseDown:t=>es(t,e.id),onDoubleClick:()=>L(e.id),children:[(0,r.jsx)("span",{className:q.sectionLabel,style:{backgroundColor:eM.pill},children:e.label}),(0,r.jsx)("span",{className:"".concat(q.sectionAnnotation," ").concat(e.note?q.annotationVisible:""),children:(e.note&&D.current.set(e.id,e.note),e.note||D.current.get(e.id)||"")}),(0,r.jsxs)("span",{className:q.sectionDimensions,children:[Math.round(t.width)," \xd7 ",Math.round(t.height)]}),(0,r.jsx)("div",{className:q.deleteButton,onMouseDown:e=>e.stopPropagation(),onClick:()=>ei(e.id),children:"â"}),eL.map(t=>(0,r.jsx)("div",{className:"".concat(q.handle," ").concat(q["handle".concat(t.charAt(0).toUpperCase()).concat(t.slice(1))]),onMouseDown:n=>ea(n,e.id,t)},t))]},e.id)}),eh.map(e=>{let t=e.currentRect,n=e.isFixed?t.y:t.y-H,o=y.has(e.id),l=ed(e),a=e_(e);

2if(i&&!o)return null;let c=!U.current.has(e.id);return c&&U.current.add(e.id),(0,r.jsxs)("div",{"data-rearrange-section":e.id,className:"".concat(q.ghostOutline," ").concat(o?q.selected:""," ").concat(f||s||R.has(e.id)?q.exiting:""),style:{left:t.x,top:n,width:t.width,height:t.height,...eo?{}:{opacity:0,animation:"none",transition:"none"},...!c?{animation:"none"}:{}},onMouseDown:t=>es(t,e.id),onDoubleClick:()=>L(e.id),children:[(0,r.jsx)("span",{className:q.sectionLabel,style:{backgroundColor:eM.pill},children:e.label}),(0,r.jsx)("span",{className:"".concat(q.sectionAnnotation," ").concat(e.note?q.annotationVisible:""),children:(e.note&&D.current.set(e.id,e.note),e.note||D.current.get(e.id)||"")}),(0,r.jsxs)("span",{className:q.sectionDimensions,children:[Math.round(t.width)," \xd7 ",Math.round(t.height)]}),(0,r.jsx)("div",{className:q.deleteButton,onMouseDown:e=>e.stopPropagation(),onClick:()=>ei(e.id),children:"â"}),eL.map(t=>(0,r.jsx)("div",{className:"".concat(q.handle," ").concat(q["handle".concat(t.charAt(0).toUpperCase()).concat(t.slice(1))]),onMouseDown:n=>ea(n,e.id,t)},t)),(0,r.jsx)("span",{className:q.ghostBadge,children:(()=>{let t=Q.current.get(e.id);if(l&&a){let[e,n]="resize"===t?["Resize","Move"]:["Move","Resize"];return(0,r.jsxs)(r.Fragment,{children:["Suggested ",e," ",(0,r.jsxs)("span",{className:q.ghostBadgeExtra,children:["& ",n]})]})}return"Suggested ".concat(a?"Resize":"Move")}

2)()})]},e.id)})]}),!i&&(()=>{let e=[];for(let t of eh){let n=V.get(t.id);e.push({id:t.id,orig:t.originalRect,target:n||t.currentRect,isFixed:t.isFixed,isSelected:y.has(t.id),isExiting:R.has(t.id)})}for(let[t,n]of V)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 K)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,r.jsxs)("svg",{className:"".concat(q.connectorSvg," ").concat(f||s?q.connectorExiting:""),children:[e.map(e=>{let{id:t,orig:n,target:o,isFixed:l,isSelected:s,isExiting:a}=e,i=n.x+n.width/2,c=(l?n.y:n.y-H)+n.height/2,d=o.x+o.width/2,_=(l?o.y:o.y-H)+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=V.has(t),b=f||s?1:.5;return(0,r.jsxs)("g",{className:a?q.connectorExiting:"",children:[(0,r.jsx)("path",{className:q.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,r.jsx)("circle",{className:q.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,r.jsx)("circle",{className:q.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,r.jsx)("defs",{children:(0,r.jsx)("filter",{id:"connDotShadow",x:"-50%",y:"-50%",width:"200%",height:"200%",children:(0,r.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-H,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,r.jsx)(W,{element:n.label,placeholder:"Add a note about this section",initialValue:null!=(e=n.note)?e:"",submitLabel:M.current?"Save":"Set",onSubmit:N,onCancel:I,onDelete:M.current?()=>{N("")}:void 0,isExiting:C,lightMode:!l,style:t})})(),T&&(0,r.jsx)("div",{className:q.sizeIndicator,style:{left:T.x,top:T.y},"data-feedback-toolbar":!0,children:T.text}),A.map((e,t)=>(0,r.jsx)("div",{className:q.guideLine,style:"x"===e.axis?{position:"fixed",left:e.pos,top:0,width:1,height:"100vh"}:{position:"fixed",left:0,top:e.pos-H,width:"100vw",height:1}},"".concat(e.axis,"-").concat(e.pos,"-").concat(t)))]})}var eE=new Set(["script","style","noscript","link","meta","br","hr"]);function eD(e,t){let n=t?function(e){let t=window.scrollY;return e.map(e=>{let{label:n,selector:o,rect:l}=e,r=l.y-t;return{label:n,selector:o,top:r,bottom:r+l.height,left:l.x,right:l.x+l.width,area:l.width*l.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)||eE.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:ej(o),selector:ek(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)||eE.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:ej(e),selector:ek(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),l=null,r=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);(!l||e<l._dist)&&(l={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);(!r||e<r._dist)&&(r={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,l,r){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),l){let t=r.find(e=>e.label===l.label&&e.selector===l.selector&&10>Math.abs(e.area-l._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:l.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(l),below:u(r),left:u(s),right:u(a),alignment:_,containedIn:i?{label:i.label,selector:i.selector}:null,outOfBounds:h}}function eW(e){switch(e){case"full-width":return"full-width";case"center":return"centered";case"left":return"left-aligned";case"right":return"right-aligned"}}function ez(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=eW(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>

21?"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 eP(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 l=[o];for(let t=o+1;t<e.length;t++)!n.has(t)&&15>Math.abs(e[o].rect.y-e[t].rect.y)&&l.push(t);if(l.length>=2){let o=l.map(t=>e[t]);o.sort((e,t)=>e.rect.x-t.rect.x);let r=[];for(let e=0;e<o.length-1;e++)r.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:r,avgGap:r.length?Math.round(r.reduce((e,t)=>e+t,0)/r.length):0}),l.forEach(e=>n.add(e))}}for(let o=0;o<e.length;o++){if(n.has(o))continue;let l=[o];for(let t=o+1;t<e.length;t++)!n.has(t)&&15>Math.abs(e[o].rect.x-e[t].rect.x)&&l.push(t);if(l.length>=2){let o=l.map(t=>e[t]);o.sort((e,t)=>e.rect.y-t.rect.y);let r=[];for(let e=0;e<o.length-1;e++)r.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:r,avgGap:r.length?Math.round(r.reduce((e,t)=>e+t,0)/r.length):0}),l.forEach(e=>n.add(e))}}return t}function eT(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"))&&(eE.has(e.tagName.toLowerCase())||(n.add(e),t.push(e)))},l=document.querySelector("main");l&&o(l);let r=document.querySelector("[role='main']");for(let e of(r&&o(r),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:ek(t)}}}return{viewport:e,contentArea:null}}function eO(e,t){let n=t.contentArea,o=n?n.width:t.viewport.width,l=n?n.left:0,r=n?n.centerX:Math.round(t.viewport.width/2),s=Math.round(e.x-l),a=Math.round(l+o-(e.x+e.width)),i=(e.width/o*100).toFixed(1),c=20>Math.abs(e.x+e.width/2-r),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 eA(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 eF(e,t,n){let o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"standard";if(0===e.length)return"";let l=[...e].sort((e,t)=>

220>Math.abs(e.y-t.y)?e.x-t.x:e.y-t.y),r="";if((null==n?void 0:n.blankCanvas)?(r+="## Wireframe: New Page\n\n",n.wireframePurpose&&(r+="> **Purpose:** ".concat(n.wireframePurpose,"\n>\n")),r+="> ".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")):r+="## Design Layout\n\n> ".concat(e.length," component").concat(1!==e.length?"s":""," placed\n\n"),"compact"===o)return r+="### Components\n",l.forEach((e,t)=>{var n;let o=(null==(n=F[e.type])?void 0:n.label)||e.type;r+="".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")}),r;let s=eT(t);r+=eA(s),r+="### Components\n",l.forEach((e,t)=>{var n;let l=(null==(n=F[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(r+="".concat(t+1,". **").concat(l,"** â `").concat(Math.round(e.width),"\xd7").concat(Math.round(e.height),"px` at `(").concat(Math.round(e.x),", ").concat(Math.round(e.y),")`\n"),ez(eD(a),{includeLeftRight:"detailed"===o||"forensic"===o})))r+="   - ".concat(n,"\n");let i=eO(a,s);i&&(r+="   - CSS: ".concat(i,"\n"))}),r+="\n### Layout Analysis\n";let a=[];for(let e of l){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=F[e.type])?void 0:t.label)||e.type});if(1===e.items.length){let l=e.items[0].width>.8*t.width;r+="- Row ".concat(n+1," (yâ").concat(Math.round(e.y),"): ").concat(o[0]).concat(l?" â full width":"","\n")}else r+="- 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,_;r+="\n### Spacing & Gaps\n";for(let e=0;e<l.length-1;e++){let t=l[e],n=l[e+1],o=(null==(i=F[t.type])?void 0:i.label)||t.type,s=(null==(c=F[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)?r+="- ".concat(o," â ").concat(s,": `").concat(d,"px` horizontal gap\n"):r+="- ".concat(o," â ").concat(s,": `").concat(a,"px` vertical gap\n")}if("forensic"===o&&l.length>2){r+="\n### All Pairwise Gaps\n";for(let e=0;e<l.length;e++)for(let t=e+1;t<l.length;t++){let n=l[e],o=l[t],s=(null==(d=F[n.type])?void 0:d.label)||n.type,a=(null==(_=F[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));r+="- ".concat(s," â ").concat(a,": h=`").concat(c,"px` v=`").concat(i,"px`\n")}}"forensic"===o&&(r+="\n### Z-Order (placement order)\n",e.forEach((e,t)=>{var n;let o=(null==(n=F[e.type])?void 0:n.label)||e.type;r+="".concat(t,". ").concat(o," at `(").concat(Math.round(e.x),", ").concat(Math.round(e.y),")`\n")}))}r+="\n### Suggested Implementation\n";let u=l.some(e=>"navigation"===e.type),h=l.some(e=>"hero"===e.type),m=l.some(e=>"sidebar"===e.type),g=l.some(e=>"footer"===e.type),p=l.filter(e=>"card"===e.type),y=l.filter(e=>"form"===e.type),x=l.filter(e=>"table"===e.type),f=l.filter(e=>"modal"===e.type);if(u&&(r+="- Top navigation bar with logo + nav links + CTA\n"),h&&(r+="- Hero section with heading, subtext, and call-to-action\n"),m&&(r+="- Sidebar layout â use CSS Grid with sidebar + main content area\n"),p.length>1?r+="- ".concat(p.length,"-column card grid â use CSS Grid or Flexbox\n"):1===p.length&&(r+="- Card component with image + content area\n"),y.length>0&&(r+="- ".concat(y.length," form").concat(y.length>1?"s":""," â add proper labels, validation, and submit handling\n")),x.length>0&&(r+="- Data table â consider sortable columns and pagination\n"),f.length>0&&(r+="- Modal dialog â add overlay backdrop and focus trapping\n"),g&&(r+="- Multi-column footer with links\n"),"detailed"===o||"forensic"===o){if(r+="\n### CSS Suggestions\n",m){let e=l.find(e=>"sidebar"===e.type);r+="- `display: grid; grid-template-columns: ".concat(Math.round(e.width),"px 1fr;`\n")}if(p.length>1){let e=Math.round(p[0].width);r+="- `display: grid; grid-template-columns: repeat(".concat(p.length,", ").concat(e,"px); gap: 16px;`\n")}u&&(r+="- Navigation: `position: sticky; top: 0; z-index: 50;`\n")}return r}function eH(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"standard",n=arguments.length>2?arguments[2]:void 0,{sections:o}=e,l=[];for(let e of o){let n=e.originalRect,o=e.currentRect,r=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(!r&&!s){"forensic"===t&&l.push({section:e,posMoved:!1,sizeChanged:!1});continue}l.push({section:e,posMoved:r,sizeChanged:s})}if(0===l.length||"forensic"!==t&&l.every(e=>!e.posMoved&&!e.sizeChanged))return"";let r="## Suggested Layout Changes\n\n",s=eT({width:n?n.width:"undefined"!=typeof window?window.innerWidth:0,height:n?n.height:"undefined"!=typeof window?window.innerHeight:0});"compact"!==t&&(r+=eA(s)),"forensic"===t&&(r+="> Detected at: `".concat(new Date(e.detectedAt).toISOString(),"`\n"),r+="> 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}

2of(r+="**Changes:**\n",l)){let l=e.originalRect,i=e.currentRect;if(!n&&!o){r+="- ".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?r+="- 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?r+="- Suggested: move **".concat(e.label,"** to (").concat(Math.round(i.x),", ").concat(Math.round(i.y),")\n"):r+="- Suggested: resize **".concat(e.label,"** to ").concat(Math.round(i.width),"\xd7").concat(Math.round(i.height),"px\n");continue}if(n&&o?r+="- Suggested: move and resize **".concat(e.label,"**\n"):n?r+="- Suggested: move **".concat(e.label,"**\n"):r+="- Suggested: resize **".concat(e.label,"** from ").concat(Math.round(l.width),"\xd7").concat(Math.round(l.height),"px to ").concat(Math.round(i.width),"\xd7").concat(Math.round(i.height),"px\n"),n){let e=eD(l,a("original")),n=eD(i,a("current")),c=o?{width:l.width,height:l.height}:void 0;r+="  - Currently ".concat(function(e,t,n){var o,l;let r=[];e.above&&r.push("below `".concat(e.above.label,"`")),e.below&&r.push("above `".concat(e.below.label,"`")),e.left&&r.push("right of `".concat(e.left.label,"`")),e.right&&r.push("left of `".concat(e.right.label,"`")),e.containedIn&&r.push("inside `".concat(e.containedIn.label,"`")),r.push(eW(e.alignment)),(null==(o=e.outOfBounds)?void 0:o.viewport)&&r.push("**outside viewport** (".concat(e.outOfBounds.viewport.join(", "),")")),(null==(l=e.outOfBounds)?void 0:l.container)&&r.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(r.join(", "))}(e,{x:l.x,y:l.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=ez(n,{includeLeftRight:"detailed"===t||"forensic"===t});if(h.length>0){r+="  - Suggested position ".concat(_).concat(u,": ").concat(h[0],"\n");for(let e=1;e<h.length;e++)r+="    ".concat(h[e],"\n")}else r+="  - Suggested position ".concat(_).concat(u,"\n");let m=eO(i,s);m&&(r+="  - 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:ek(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

2p&&(n+=", gap: `".concat(t.gap,"`")),"Parent: ".concat(n," (`").concat(t.parentSelector,"`)")}(e.selector);if(c&&(r+="  - ".concat(c,"\n")),r+="  - 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&&(r+="  - Element: `".concat(n,"`\n")),e.role&&(r+="  - Role: `".concat(e.role,"`\n")),"forensic"===t&&e.textSnippet&&(r+='  - Text: "'.concat(e.textSnippet,'"\n'))}"forensic"===t&&(r+="  - Original rect: `{ x: ".concat(Math.round(l.x),", y: ").concat(Math.round(l.y),", w: ").concat(Math.round(l.width),", h: ").concat(Math.round(l.height)," }`\n"),r+="  - 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=eP(e.map(e=>({label:e.label,rect:e.originalRect}))),n=eP(e.map(e=>({label:e.label,rect:e.currentRect}))),o=[],l=new Set;for(let e of t){let t=new Set(e.labels),r=null,s=0;for(let e of n){let n=e.labels.filter(e=>t.has(e)).length;n>=2&&n>s&&(r=e,s=n)}if(r){let n=r.labels.filter(e=>t.has(e)),s=n.join(", ");if(r.type!==e.type){let t="row"===e.type?"y":"x",n="row"===r.type?"y":"x";o.push("**".concat(s,"**: ").concat(e.type," (").concat(t,"â").concat(e.sharedEdge,", ").concat(e.avgGap,"px gaps) â ").concat(r.type," (").concat(n,"â").concat(r.sharedEdge,", ").concat(r.avgGap,"px gaps)"))}else if(Math.abs(e.sharedEdge-r.sharedEdge)>20||Math.abs(e.avgGap-r.avgGap)>5){let t="row"===e.type?"y":"x",n=Math.abs(e.sharedEdge-r.sharedEdge)>20?" ".concat(t,": ").concat(e.sharedEdge," â ").concat(r.sharedEdge):"",l=Math.abs(e.avgGap-r.avgGap)>5?" gaps: ".concat(e.avgGap,"px â ").concat(r.avgGap,"px"):"";o.push("**".concat(s,"**: ").concat(e.type," shifted â").concat(n).concat(l))}n.forEach(e=>l.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=>l.add(e))}}for(let e of n)if(!e.labels.every(e=>l.has(e))&&!(e.labels.filter(e=>!l.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=>l.add(e))}let r=e.filter(e=>!l.has(e.label));if(r.length>=2){let e={};for(let t of r){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}(l.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(r+="\n### Layout Summary\n",e))r+="- ".concat(t,"\n")}if("compact"!==t&&o.length>1)for(let e of(r+="\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;r+="- ".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 r}var eY="feedback-annotations-";function eX(e){return"".concat(eY).concat(e)}function eU(e){if("undefined"==typeof window)return[];try{let t=localStorage.getItem(eX(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 eQ(e,t){if("undefined"!=typeof window)try{localStorage.setItem(eX(e),JSON.stringify(t))}catch(e){}}function eq(e,t,n){eQ(e,t.map(e=>({...e,_syncedTo:n})))}var eV="agentation-design-",eJ="agentation-rearrange-",eK="agentation-wireframe-";function eG(e,t){if("undefined"!=typeof window)try{localStorage.setItem("".concat(eK).concat(e),JSON.stringify(t))}catch(e){}}function eZ(e){if("undefined"!=typeof window)try{localStorage.removeItem("".concat(eK).concat(e))}catch(e){}}

2var e$="agentation-session-";function e0(e){return"".concat(e$).concat(e)}function e1(e,t){if("undefined"!=typeof window)try{localStorage.setItem(e0(e),t)}catch(e){}}var e5="".concat(e$,"toolbar-hidden");async function e2(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 e6(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 e4(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 e3(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 e8(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 e7={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},e9=new Set(["Component","PureComponent","Fragment","Suspense","Profiler","StrictMode","Routes","Route","Outlet","Root","ErrorBoundaryHandler","HotReload","Hot"]),te=[/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$/],tt=[/Page$/,/View$/,/Screen$/,/Section$/,/Card$/,/List$/,/Item$/,/Form$/,/Modal$/,/Dialog$/,/Button$/,/Nav$/,/Header$/,/Footer$/,/Layout$/,/Panel$/,/Tab$/,/Menu$/],tn=null;function to(e){return Object.keys(e).some(e=>e.startsWith("__reactFiber$")||e.startsWith("__reactInternalInstance$")||e.startsWith("__reactProps$"))}var tl={map:new WeakMap};function tr(e){return e?e.displayName?e.displayName:e.name?e.name:null:null}var ts={FunctionComponent:0,IndeterminateComponent:2,ForwardRef:11,MemoComponent:14,SimpleMemoComponent:15};function ta(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 ti=new Map;function tc(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 l=t.find(t=>{if(!t.startsWith("__react"))return!1;let n=e[t];return n&&"object"==typeof n&&"_debugSource"in n});return l&&e[l]||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 l;if(n._debugSource)return{source:n._debugSource,componentName:ta(n)};if(null==(l=n._debugOwner)?void 0:l._debugSource)return{source:n._debugOwner._debugSource,componentName:ta(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:ta(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:ta(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 l=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:15,n=e,l=0;for(;n&&l<t;){let e=function(e){let t=function(e){var t;let n=e.tag,o=e.type,l=e.elementType;if("string"==typeof o||null==o||"function"==typeof o&&(null==(t=o.prototype)?void 0:t.isReactComponent))return null;if((n===ts.FunctionComponent||n===ts.IndeterminateComponent)&&"function"==typeof o)return o;if(n===ts.ForwardRef&&l){let e=l.render;if("function"==typeof e)return e}if((n===ts.MemoComponent||n===ts.SimpleMemoComponent)&&l){let e=l.type;if("function"==typeof e)return e}return"function"==typeof o?o:null}(e);if(!t)return null;if(ti.has(t))return ti.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}};

2let 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 ti.set(t,null),null;let l=n.get(),r=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+)\)?$/,l=/^[^@]*@(.+?):(\d+):(\d+)$/;for(let e of t){let t=e.trim();if(!t||n.some(e=>e.test(t)))continue;let r=o.exec(t)||l.exec(t);if(r)return{fileName:r[1],line:parseInt(r[2],10),column:parseInt(r[3],10)}}return null}(t.stack);n&&(r={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:ta(e)||void 0})}}}finally{n.set(l)}return ti.set(t,r),r}(n);if(e)return e;n=n.return,l++}return null}(t);return l?{found:!0,source:l,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

2px;\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;

2\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;

2\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}

2\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;

2\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}

2\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}

2\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;

2\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 td={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"},t_=[{value:"compact",label:"Compact"},{value:"standard",label:"Standard"},{value:"detailed",label:"Detailed"},{value:"forensic",label:"Forensic"}];function tu(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",l="## Page Feedback: ".concat(t,"\n");return"forensic"===n?(l+="\n**Environment:**\n",l+="- Viewport: ".concat(o,"\n"),"undefined"!=typeof window&&(l+="- URL: ".concat(window.location.href,"\n"),l+="- User Agent: ".concat(navigator.userAgent,"\n"),l+="- Timestamp: ".concat(new Date().toISOString(),"\n"),l+="- Device Pixel Ratio: ".concat(window.devicePixelRatio,"\n")),l+="\n---\n"):"compact"!==n&&(l+="**Viewport:** ".concat(o,"\n")),l+="\n",e.forEach((e,t)=>{"compact"===n?(l+="".concat(t+1,". **").concat(e.element,"**").concat(e.sourceFile?" (".concat(e.sourceFile,")"):"",": ").concat(e.comment),e.selectedText&&(l+=' (re: "'.concat(e.selectedText.slice(0,30)).concat(e.selectedText.length>30?"...":"",'")')),l+="\n"):("forensic"===n?(l+="### ".concat(t+1,". ").concat(e.element,"\n"),e.isMultiSelect&&e.fullPath&&(l+="*Forensic data shown for first element of selection*\n"),e.fullPath&&(l+="**Full DOM Path:** ".concat(e.fullPath,"\n")),e.cssClasse

2s&&(l+="**CSS Classes:** ".concat(e.cssClasses,"\n")),e.boundingBox&&(l+="**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")),l+="**Annotation at:** ".concat(e.x.toFixed(1),"% from left, ").concat(Math.round(e.y),"px from top\n"),e.selectedText&&(l+='**Selected text:** "'.concat(e.selectedText,'"\n')),e.nearbyText&&!e.selectedText&&(l+="**Context:** ".concat(e.nearbyText.slice(0,100),"\n")),e.computedStyles&&(l+="**Computed Styles:** ".concat(e.computedStyles,"\n")),e.accessibility&&(l+="**Accessibility:** ".concat(e.accessibility,"\n")),e.nearbyElements&&(l+="**Nearby Elements:** ".concat(e.nearbyElements,"\n")),e.sourceFile&&(l+="**Source:** ".concat(e.sourceFile,"\n")),e.reactComponents&&(l+="**React:** ".concat(e.reactComponents,"\n"))):(l+="### ".concat(t+1,". ").concat(e.element,"\n"),l+="**Location:** ".concat(e.elementPath,"\n"),e.sourceFile&&(l+="**Source:** ".concat(e.sourceFile,"\n")),e.reactComponents&&(l+="**React:** ".concat(e.reactComponents,"\n")),"detailed"===n&&(e.cssClasses&&(l+="**Classes:** ".concat(e.cssClasses,"\n")),e.boundingBox&&(l+="**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&&(l+='**Selected text:** "'.concat(e.selectedText,'"\n')),"detailed"===n&&e.nearbyText&&!e.selectedText&&(l+="**Context:** ".concat(e.nearbyText.slice(0,100),"\n"))),l+="**Feedback:** ".concat(e.comment,"\n\n"))}),l.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;

2\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 th={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 tm(e){let{annotation:t,globalIndex:n,layerIndex:o,layerSize:l,isExiting:s,isClearing:a,isAnimated:i,isHovered:c,isDeleting:d,isEditingAny:_,renumberFrom:u,markerClickBehavior:h,tooltipStyle:m,onHoverEnter:g,onHoverLeave:p,onClick:x,onContextMenu:f}=e,b=(c||d)&&!_,v=b&&"delete"===h,k=t.isMultiSelect,j=s?th.exit:a?th.clearing:i?"":th.enter;return(0,r.jsxs)("div",{className:"".concat(th.marker," ").concat(k?th.multiSelect:""," ").concat(j," ").concat(v?th.hovered:""),"data-annotation-marker":!0,style:{left:"".concat(t.x,"%"),top:t.y,backgroundColor:v?void 0:k?"var(--agentation-color-green)":"var(--agentation-color-accent)",animationDelay:s?"".concat((l-1-o)*20,"ms"):"".concat(20*o,"ms")},onMouseEnter:()=>g(t),onMouseLeave:p,onClick:e=>{e.stopPropagation(),s||x(t)},onContextMenu:f?e=>{"delete"===h&&(e.preventDefault(),e.stopPropagation(),s||f(t))}:void 0,children:[b?v?(0,r.jsx)(y,{size:k?18:16}):(0,r.jsx)(w,{size:16}):(0,r.jsx)("span",{className:null!==u&&n>=u?th.renumber:void 0,children:n+1}),c&&!_&&(0,r.jsxs)("div",{className:"".concat(th.markerTooltip," ").concat(th.enter),style:m,children:[(0,r.jsxs)("span",{className:th.markerQuote,children:[t.element,t.selectedText&&' "'.concat(t.selectedText.slice(0,30)).concat(t.selectedText.length>30?"...":"",'"')]}),(0,r.jsx)("span",{className:th.markerNote,children:t.comment})]})]})}function tg(e){let{x:t,y:n,isMultiSelect:o,isExiting:l}=e;return(0,r.jsx)("div",{className:"".concat(th.marker," ").concat(th.pending," ").concat(o?th.multiSelect:""," ").concat(l?th.exit:th.enter),style:{left:"".concat(t,"%"),top:n,backgroundColor:o?"var(--agentation-color-green)":"var(--agentation-color-accent)"},children:(0,r.jsx)(i,{size:12})})}function tp(e){let{annotation:t,fixed:n}=e,o=t.isMultiSelect;return(0,r.jsx)("div",{className:"".concat(th.marker," ").concat(n?th.fixed:""," ").concat(th.hovered," ").concat(o?th.multiSelect:""," ").concat(th.exit),"data-annotation-marker":!0,style:{left:"".concat(t.x,"%"),top:t.y},children:(0,r.jsx)(y,{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}

2\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 ty={switchContainer:"styles-module__switchContainer___Ka-AB",switchInput:"styles-module__switchInput___kYDSD",switchThumb:"styles-module__switchThumb___4sCPH"},tx=e=>{let{className:t="",...n}=e;return(0,r.jsxs)("div",{className:"".concat(ty.switchContainer," ").concat(t),children:[(0,r.jsx)("input",{className:ty.switchInput,type:"checkbox",...n}),(0,r.jsx)("div",{className:ty.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 tf={checkboxContainer:"styles-module__checkboxContainer___joqZk",checkboxInput:"styles-module__checkboxInput___ECzzO",checkboxCheck:"styles-module__checkboxCheck___fUXpr",checkboxCheckPath:"styles-module__checkboxCheckPath___cDyh8"},tb=e=>{let{className:t="",...n}=e;return(0,r.jsxs)("div",{className:"".concat(tf.checkboxContainer," ").concat(t),children:[(0,r.jsx)("input",{className:tf.checkboxInput,type:"checkbox",...n}),(0,r.jsx)("svg",{className:tf.checkboxCheck,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:(0,r.jsx)("path",{className:tf.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 tw={container:"styles-module__container___w8eAF",label:"styles-module__label___J5mxE"},tv=e=>{let{className:t="",label:n,tooltip:l,checked:s,onChange:a,...i}=e,c=(0,o.useId)();return(0,r.jsxs)("div",{className:"".concat(tw.container," ").concat(t),...i,children:[(0,r.jsx)(tb,{id:c,onChange:a,checked:s}),(0,r.jsx)("label",{className:tw.label,htmlFor:c,children:n}),l&&(0,r.jsx)(T,{content:l})]})};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

2content: "";\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;

2\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}

2\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

2color: 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 tk={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",

2webhookUrlInput:"styles-module__webhookUrlInput___WDDDC",checkboxField:"styles-module__checkboxField___ZrSqv",divider:"styles-module__divider___h6Yux",scaleIn:"styles-module__scaleIn___QpQ8E"};function tj(e){var t;let{settings:n,onSettingsChange:o,isDarkMode:l,onToggleTheme:s,isDevMode:a,connectionStatus:i,endpoint:c,isVisible:d,toolbarNearBottom:_,settingsPage:u,onSettingsPageChange:h,onHideToolbar:m}=e;return(0,r.jsx)("div",{className:"".concat(tk.settingsPanel," ").concat(d?tk.enter:tk.exit),style:_?{bottom:"auto",top:"calc(100% + 0.5rem)"}:void 0,"data-agentation-settings-panel":!0,children:(0,r.jsxs)("div",{className:tk.settingsPanelContainer,children:[(0,r.jsxs)("div",{className:"".concat(tk.settingsPage," ").concat("automations"===u?tk.slideLeft:""),children:[(0,r.jsxs)("div",{className:tk.settingsHeader,children:[(0,r.jsx)("a",{className:tk.settingsBrand,href:"https://agentation.com",target:"_blank",rel:"noopener noreferrer",children:(0,r.jsx)("svg",{width:"72",height:"16",viewBox:"0 0 676 151",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.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,r.jsxs)("p",{className:tk.settingsVersion,children:["v","3.0.2"]}),(0,r.jsx)("button",{className:tk.themeToggle,onClick:s,title:l?"Switch to light mode":"Switch to dark mode",children:(0,r.jsx)("span",{className:tk.themeIconWrapper,children:(0,r.jsx)("span",{className:tk.themeIcon,children:l?(0,r.jsx)(f,{size:20}):(0,r.jsx)(b,{size:20})},l?"sun":"moon")})})]}),(0,r.jsx)("div",{className:tk.divider}),(0,r.jsxs)("div",{className:tk.settingsSection,children:[(0,r.jsxs)("div",{className:tk.settingsRow,children:[(0,r.jsxs)("div",{className:tk.settingsLabel,children:["Output Detail",(0,r.jsx)(T,{content:"Controls how much detail is included in the copied output"})]}),(0,r.jsxs)("button",{className:tk.cycleButton,onClick:()=>{let e=(t_.findIndex(e=>e.value===n.outputDetail)+1)%t_.length;o({outputDetail:t_[e].value})},children:[(0,r.jsx)("span",{className:tk.cycleButtonText,children:null==(t=t_.find(e=>e.value===n.outputDetail))?void 0:t.label},n.outputDetail),(0,r.jsx)("span",{className:tk.cycleDots,children:t_.map(e=>(0,r.jsx)("span",{className:"".concat(tk.cycleDot," ").concat(n.outputDetail===e.value?tk.active:"")},e.value))})]})]}),(0,r.jsxs)("div",{className:"".concat(tk.settingsRow," ").concat(tk.settingsRowMarginTop," ").concat(a?"":tk.settingsRowDisabled),children:[(0,r.jsxs)("div",{className:tk.settingsLabel,children:["React Components",(0,r.jsx)(T,{content:a?"Include React component names in annotations":"Disabled â production builds minify component names, making detection unreliable. Use in development mode."})]}),(0,r.jsx)(tx,{checked:a&&n.reactEnabled,onChange:e=>o({reactEnabled:e.target.checked}),disabled:!a})]}),(0,r.jsxs)("div",{className:"".concat(tk.settingsRow," ").concat(tk.settingsRowMarginTop),children:[(0,r.jsxs)("div",{className:tk.settingsLabel,children:["Hide Until Restart",(0,r.jsx)(T,{content:"Hides the toolbar until you open a new tab"})]}),(0,r.jsx)(tx,{checked:!1,onChange:e=>{e.target.checked&&m()}})]})]}),(0,r.jsx)("div",{className:tk.divider}),(0,r.jsxs)("div",{className:tk.settingsSection,children:[(0,r.jsx)("div",{className:"".concat(tk.settingsLabel," ").concat(tk.settingsLabelMarker),children:"Marker Color"}),(0,r.jsx)("div",{className:tk.colorOptions,children:tI.map(e=>(0,r.jsx)("button",{className:"".concat(tk.colorOption," ").concat(n.annotationColorId===e.id?tk.selected:""),style:{"--swatch":e.srgb,"--swatch-p3":e.p3},onClick:()=>o({annotationColorId:e.id}),title:e.label,type:"button"},e.id))})]}),(0,r.jsx)("div",{className:tk.divider}),(0,r.jsxs)("div",{className:tk.settingsSection,children:[(0,r.jsx)(tv,{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,r.jsx)(tv,{className:tk.checkboxField,label:"Block page interactions",checked:n.blockInteractions,onChange:e=>o({blockInteractions:e.target.checked})})]}),(0,r.jsx)("div",{className:tk.divider}),(0,r.jsxs)("button",{className:tk.settingsNavLink,onClick:()=>h("automations"),children:[(0,r.jsx)("span",{children:"Manage MCP & Webhooks"}),(0,r.jsxs)("span",{className:tk.settingsNavLinkRight,children:[c&&"disconnected"!==i&&(0,r.jsx)("span",{className:"".concat(tk.mcpNavIndicator," ").concat(tk[i])}),(0,r.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M7.5 12.5L12 8L7.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})]}),(0,r.jsxs)("div",{className:"".concat(tk.settingsPage," ").concat(tk.automationsPage," ").concat("automations"===u?tk.slideIn:""),children:[(0,r.jsxs)("button",{className:tk.settingsBackButton,onClick:()=>h("main"),children:[(0,r.jsx)(k,{size:16}),(0,r.jsx)("span",{children:"Manage MCP & Webhooks"})]}),(0,r.jsx)("div",{className:tk.divider}),(0,r.jsxs)("div",{className:tk.settingsSection,children:[(0,r.jsxs)("div",{className:tk.settingsRow,children:[(0,r.jsxs)("span",{className:tk.automationHeader,children:["MCP Connection",(0,r.jsx)(T,{content:"Connect via Model Context Protocol to let AI agents like Claude Code receive annotations in real-time."})]}),c&&(0,r.jsx)("div",{className:"".concat(tk.mcpStatusDot," ").concat(tk[i]),title:"connected"===i?"Connected":"connecting"===i?"Connecting...":"Disconnected"})]}),(0,r.jsxs)("p",{className:tk.automationDescription,style:{paddingBottom:6},children:["MCP connection allows agents to receive and act on annotations."," ",(0,r.jsx)("a",{href:"https://agentation.dev/mcp",target:"_blank",rel:"noopener noreferrer",className:tk.learnMoreLink,children:"Learn more"})]})]}),(0,r.jsx)("div",{className:tk.divider}),(0,r.jsxs)("div",{className:"".concat(tk.settingsSection," ").concat(tk.settingsSectionGrow),children:[(0,r.jsxs)("div",{className:tk.settingsRow,children:[(0,r.jsxs)("span",{className:tk.automationHeader,children:["Webhooks",(0,r.jsx)(T,{content:"Send annotation data to any URL endpoint when annotations change. Useful for custom integrations."})]}),(0,r.jsxs)("div",{className:tk.autoSendContainer,children:[(0,r.jsx)("label",{htmlFor:"agentation-auto-se

2nd",className:"".concat(tk.autoSendLabel," ").concat(n.webhooksEnabled?tk.active:""," ").concat(n.webhookUrl?"":tk.disabled),children:"Auto-Send"}),(0,r.jsx)(tx,{id:"agentation-auto-send",checked:n.webhooksEnabled,onChange:e=>o({webhooksEnabled:e.target.checked}),disabled:!n.webhookUrl})]})]}),(0,r.jsx)("p",{className:tk.automationDescription,children:"The webhook URL will receive live annotation changes and annotation data."}),(0,r.jsx)("textarea",{className:tk.webhookUrlInput,placeholder:"Webhook URL",value:n.webhookUrl,onKeyDown:e=>e.stopPropagation(),onChange:e=>o({webhookUrl:e.target.value})})]})]})]})})}function tC(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"filtered",{name:n,path:o}=el(e);if("off"===t)return{name:n,elementName:n,path:o,reactComponents:null};let l=function(e,t){let n=function(e){var t,n,o,l;let r=null!=(t=null==e?void 0:e.mode)?t:"filtered",s=e9;return(null==e?void 0:e.skipExact)&&(s=new Set([...e9,...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:r,skipExact:s,skipPatterns:(null==e?void 0:e.skipPatterns)?[...te,...e.skipPatterns]:te,userPatterns:null!=(l=null==e?void 0:e.userPatterns)?l:tt,filter:null==e?void 0:e.filter}}(t),o="all"===n.mode;if(o){let t=tl.map.get(e);if(void 0!==t)return t}if(!function(){if(null!==tn)return tn;if("undefined"==typeof document)return!1;if(document.body&&to(document.body))return tn=!0,!0;for(let e of["#root","#app","#__next","[data-reactroot]"]){let t=document.querySelector(e);if(t&&to(t))return tn=!0,!0}if(document.body){for(let e of document.body.children)if(to(e))return tn=!0,!0}return tn=!1,!1}()){let t={path:null,components:[]};return o&&tl.map.set(e,t),t}let l="smart"===n.mode?function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=new Set,o=e,l=0;for(;o&&l<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,l++;return n}(e):void 0,r=[];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&&r.length<n.maxComponents;){let e=function(e){let{tag:t,type:n,elementType:o}=e;if(t===e7.HostComponent||t===e7.HostText||t===e7.HostHoistable||t===e7.HostSingleton||t===e7.Fragment||t===e7.Mode||t===e7.Profiler||t===e7.DehydratedFragment||t===e7.HostRoot||t===e7.HostPortal||t===e7.ScopeComponent||t===e7.OffscreenComponent||t===e7.LegacyHiddenComponent||t===e7.CacheComponent||t===e7.TracingMarkerComponent||t===e7.Throw||t===e7.ViewTransitionComponent||t===e7.ActivityComponent)return null;if(t===e7.ForwardRef){if(null==o?void 0:o.render){let e=tr(o.render);if(e)return e}return(null==o?void 0:o.displayName)?o.displayName:tr(n)}if(t===e7.MemoComponent||t===e7.SimpleMemoComponent){if(null==o?void 0:o.type){let e=tr(o.type);if(e)return e}return(null==o?void 0:o.displayName)?o.displayName:tr(n)}if(t===e7.ContextProvider){var l;return(null==n||null==(l=n._context)?void 0:l.displayName)?"".concat(n._context.displayName,".Provider"):null}return t===e7.ContextConsumer?(null==n?void 0:n.displayName)?"".concat(n.displayName,".Consumer"):null:t===e7.LazyComponent?(null==o?void 0:o._status)===1&&o._result?tr(o._result):null:t===e7.SuspenseComponent||t===e7.SuspenseListComponent?null:t===e7.IncompleteClassComponent||t===e7.IncompleteFunctionComponent||t===e7.FunctionComponent||t===e7.ClassComponent||t===e7.IndeterminateComponent?tr(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,l)&&r.push(e),t=t.return,o++}}catch(n){let t={path:null,components:[]};return o&&tl.map.set(e,t),t}if(0===r.length){let t={path:null,components:[]};return o&&tl.map.set(e,t),t}let s={path:r.slice().reverse().map(e=>"<".concat(e,">")).join(" "),components:r};return o&&tl.map.set(e,s),s}(e,{mode:t});return{name:l.path?"".concat(l.path," ").concat(n):n,elementName:n,path:o,reactComponents:l.path}}var tS=!1,tM={outputDetail:"standard",autoClearAfterCopy:!1,annotationColorId:"blue",blockInteractions:!0,reactEnabled:!0,markerClickBehavior:"edit",webhookUrl:"",webhooksEnabled:!0},tL=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}},tI=[{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 tB(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 tN(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 tR(e){return"resolved"!==e.status&&"dismissed"!==e.status}function tE(e){let t=tc(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=tc(n);if(e.found)return e;n=n.parentElement,o++}return tc(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:l}=e,r="".concat(n,":").concat(o);return(void 0!==l&&(r+=":".concat(l)),"vscode"===t)?"vscode://file".concat(n.startsWith("/")?"":"/").concat(r):r}(n.source,"path")}function tD(){var e,t,n,s,a,i,d;let{demoAnnotations:y,demoDelay:f=1e3,enableDemoMode:b=!1,onAnnotationAdd:w,onAnnotationDelete:v,onAnnotationUpdate:k,onAnnotationsClear:L,onCopy:D,onSubmit:z,copyToClipboard:P=!0,endpoint:A,sessionId:F,onSessionCreated:H,webhookUrl:Y,className:X}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[U,Q]=(0,o.useState)(!1),[V,J]=(0,o.useState)([]),[G,Z]=(0,o.useState)(!0),[$,ee]=(0,o.useState)(()=>(function(){if("undefined"==typeof window)return!1;try{return"1"===sessionStorage.getItem(e5)}catch(e){return!1}})()),[en,ei]=(0,o.useState)(!1),ec=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=e=>{let t=ec.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[ed,e_]=(0,o.useState)(!1),[eu,em]=(0,o.useState)(!1),[eb,eM]=(0,o.useState)(null),[eL,eI]=(0,o.useState)({x:0,y:0}),[eB,eN]=(0,o.useState)(null),[eE,eD]=(0,o.useState)(!1),[eW,ez]=(0,o.useState)("idle"),[eP,eT]=(0,o.useState)(!1),[eO,eA]=(0,o.useState)(!1),[e$,e7]=(0,o.useState)(null),[e9,te]=(0,o.useState)(null),[tt,tn]=(0,o.useState)([]),[to,tl]=(0,o.useState)(null),[tr,ts]=(0,o.useState)(null),[ta,ti]=(0,o.useState)(null),[tc,t_]=(0,o.useState)(null),[th,ty]=(0,o.useState)([]),[tx,tf]=(0,o.useState)(0),[tb,tw]=(0,o.useState)(!1),[tv,tk]=(0,o.useState)(!1),[tD,tW]=(0,o.useState)(!1),[tz,tP]=(0,o.useState)(!1),[tT,tO]=(0,o.useState)(!1),[tA,tF]=(0,o.useState)("main"),[tH,tY]=(0,o.useState)(!1),[tX,tU]=(0,o.useState)(!1),[tQ,tq]=(0,o.useState)(!1),[tV,tJ]=(0,o.useState)([]),[tK,tG]=(0,o.useState)(null),tZ=(0,o.useRef)(!1),[t$,t0]=(0,o.useState)(!1),[t1,t5]=(0,o.useState)(!1),[t2,t6]=(0,o.useState)(1),[t4,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),nl=(0,o.useRef)({rearrange:null,placements:[]}),nr=(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=tX&&U&&!tQ&&t$;(0,o.useEffect)(()=>

2{if(nx){t5(!1);let e=R(()=>{t5(!0)});return()=>cancelAnimationFrame(e)}t5(!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),[nR,nE]=(0,o.useState)([]),nD=(0,o.useRef)({cmd:!1,shift:!1}),nW=()=>{tY(!0)};(0,o.useEffect)(()=>()=>{nN.current&&clearTimeout(nN.current)},[]);let[nz,nP]=(0,o.useState)(()=>{try{var e;let t=JSON.parse(null!=(e=localStorage.getItem("feedback-toolbar-settings"))?e:"");return{...tM,...t,annotationColorId:tI.find(e=>e.id===t.annotationColorId)?t.annotationColorId:tM.annotationColorId}}catch(e){return tM}}),[nT,nO]=(0,o.useState)(!0),[nA,nF]=(0,o.useState)(!1),[nH,nY]=(0,o.useState)(null!=F?F:null),nX=(0,o.useRef)(!1),[nU,nQ]=(0,o.useState)(A?"connecting":"disconnected"),[nq,nV]=(0,o.useState)(null),[nJ,nK]=(0,o.useState)(!1),[nG,nZ]=(0,o.useState)(null),n$=(0,o.useRef)(!1),[n0,n1]=(0,o.useState)(new Set),[n5,n2]=(0,o.useState)(new Set),[n6,n4]=(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),ol=(0,o.useRef)(!1),or=(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(tz)tO(!0);else{tY(!1),tF("main");let e=B(()=>tO(!1),0);return()=>clearTimeout(e)}},[tz]);let ou=U&&G&&!tX;(0,o.useEffect)(()=>{if(ou){em(!1),e_(!0),n1(new Set);let e=B(()=>{n1(e=>{let t=new Set(e);return V.forEach(e=>t.add(e.id)),t})},350);return()=>clearTimeout(e)}if(ed){em(!0);let e=B(()=>{e_(!1),em(!1)},250);return()=>clearTimeout(e)}},[ou]),(0,o.useEffect)(()=>{tk(!0),tf(window.scrollY),J(eU(o_).filter(tR)),tS||(nF(!0),tS=!0,B(()=>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)(()=>{tv&&localStorage.setItem("feedback-toolbar-settings",JSON.stringify(nz))},[nz,tv]),(0,o.useEffect)(()=>{tv&&localStorage.setItem("feedback-toolbar-theme",nT?"dark":"light")},[nT,tv]);let oh=(0,o.useRef)(!1);(0,o.useEffect)(()=>{let e=oh.current;oh.current=nJ,e&&!nJ&&nq&&tv&&localStorage.setItem("feedback-toolbar-position",JSON.stringify(nq))},[nJ,nq,tv]),(0,o.useEffect)(()=>{A&&tv&&!nX.current&&(nX.current=!0,nQ("connecting"),(async()=>{try{let e=function(e){if("undefined"==typeof window)return null;try{return localStorage.getItem(e0(e))}catch(e){return null}}(o_),t=F||e,n=!1;if(t)try{let e=await e6(A,t);nY(e.id),nQ("connected"),e1(o_,e.id),n=!0;let o=eU(o_),l=new Set(e.annotations.map(e=>e.id)),r=o.filter(e=>!l.has(e.id));if(r.length>0){let t="undefined"!=typeof window?window.location.origin:"",n="".concat(t).concat(o_),o=(await Promise.allSettled(r.map(t=>e4(A,e.id,{...t,sessionId:e.id,url:n})))).map((e,t)=>"fulfilled"===e.status?e.value:r[t]),l=[...e.annotations,...o];J(l.filter(tR)),eq(o_,l.filter(tR),e.id)}else J(e.annotations.filter(tR)),eq(o_,e.annotations.filter(tR),e.id)}catch(e){if("undefined"!=typeof window)try{localStorage.removeItem(e0(o_))}catch(e){}}if(!n){let e="undefined"!=typeof window?window.location.href:"/",t=await e2(A,e);nY(t.id),nQ("connected"),e1(o_,t.id),null==H||H(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(eY)){let n=o.slice(eY.length),l=localStorage.getItem(o);if(l){let o=JSON.parse(l).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:"",l=[];for(let[e,r]of n){let n=r.filter(e=>!e._syncedTo);if(0===n.length)continue;let s="".concat(o).concat(e),a=e===o_;l.push((async()=>{try{let o=a?t:await e2(A,s),l=(await Promise.allSettled(n.map(e=>e4(A,o.id,{...e,sessionId:o.id,url:s})))).map((e,t)=>"fulfilled"===e.status?e.value:n[t]).filter(tR);if(eq(e,l,o.id),a){let e=new Set(n.map(e=>e.id));J(t=>{let n=t.filter(t=>!e.has(t.id));return[...l,...n]})}}catch(e){}})())}await Promise.allSettled(l)}}catch(e){nQ("disconnected")}})())},[A,F,tv,H,o_]),(0,o.useEffect)(()=>

2{if(!A||!tv)return;let e=async()=>{try{(await fetch("".concat(A,"/health"))).ok?nQ("connected"):nQ("disconnected")}catch(e){nQ("disconnected")}};e();let t=N(e,1e4);return()=>clearInterval(t)},[A,tv]),(0,o.useEffect)(()=>{if(!A||!tv||!nH)return;let e=new EventSource("".concat(A,"/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),tJ(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)),B(()=>{J(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()}},[A,tv,nH]),(0,o.useEffect)(()=>{if(!A||!tv)return;let e="disconnected"===oa.current,t="connected"===nU;oa.current=nU,e&&t&&(async()=>{try{let e=eU(o_);if(0===e.length)return;let t="undefined"!=typeof window?window.location.origin:"",n="".concat(t).concat(o_),o=nH,l=[];if(o)try{l=(await e6(A,o)).annotations}catch(e){o=null}o||(o=(await e2(A,n)).id,nY(o),e1(o_,o));let r=new Set(l.map(e=>e.id)),s=e.filter(e=>!r.has(e.id));if(s.length>0){let e=(await Promise.allSettled(s.map(e=>e4(A,o,{...e,sessionId:o,url:n})))).map((e,t)=>"fulfilled"===e.status?e.value:s[t]),t=[...l,...e].filter(tR);J(t),eq(o_,t,o)}}catch(e){}})()},[nU,A,tv,nH,o_]);let om=(0,o.useCallback)(()=>{en||(ei(!0),tP(!1),Q(!1),B(()=>{if("undefined"!=typeof window)try{sessionStorage.setItem(e5,"1")}catch(e){}ee(!0),ei(!1)},400))},[en]);(0,o.useEffect)(()=>{if(!b||!tv||!y||0===y.length||V.length>0)return;let e=[];return e.push(B(()=>{Q(!0)},f-200)),y.forEach((t,n)=>{e.push(B(()=>{let e=document.querySelector(t.selector);if(!e)return;let o=e.getBoundingClientRect(),{name:l,path:r}=el(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:l,elementPath:r,timestamp:Date.now(),selectedText:t.selectedText,boundingBox:{x:o.left,y:o.top+window.scrollY,width:o.width,height:o.height},nearbyText:er(e),cssClasses:ea(e)};J(e=>[...e,s])},f+300*n))}),()=>{e.forEach(clearTimeout)}},[b,tv,y,f]),(0,o.useEffect)(()=>{let e=()=>{tf(window.scrollY),tw(!0),od.current&&clearTimeout(od.current),od.current=B(()=>{tw(!1)},150)};return window.addEventListener("scroll",e,{passive:!0}),()=>{window.removeEventListener("scroll",e),od.current&&clearTimeout(od.current)}},[]),(0,o.useEffect)(()=>{tv&&V.length>0?nH?eq(o_,V,nH):eQ(o_,V):tv&&0===V.length&&localStorage.removeItem(eX(o_))},[V,o_,tv,nH]),(0,o.useEffect)(()=>{if(tv&&!tZ.current){tZ.current=!0;let e=function(e){if("undefined"==typeof window)return[];try{let t=localStorage.getItem("".concat(eV).concat(e));if(!t)return[];return JSON.parse(t)}catch(e){return[]}}(o_);e.length>0&&tJ(e)}},[tv,o_]),(0,o.useEffect)(()=>{if(tv&&tZ.current&&!t$){if(tV.length>0){if("undefined"!=typeof window)try{localStorage.setItem("".concat(eV).concat(o_),JSON.stringify(tV))}catch(e){}}else if("undefined"!=typeof window)try{localStorage.removeItem("".concat(eV).concat(o_))}catch(e){}}},[tV,o_,tv,t$]),(0,o.useEffect)(()=>{if(tv&&!no.current){no.current=!0;let e=function(e){if("undefined"==typeof window)return null;try{let t=localStorage.getItem("".concat(eJ).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}}})})}},[tv,o_]),(0,o.useEffect)(()=>{if(tv&&no.current&&!t$){if(nt){if("undefined"!=typeof window)try{localStorage.setItem("".concat(eJ).concat(o_),JSON.stringify(nt))}catch(e){}}else if("undefined"!=typeof window)try{localStorage.removeItem("".concat(eJ).concat(o_))}catch(e){}}},[nt,o_,tv,t$]);let og=(0,o.useRef)(!1);(0,o.useEffect)(()=>

2{if(tv&&!og.current){og.current=!0;let e=function(e){if("undefined"==typeof window)return null;try{let t=localStorage.getItem("".concat(eK).concat(e));if(!t)return null;return JSON.parse(t)}catch(e){return null}}(o_);e&&(nr.current={rearrange:e.rearrange,placements:e.placements||[]},e.purpose&&t7(e.purpose))}},[tv,o_]),(0,o.useEffect)(()=>{var e,t,n,o,l;if(!tv||!og.current)return;let r=nr.current;t$?(null!=(t=null==nt||null==(e=nt.sections)?void 0:e.length)?t:0)>0||tV.length>0||t8?eG(o_,{rearrange:nt,placements:tV,purpose:t8}):eZ(o_):(null!=(l=null==(o=r.rearrange)||null==(n=o.sections)?void 0:n.length)?l:0)>0||r.placements.length>0||t8?eG(o_,{rearrange:r.rearrange,placements:r.placements,purpose:t8}):eZ(o_)},[nt,tV,t8,t$,o_,tv]),(0,o.useEffect)(()=>{tX&&!nt&&nn({sections:[],originalOrder:[],detectedAt:Date.now()})},[tX,nt]),(0,o.useEffect)(()=>{if(!A||!nH)return;let e=nf.current,t=new Set(tV.map(e=>e.id));for(let t of tV){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_;e4(A,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=>{e.delete(t.id)})}for(let[n,o]of e)!t.has(n)&&(e.delete(n),o&&e8(A,o).catch(()=>{}))},[tV,A,nH,o_]),(0,o.useEffect)(()=>{if(A&&nH)return nw.current&&clearTimeout(nw.current),nw.current=B(()=>{let e=nb.current;if(!nt||0===nt.sections.length){for(let[,t]of e)t&&e8(A,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,l=t.currentRect;if(!(Math.abs(o.x-l.x)>1||Math.abs(o.y-l.y)>1||Math.abs(o.width-l.width)>1||Math.abs(o.height-l.height)>1)){let n=e.get(t.id);n&&(e.delete(t.id),e8(A,n).catch(()=>{}));continue}let r=e.get(t.id);r?e3(A,r,{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(l.x),",").concat(Math.round(l.y),") ").concat(Math.round(l.width),"\xd7").concat(Math.round(l.height))}).catch(e=>{}):(e.set(t.id,""),e4(A,nH,{id:t.id,x:l.x/window.innerWidth*100,y:l.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(l.x),",").concat(Math.round(l.y),") ").concat(Math.round(l.width),"\xd7").concat(Math.round(l.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:l}}).then(n=>{e.has(t.id)&&e.set(t.id,n.id)}).catch(n=>{e.delete(t.id)}))}for(let[n,o]of e)!t.has(n)&&(e.delete(n),o&&e8(A,o).catch(()=>{}))},300),()=>{nw.current&&clearTimeout(nw.current)}},[nt,A,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((tX||tQ)&&U)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=[],l=t.parentElement;for(;l&&l!==document.body;){let e=getComputedStyle(l);("visible"!==e.overflow||"visible"!==e.overflowX||"visible"!==e.overflowY)&&(o.push({el:l,overflow:l.style.overflow}),l.style.overflow="visible"),l=l.parentElement}let r=getComputedStyle(t);"inline"===r.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"}}

2catch(e){}}for(let[e,t]of op.current)if(!n.has(e)){let{el:n,origStyles:o,ancestors:l}=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),B(()=>{for(let e of(n.style.transition="",n.style.display=o.display,l))e.el.style.overflow=e.overflow},450)}},[nt,tX,tQ,U]),(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,B(()=>{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)(()=>{tq(!0),tU(!1),tG(null),clearTimeout(ny.current),ny.current=B(()=>{tq(!1)},300)},[]),ox=(0,o.useCallback)(()=>{tX&&(tq(!0),tU(!1),tG(null),clearTimeout(ny.current),ny.current=B(()=>{tq(!1)},300)),Q(!1)},[tX]),of=(0,o.useCallback)(()=>{tD||(!function(){if("undefined"==typeof document||I.frozen)return;I.frozen=!0,I.frozenTimeoutQueue=[],I.frozenRAFQueue=[];let e=document.getElementById(M);e||((e=document.createElement("style")).id=M),e.textContent="\n    *".concat(S,",\n    *").concat(S,"::before,\n    *").concat(S,"::after {\n      animation-play-state: paused !important;\n      transition: none !important;\n    }\n  "),document.head.appendChild(e),I.pausedAnimations=[];try{document.getAnimations().forEach(e=>{var t,n;"running"===e.playState&&((n=null==(t=e.effect)?void 0:t.target)&&C.some(e=>{var t;return!!(null==(t=n.closest)?void 0:t.call(n,"[".concat(e,"]")))})||(e.pause(),I.pausedAnimations.push(e)))})}catch(e){}document.querySelectorAll("video").forEach(e=>{e.paused||(e.dataset.wasPaused="false",e.pause())})}(),tW(!0))}

2,[tD]),ob=(0,o.useCallback)(()=>{tD&&(E(),tW(!1))},[tD]),ow=(0,o.useCallback)(()=>{tD?ob():of()},[tD,of,ob]),ov=(0,o.useCallback)(()=>{if(0===nR.length)return;let e=nR[0],t=e.element,n=nR.length>1,o=nR.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=nR.slice(0,5).map(e=>e.name).join(", "),l=nR.length>5?" +".concat(nR.length-5," more"):"",r=o.map(e=>({x:e.left,y:e.top+window.scrollY,width:e.width,height:e.height})),s=nR[nR.length-1].element,a=o[o.length-1],i=a.left+a.width/2,c=a.top+a.height/2,d=tN(s);eN({x:i/window.innerWidth*100,y:d?c:c+window.scrollY,clientY:c,element:"".concat(nR.length," elements: ").concat(n).concat(l),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:r,multiSelectElements:nR.map(e=>e.element),targetElement:s,fullPath:ey(t),accessibility:ep(t),computedStyles:eg(t),computedStylesObj:eh(t),nearbyElements:es(t),cssClasses:ea(t),nearbyText:er(t),sourceFile:tE(t)})}else{let n=o[0],l=tN(t);eN({x:n.left/window.innerWidth*100,y:l?n.top:n.top+window.scrollY,clientY:n.top,element:e.name,elementPath:e.path,boundingBox:{x:n.left,y:l?n.top:n.top+window.scrollY,width:n.width,height:n.height},isFixed:l,fullPath:ey(t),accessibility:ep(t),computedStyles:eg(t),computedStylesObj:eh(t),nearbyElements:es(t),cssClasses:ea(t),nearbyText:er(t),reactComponents:e.reactComponents,sourceFile:tE(t)})}nE([]),eM(null)},[nR]);(0,o.useEffect)(()=>{!U&&(eN(null),ti(null),t_(null),ty([]),eM(null),tP(!1),nE([]),nD.current={cmd:!1,shift:!1},tD&&ob())},[U,tD,ob]),(0,o.useEffect)(()=>()=>{E()},[]),(0,o.useEffect)(()=>{if(!U)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()}},[U]),(0,o.useEffect)(()=>{if(null!==nS&&U)return document.documentElement.setAttribute("data-drawing-hover",""),()=>document.documentElement.removeAttribute("data-drawing-hover")},[nS,U]),(0,o.useEffect)(()=>{if(!U||eB||nv||tX)return;let e=e=>{if(eo(e.composedPath()[0]||e.target,"[data-feedback-toolbar]"))return void eM(null);let t=tB(e.clientX,e.clientY);if(!t||eo(t,"[data-feedback-toolbar]"))return void eM(null);let{name:n,elementName:o,path:l,reactComponents:r}=tC(t,"off");eM({element:n,elementName:o,elementPath:l,rect:t.getBoundingClientRect(),reactComponents:r}),eI({x:e.clientX,y:e.clientY})};return document.addEventListener("mousemove",e),()=>document.removeEventListener("mousemove",e)},[U,eB,nv,tX,"off",nj]);let ok=(0,o.useCallback)(e=>{var t;if(ti(e),e7(null),te(null),tn([]),null==(t=e.elementBoundingBoxes)?void 0:t.length){let t=[];for(let n of e.elementBoundingBoxes){let e=tB(n.x+n.width/2,n.y+n.height/2-window.scrollY);e&&t.push(e)}ty(t),t_(null)}else if(e.boundingBox){let t=e.boundingBox,n=tB(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,l=e.height/t.height;o<.5||l<.5?t_(null):t_(n)}else t_(null);ty([])}else t_(null),ty([])},[]);(0,o.useEffect)(()=>{if(!U||nv||tX)return;let e=e=>{var t,n;let o;if(ol.current){ol.current=!1;return}let l=e.composedPath()[0]||e.target;if(eo(l,"[data-feedback-toolbar]")||eo(l,"[data-annotation-popup]")||eo(l,"[data-annotation-marker]"))return;if(e.metaKey&&e.shiftKey&&!eB&&!ta){e.preventDefault(),e.stopPropagation();let t=tB(e.clientX,e.clientY);if(!t)return;let n=t.getBoundingClientRect(),{name:o,path:l,reactComponents:r}=tC(t,"off"),s=nR.findIndex(e=>e.element===t);s>=0?nE(e=>e.filter((e,t)=>

2t!==s)):nE(e=>[...e,{element:t,rect:n,name:o,path:l,reactComponents:null!=r?r:void 0}]);return}let r=eo(l,"button, a, input, select, textarea, [role='button'], [onclick]");if(nz.blockInteractions&&r&&(e.preventDefault(),e.stopPropagation()),eB){if(r&&!nz.blockInteractions)return;e.preventDefault(),null==(t=oi.current)||t.shake();return}if(ta){if(r&&!nz.blockInteractions)return;e.preventDefault(),null==(n=oc.current)||n.shake();return}e.preventDefault();let s=tB(e.clientX,e.clientY);if(!s)return;let{name:a,path:i,reactComponents:c}=tC(s,"off"),d=s.getBoundingClientRect(),_=e.clientX/window.innerWidth*100,u=tN(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=eh(s),p=eg(s);eN({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:er(s),cssClasses:ea(s),isFixed:u,fullPath:ey(s),accessibility:ep(s),computedStyles:p,computedStylesObj:g,nearbyElements:es(s),reactComponents:null!=c?c:void 0,sourceFile:tE(s),targetElement:s}),eM(null)};return document.addEventListener("click",e,!0),()=>document.removeEventListener("click",e,!0)},[U,nv,tX,eB,ta,nz.blockInteractions,"off",nR]),(0,o.useEffect)(()=>{if(!U)return;let e=e=>{"Meta"===e.key&&(nD.current.cmd=!0),"Shift"===e.key&&(nD.current.shift=!0)},t=e=>{let t=nD.current.cmd&&nD.current.shift;"Meta"===e.key&&(nD.current.cmd=!1),"Shift"===e.key&&(nD.current.shift=!1);let n=nD.current.cmd&&nD.current.shift;t&&!n&&nR.length>0&&ov()},n=()=>{nD.current={cmd:!1,shift:!1},nE([])};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)}},[U,nR,ov]),(0,o.useEffect)(()=>{if(!U||eB||nv||tX)return;let e=e=>{let t=e.composedPath()[0]||e.target;!(eo(t,"[data-feedback-toolbar]")||eo(t,"[data-annotation-marker]")||eo(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)},[U,eB,nv,tX]),(0,o.useEffect)(()=>{if(!U||eB)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),l=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(l,"px")}let t=Date.now();if(t-or.current<50)return;or.current=t;let n=ot.current.x,o=ot.current.y,l=Math.min(n,e.clientX),r=Math.min(o,e.clientY),s=Math.max(n,e.clientX),a=Math.max(o,e.clientY),i=(l+s)/2,c=(r+a)/2,d=new Set;for(let[e,t]of[[l,r],[s,r],[l,a],[s,a],[i,c],[i,r],[i,a],[l,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>=l&&n<=s&&o>=r&&o<=a,c=Math.min(t.right,s)-Math.max(t.left,l),_=Math.min(t.bottom,a)-Math.max(t.top,r),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(eo(e,"[data-feedback-toolbar]")||eo(e,"[data-annotation-marker]"))continue;let t=e.getBoundingClientRect();if((!(t.width>

2.8*window.innerWidth)||!(t.height>.5*window.innerHeight))&&!(t.width<10)&&!(t.height<10)&&t.left<s&&t.right>l&&t.top<a&&t.bottom>r){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=td.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)},[U,eB,n7,8]),(0,o.useEffect)(()=>{if(!U)return;let e=e=>{let t=ot.current;if(n7&&t){ol.current=!0;let n=Math.min(t.x,e.clientX),o=Math.min(t.y,e.clientY),l=Math.max(t.x,e.clientX),r=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)||eo(e,"[data-feedback-toolbar]")||eo(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<l&&t.right>n&&t.top<r&&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 el(t).name}).join(", "),o=a.length>5?" +".concat(a.length-5," more"):"",l=a[0].element,r=eh(l),s=eg(l);eN({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:ey(l),accessibility:ep(l),computedStyles:s,computedStylesObj:r,nearbyElements:es(l),cssClasses:ea(l),nearbyText:er(l),sourceFile:tE(l)})}else{let t=Math.abs(l-n),s=Math.abs(r-o);t>20&&s>20&&eN({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})}eM(null)}else n7&&(ol.current=!0);oe.current=null,ot.current=null,n9(!1),oo.current&&(oo.current.innerHTML="")};return document.addEventListener("mouseup",e),()=>document.removeEventListener("mouseup",e)},[U,n7]);let oj=(0,o.useCallback)(async(e,t,n)=>{let o=nz.webhookUrl||Y;if(!o||!nz.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!1}},[Y,nz.webhookUrl,nz.webhooksEnabled]),oC=(0,o.useCallback)(e=>{var t;if(!eB)return;let n={id:Date.now().toString(),x:eB.x,y:eB.y,comment:e,element:eB.element,elementPath:eB.elementPath,timestamp:Date.now(),selectedText:eB.selectedText,boundingBox:eB.boundingBox,nearbyText:eB.nearbyText,cssClasses:eB.cssClasses,isMultiSelect:eB.isMultiSelect,isFixed:eB.isFixed,fullPath:eB.fullPath,accessibility:eB.accessibility,computedStyles:eB.computedStyles,nearbyElements:eB.nearbyElements,reactComponents:eB.reactComponents,sourceFile:eB.sourceFile,elementBoundingBoxes:eB.elementBoundingBoxes,...A&&nH?{sessionId:nH,url:"undefined"!=typeof window?window.location.href:void 0,status:"pending"}:{}};J(e=>[...e,n]),os.current=n.id,B(()=>{os.current=null},300),B(()=>{n1(e=>new Set(e).add(n.id))},250),null==w||w(n),oj("annotation.add",{annotation:n}),n4(!0),B(()=>{eN(null),n4(!1)},150),null==(t=window.getSelection())||t.removeAllRanges(),A&&nH&&e4(A,nH,n).then(e=>{e.id!==n.id&&(J(t=>t.map(t=>

2t.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=>{})},[eB,w,oj,A,nH]),oS=(0,o.useCallback)(()=>{n4(!0),B(()=>{eN(null),n4(!1)},150)},[]),oM=(0,o.useCallback)(e=>{let t=V.findIndex(t=>t.id===e),n=V[t];(null==ta?void 0:ta.id)===e&&(n8(!0),B(()=>{ti(null),t_(null),ty([]),n8(!1)},150)),tl(e),n2(t=>new Set(t).add(e)),n&&(null==v||v(n),oj("annotation.delete",{annotation:n})),A&&e8(A,e).catch(e=>{}),B(()=>{J(t=>t.filter(t=>t.id!==e)),n2(t=>{let n=new Set(t);return n.delete(e),n}),tl(null),t<V.length-1&&(ts(t),B(()=>ts(null),200))},150)},[V,ta,v,oj,A]),oL=(0,o.useCallback)(e=>{var t;if(!e){e7(null),te(null),tn([]);return}if(e7(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,l=document.elementsFromPoint(e,o).find(e=>!e.closest("[data-annotation-marker]")&&!e.closest("[data-agentation-root]"));l&&t.push(l)}tn(t),te(null)}else if(e.boundingBox){let t=e.boundingBox,n=tB(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,l=e.height/t.height;o<.5||l<.5?te(null):te(n)}else te(null);tn([])}else te(null),tn([])},[]),oI=(0,o.useCallback)(e=>{if(!ta)return;let t={...ta,comment:e};J(e=>e.map(e=>e.id===ta.id?t:e)),null==k||k(t),oj("annotation.update",{annotation:t}),A&&e3(A,ta.id,{comment:e}).catch(e=>{}),n8(!0),B(()=>{ti(null),t_(null),ty([]),n8(!1)},150)},[ta,k,oj,A]),oB=(0,o.useCallback)(()=>{n8(!0),B(()=>{ti(null),t_(null),ty([]),n8(!1)},150)},[]),oN=(0,o.useCallback)(()=>{let e=V.length,t=tV.length>0||!!nt;if(0===e&&0===nj.length&&!t)return;if(null==L||L(V),oj("annotations.clear",{annotations:V}),A){for(let[,e]of(Promise.all(V.map(e=>e8(A,e.id).catch(e=>{}))),nf.current))e&&e8(A,e).catch(()=>{});for(let[,e]of(nf.current.clear(),nb.current))e&&e8(A,e).catch(()=>{});nb.current.clear()}eA(!0),eT(!0),nC([]);let n=nL.current;if(n){let e=n.getContext("2d");e&&e.clearRect(0,0,n.width,n.height)}(tV.length>0||nt)&&(n_(e=>e+1),nh(e=>e+1),B(()=>{tJ([]),nn(null)},200)),t$&&t0(!1),t8&&t7(""),nr.current={rearrange:null,placements:[]},eZ(o_),B(()=>{J([]),n1(new Set),localStorage.removeItem(eX(o_)),eA(!1)},30*e+200),B(()=>eT(!1),1500)},[o_,V,nj,tV,nt,t$,t8,L,oj,A]),oR=(0,o.useCallback)(async()=>{let e,t="undefined"!=typeof window?window.location.pathname+window.location.search+window.location.hash:o_,n=tX&&t$;if(n){if(0===tV.length&&!nt&&!t8)return;e=""}else{if(!(e=tu(V,t,nz.outputDetail))&&0===nj.length&&0===tV.length&&!nt)return;e||(e="## Page Feedback: ".concat(t,"\n"))}if(!n&&nj.length>0){let t=new Set;for(let e of V)null!=e.drawingIndex&&t.add(e.drawingIndex);let n=nL.current;n&&(n.style.visibility="hidden");let o=[],l=window.scrollY;for(let e=0;e<nj.length;e++){let n,r;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-l})),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,l=d-n.x<e,r=n.y-c<e,s=_-n.y<e;(o||l)&&(r||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=tB(e.x,e.y);if(!t||w.has(t)||eo(t,"[data-feedback-toolbar]"))continue;w.add(t);let{name:n}=el(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";r="".concat(e," **").concat(v[0],"**").concat(v.length>1?" (and ".concat(v.slice(1).join(", "),")"):""," (region: ").concat(j,")")}else r="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(r)}n&&(n.style.visibility=""),o.length>0&&(e+="\n**Drawings:**\n",o.forEach((t,n)=>{e+="".concat(n+1,". ").concat(t,"\n")}))}if((tV.length>0||n&&t8)&&(e+="\n"+eF(tV,{width:window.innerWidth,height:window.innerHeight},{blankCanvas:t$,wireframePurpose:t8||void 0},nz.outputDetail)),nt){let t=eH(nt,nz.outputDetail,{width:window.innerWidth,height:window.innerHeight});t&&(e+="\n"+t)}if(P)try{await navigator.clipboard.writeText(e)}catch(e){}null==D||D(e),eD(!0),B(()=>eD(!1),2e3),nz.autoClearAfterCopy&&B(()=>oN(),500)},[V,nj,tV,nt,t$,tX,t4,t8,o_,nz.outputDetail,"off",nz.autoClearAfterCopy,oN,P,D]),oE=(0,o.useCallback)(async()=>{let e="undefined"!=typeof window?window.location.pathname+window.location.search+window.location.hash:o_,t=tu(V,e,nz.outputDetail);if(!t&&0===tV.length&&!nt)return;if(t||(t="## Page Feedback: ".concat(e,"\n")),tV.length>0&&(t+="\n"+eF(tV,{width:window.innerWidth,height:window.innerHeight},{blankCanvas:t$,wireframePurpose:t8||void 0},nz.outputDetail)),nt){let e=eH(nt,nz.outputDetail,{width:window.innerWidth,height:window.innerHeight});e&&(t+="\n"+e)}z&&z(t,V),ez("sending"),await new Promise(e=>B(e,150));let n=await oj("submit",{output:t,annotations:V},!0);ez(n?"sent":"failed"),B(()=>ez("idle"),2500),n&&nz.autoClearAfterCopy&&B(()=>oN(),500)},[z,oj,V,tV,nt,t$,t4,o_,nz.outputDetail,"off",nz.autoClearAfterCopy,oN]);(0,o.useEffect)(()=>

2{if(!nG)return;let e=e=>{let t=e.clientX-nG.x,n=e.clientY-nG.y,o=Math.sqrt(t*t+n*n);if(!nJ&&o>10&&nK(!0),nJ||o>10){let e=nG.toolbarX+t,o=nG.toolbarY+n;nV({x:e=Math.max(20-(337-(U?"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=()=>{nJ&&(n$.current=!0),nK(!1),nZ(null)};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",t),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",t)}},[nG,nJ,U,nU]);let oD=(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 l=o.getBoundingClientRect(),r=null!=(t=null==nq?void 0:nq.x)?t:l.left,s=null!=(n=null==nq?void 0:nq.y)?n:l.top;nZ({x:e.clientX,y:e.clientY,toolbarX:r,toolbarY:s})},[nq]);if((0,o.useEffect)(()=>{if(!nq)return;let e=()=>{let e=nq.x,t=nq.y;e=Math.max(20-(337-(U?"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,U,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(tX)return void(tK?tG(null):oy());if(nv)return void nk(!1);if(nR.length>0)return void nE([]);eB||U&&(nW(),Q(!1))}if((e.metaKey||e.ctrlKey)&&e.shiftKey&&("f"===e.key||"F"===e.key)){e.preventDefault(),nW(),U?ox():Q(!0);return}if(!n&&!e.metaKey&&!e.ctrlKey&&(("p"===e.key||"P"===e.key)&&(e.preventDefault(),nW(),ow()),("l"===e.key||"L"===e.key)&&(e.preventDefault(),nW(),nv&&nk(!1),tz&&tP(!1),eB&&oS(),tX?oy():tU(!0)),("h"===e.key||"H"===e.key)&&V.length>0&&(e.preventDefault(),nW(),Z(e=>!e)),("c"===e.key||"C"===e.key)&&(V.length>0||tV.length>0||nt)&&(e.preventDefault(),nW(),oR()),("x"===e.key||"X"===e.key)&&(V.length>0||tV.length>0||nt)&&(e.preventDefault(),nW(),oN(),tV.length>0&&tJ([]),nt&&nn(null)),"s"===e.key||"S"===e.key)){let t=tL(nz.webhookUrl)||tL(Y||"");V.length>0&&t&&"idle"===eW&&(e.preventDefault(),nW(),oE())}};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[U,nv,tX,tK,tV,nt,eB,V.length,nz.webhookUrl,Y,eW,oE,ow,oR,oN,nR]),!tv||$)return null;let oW=V.length>0,oz=V.filter(e=>!n5.has(e.id)&&"placement"!==e.kind&&"rearrange"!==e.kind),oP=oz.length>0,oT=V.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 l=t-100;if(l<10)o.left="calc(50% + ".concat(10-l,"px)");else if(l+200>window.innerWidth-10){let e=l+200-(window.innerWidth-10);o.left="calc(50% - ".concat(e,"px)")}return o};return(0,l.createPortal)((0,r.jsxs)("div",{ref:ec,style:{display:"contents"},"data-agentation-theme":nT?"dark":"light","data-agentation-accent":nz.annotationColorId,"data-agentation-root":"",children:[(0,r.jsx)("div",{className:"".concat(td.toolbar).concat(X?" ".concat(X):""),"data-feedback-toolbar":!0,"data-agentation-toolbar":!0,style:nq?{left:nq.x,top:nq.y,right:"auto",bottom:"auto"}:void 0,children:(0,r.jsxs)("div",{className:"".concat(td.toolbarContainer," ").concat(U?td.expanded:td.collapsed," ").concat(nA?td.entrance:""," ").concat(en?td.hiding:""," ").concat(!nz.webhooksEnabled&&(tL(nz.webhookUrl)||tL(Y||""))?td.serverConnected:""),onClick:U?void 0:e=>{if(n$.current){n$.current=!1,e.preventDefault();return}Q(!0)},onMouseDown:oD,role:U?void 0:"button",tabIndex:U?-1:0,title:U?void 0:"Start feedback mode",children:[(0,r.jsxs)("div",{className:"".concat(td.toggleContent," ").concat(U?td.hidden:td.visible),children:[(0,r.jsx)(c,{size:24}),oP&&(0,r.jsx)("span",{className:"".concat(td.badge," ").concat(U?td.fadeOut:""," ").concat(nA?td.entrance:""),children:oz.length})]}),(0,r.jsxs)("div",{className:"".concat(td.controlsContent," ").concat(U?td.visible:td.hidden," ").concat(nq&&nq.y<100?td.tooltipBelow:""," ").concat(tH||tz?td.tooltipsHidden:""," ").concat(nI?td.tooltipsInSession:""),onMouseEnter:()=>{nI||(nN.current=B(()=>nB(!0),850))},onMouseLeave:()=>{nN.current&&(clearTimeout(nN.current),nN.current=null),nB(!1),tY(!1)},children:[(0,r.jsxs)("div",{className:"".concat(td.buttonWrapper," ").concat(nq&&nq.x<120?td.buttonWrapperAlignLeft:""),children:[(0,r.jsx)("button",{className:td.controlButton,onClick:e=>{e.stopPropagation(),nW(),ow()},"data-active":tD,children:(0,r.jsx)(m,{size:24,isPaused:tD})}),(0,r.jsxs)("span",{className:td.buttonTooltip,children:[tD?"Resume animations":"Pause animations",(0,r.jsx)("span",{className:td.shortcut,children:"P"})]})]}),(0,r.jsxs)("div",{className:td.buttonWrapper,children:[(0,r.jsx)("button",{className:"".concat(td.controlButton," ").concat(nT?"":td.light),onClick:e=>{e.stopPropagation(),nW(),nv&&nk(!1),tz&&tP(!1),eB&&oS(),tX?oy():tU(!0)},"data-active":tX,style:tX&&t$?{color:"#f97316",background:"rgba(249, 115, 22, 0.25)"}:void 0,children:(0,r.jsx)(j,{size:21})}),(0,r.jsxs)("span",{className:td.buttonTooltip,children:[tX?"Exit layout mode":"Layout mode",(0,r.jsx)("span",{className:td.shortcut,children:"L"})]})]}),(0,r.jsxs)("div",{className:td.buttonWrapper,children:[(0,r.jsx)("button",{className:td.controlButton,onClick:e=>{e.stopPropagation(),nW(),Z(!G)},disabled:!oW||tX,children:(0,r.jsx)(h,{size:24,isOpen:G})}),(0,r.jsxs)("span",{className:td.buttonTooltip,children:[G?"Hide markers":"Show markers",(0,r.jsx)("span",{className:td.shortcut,children:"H"})]})]}),(0,r.jsxs)("div",{className:td.buttonWrapper,children:[(0,r.jsx)("button",{className:"".concat(td.controlButton," ").concat(eE?td.statusShowing:""),onClick:e=>{e.stopPropagation(),nW(),oR()},disabled:tX&&t$?0===tV.length&&!(null==nt||null==(e=nt.sections)?void 0:e.length):!oW&&0===nj.length&&0===tV.length&&!(null==nt||null==(t=nt.sections)?void 0:t.length),"data-active":eE,children:(0,r.jsx)(_,{size:24,copied:eE,tint:tX&&t$&&(tV.length>0||(null==nt||null==(n=nt.sections)?void 0:n.length))?"#f97316":void 0})}),(0,r.jsxs)("span",{className:td.buttonTooltip,children:[tX&&t$?"Copy layout":"Copy feedback",(0,r.jsx)("span",{className:td.shortcut,children:"C"})]})]}),(0,r.jsxs)("div",{className:"".concat(td.buttonWrapper," ").concat(td.sendButtonWrapper," ").concat(U&&!nz.webhooksEnabled&&(tL(nz.webhookUrl)||tL(Y||""))?td.sendButtonVisible:""),children:[(0,r.jsxs)("button",{className:"".concat(td.controlButton," ").concat("sent"===eW||"failed"===eW?td.statusShowing:""),onClick:e=>{e.stopPropagation(),nW(),oE()},disabled:!oW||!tL(nz.webhookUrl)&&!tL(Y||"")||"sending"===eW,"data-no-hover":"sent"===eW||"failed"===eW,tabIndex:tL(nz.

2webhookUrl)||tL(Y||"")?0:-1,children:[(0,r.jsx)(u,{size:24,state:eW}),oW&&"idle"===eW&&(0,r.jsx)("span",{className:td.buttonBadge,children:V.length})]}),(0,r.jsxs)("span",{className:td.buttonTooltip,children:["Send Annotations",(0,r.jsx)("span",{className:td.shortcut,children:"S"})]})]}),(0,r.jsxs)("div",{className:td.buttonWrapper,children:[(0,r.jsx)("button",{className:td.controlButton,onClick:e=>{e.stopPropagation(),nW(),oN()},disabled:!oW&&0===nj.length&&0===tV.length&&!(null==nt||null==(s=nt.sections)?void 0:s.length),"data-danger":!0,children:(0,r.jsx)(p,{size:24})}),(0,r.jsxs)("span",{className:td.buttonTooltip,children:["Clear all",(0,r.jsx)("span",{className:td.shortcut,children:"X"})]})]}),(0,r.jsxs)("div",{className:td.buttonWrapper,children:[(0,r.jsx)("button",{className:td.controlButton,onClick:e=>{e.stopPropagation(),nW(),tX&&oy(),tP(!tz)},children:(0,r.jsx)(g,{size:24})}),A&&"disconnected"!==nU&&(0,r.jsx)("span",{className:"".concat(td.mcpIndicator," ").concat(td[nU]," ").concat(tz?td.hidden:""),title:"connected"===nU?"MCP Connected":"MCP Connecting..."}),(0,r.jsx)("span",{className:td.buttonTooltip,children:"Settings"})]}),(0,r.jsx)("div",{className:td.divider}),(0,r.jsxs)("div",{className:"".concat(td.buttonWrapper," ").concat(nq&&"undefined"!=typeof window&&nq.x>window.innerWidth-120?td.buttonWrapperAlignRight:""),children:[(0,r.jsx)("button",{className:td.controlButton,onClick:e=>{e.stopPropagation(),nW(),ox()},children:(0,r.jsx)(x,{size:24})}),(0,r.jsxs)("span",{className:td.buttonTooltip,children:["Exit",(0,r.jsx)("span",{className:td.shortcut,children:"Esc"})]})]})]}),(0,r.jsx)(et,{visible:tX&&U,activeType:tK,onSelect:e=>{tG(tK===e?null:e)},isDarkMode:nT,sectionCount:null!=(d=null==nt?void 0:nt.sections.length)?d: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=[];return n.forEach((e,t)=>{if(!(e instanceof HTMLElement))return;let n=e.tagName.toLowerCase();if(ew.has(n)||e.hasAttribute("data-feedback-toolbar")||e.closest("[data-feedback-toolbar]"))return;let l=window.getComputedStyle(e);if("none"===l.display||"hidden"===l.visibility)return;let r=e.getBoundingClientRect();if(r.height<40)return;let s=ex.has(n),a=e.getAttribute("role")&&ef[e.getAttribute("role")],i="div"===n&&r.height>=60;if(!s&&!a&&!i)return;let c=window.scrollY,d=ev(e),_={x:r.x,y:d?r.y:r.y+c,width:r.width,height:r.height};o.push({id:"rs-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,7)),label:ej(e),tagName:n,selector:ek(e),role:e.getAttribute("role"),className:eC(e),textSnippet:eS(e),originalRect:_,currentRect:{..._},originalIndex:t,isFixed:d})}),o}(),o=null!=(e=null==nt?void 0:nt.sections)?e:[],l=new Set(o.map(e=>e.selector)),r=n.filter(e=>!l.has(e.selector));nn({sections:[...o,...r],originalOrder:[...null!=(t=null==nt?void 0:nt.originalOrder)?t:[],...r.map(e=>e.id)],detectedAt:Date.now()})},placementCount:tV.length,onClearPlacements:()=>{n_(e=>e+1),nh(e=>e+1),B(()=>{nn({sections:[],originalOrder:[],detectedAt:Date.now()})},200)},blankCanvas:t$,onBlankCanvasChange:e=>{let t={sections:[],originalOrder:[],detectedAt:Date.now()};e?(nl.current={rearrange:nt,placements:tV},nn(nr.current.rearrange||t),tJ(nr.current.placements),tG(null)):(nr.current={rearrange:nt,placements:tV},nn(nl.current.rearrange||t),tJ(nl.current.placements)),t0(e)},wireframePurpose:t8,onWireframePurposeChange:t7,Tooltip:T,onDragStart:(e,t)=>{var n;t.preventDefault();let o=O[e],l=null,r=!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(!r&&(Math.abs(n)>4||Math.abs(i)>4)&&(r=!0,(l=document.createElement("div")).className="".concat(q.dragPreview).concat(t$?" ".concat(q.dragPreviewWireframe):""),document.body.appendChild(l)),!l)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;l.style.width="".concat(h,"px"),l.style.height="".concat(m,"px"),l.style.left="".concat(t.clientX-h/2,"px"),l.style.top="".concat(t.clientY-m/2,"px"),l.style.opacity="".concat(.5+.5*d),l.textContent=d>.25?e:""},_=t=>{if(window.removeEventListener("mousemove",d),window.removeEventListener("mouseup",_),l&&document.body.removeChild(l),r){let n=o.width,l=o.height,r=window.scrollY,s=Math.max(0,t.clientX-n/2),a=Math.max(0,t.clientY+r-l/2),i={id:"dp-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,7)),type:e,x:s,y:a,width:n,height:l,scrollY:r,timestamp:Date.now()};tJ(e=>

2[...e,i]),tG(null),nm.current=new Set,na(e=>e+1)}};window.addEventListener("mousemove",d),window.addEventListener("mouseup",_)}}),(0,r.jsx)(tj,{settings:nz,onSettingsChange:e=>nP(t=>({...t,...e})),isDarkMode:nT,onToggleTheme:()=>{var e;null==(e=ec.current)||e.classList.add(td.disableTransitions),nO(e=>!e),R(()=>{var e;null==(e=ec.current)||e.classList.remove(td.disableTransitions)})},isDevMode:!1,connectionStatus:nU,endpoint:A,isVisible:tT,toolbarNearBottom:!!nq&&nq.y<230,settingsPage:tA,onSettingsPageChange:tF,onHideToolbar:om})]})}),(tX||tQ)&&(0,r.jsx)("div",{className:"".concat(q.blankCanvas," ").concat(t1?q.visible:""," ").concat(t9?q.gridActive:""),style:{"--canvas-opacity":t2},"data-feedback-toolbar":!0}),tX&&t$&&t1&&(0,r.jsxs)("div",{className:q.wireframeNotice,"data-feedback-toolbar":!0,children:[(0,r.jsxs)("div",{className:q.wireframeOpacityRow,children:[(0,r.jsx)("span",{className:q.wireframeOpacityLabel,children:"Toggle Opacity"}),(0,r.jsx)("input",{type:"range",className:q.wireframeOpacitySlider,min:0,max:1,step:.01,value:t2,onChange:e=>t6(Number(e.target.value))})]}),(0,r.jsxs)("div",{className:q.wireframeNoticeTitleRow,children:[(0,r.jsx)("span",{className:q.wireframeNoticeTitle,children:"Wireframe Mode"}),(0,r.jsx)("span",{className:q.wireframeNoticeDivider}),(0,r.jsx)("button",{className:q.wireframeStartOver,onClick:()=>{n_(e=>e+1),nn({sections:[],originalOrder:[],detectedAt:Date.now()}),nr.current={rearrange:null,placements:[]},t7(""),eZ(o_)},children:"Start Over"})]}),"Drag components onto the canvas.",(0,r.jsx)("br",{}),"Copied output will only include the wireframed layout."]}),(tX||tQ)&&(0,r.jsx)(K,{placements:tV,onChange:tJ,activeComponent:tQ?null:tK,onActiveComponentChange:tG,isDarkMode:nT,exiting:tQ,onInteractionChange:ne,passthrough:!tK,extraSnapRects:null==nt?void 0:nt.sections.map(e=>e.currentRect),deselectSignal:ns,clearSignal:nd,wireframe:t$,onSelectionChange:(e,t)=>

2{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 l=document.querySelector('[data-rearrange-section="'.concat(o.id,'"]'));l&&(l.style.transform="translate(".concat(e,"px, ").concat(t,"px)"))}}},onDragEnd:(e,t,n)=>{let o=ng.current,l=np.current;if(np.current=null,o.size&&nt&&l){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=l.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)}}}),(tX||tQ)&&nt&&(0,r.jsx)(eR,{rearrangeState:nt,onChange:nn,isDarkMode:nT,exiting:tQ,blankCanvas:t$,extraSnapRects:tV.map(e=>({x:e.x,y:e.y,width:e.width,height:e.height})),clearSignal:nu,deselectSignal:ni,onSelectionChange:(e,t)=>

2{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,tV))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,l=np.current;if(np.current=null,o.size&&l){for(let e of o){let t=document.querySelector('[data-design-placement="'.concat(e,'"]'));t&&(t.style.transform="")}n&&tJ(n=>n.map(n=>{let o=l.get(n.id);return o?{...n,x:Math.max(0,o.x+e),y:Math.max(0,o.y+t)}:n}))}}}),(0,r.jsx)("canvas",{ref:nL,className:"".concat(td.drawCanvas," ").concat(nv?td.active:""),style:{opacity:+!!ou,transition:"opacity 0.15s ease"},"data-feedback-toolbar":!0}),(0,r.jsxs)("div",{className:td.markersLayer,"data-feedback-toolbar":!0,children:[ed&&oz.filter(e=>!e.isFixed).map((e,t,n)=>(0,r.jsx)(tm,{annotation:e,globalIndex:oz.findIndex(t=>t.id===e.id),layerIndex:t,layerSize:n.length,isExiting:eu,isClearing:eO,isAnimated:n0.has(e.id),isHovered:!eu&&e$===e.id,isDeleting:to===e.id,isEditingAny:!!ta,renumberFrom:tr,markerClickBehavior:nz.markerClickBehavior,tooltipStyle:oO(e),onHoverEnter:e=>!eu&&e.id!==os.current&&oL(e),onHoverLeave:()=>oL(null),onClick:e=>"delete"===nz.markerClickBehavior?oM(e.id):ok(e),onContextMenu:ok},e.id)),ed&&!eu&&oT.filter(e=>!e.isFixed).map(e=>(0,r.jsx)(tp,{annotation:e},e.id))]}),(0,r.jsxs)("div",{className:td.fixedMarkersLayer,"data-feedback-toolbar":!0,children:[ed&&oz.filter(e=>e.isFixed).map((e,t,n)=>(0,r.jsx)(tm,{annotation:e,globalIndex:oz.findIndex(t=>t.id===e.id),layerIndex:t,layerSize:n.length,isExiting:eu,isClearing:eO,isAnimated:n0.has(e.id),isHovered:!eu&&e$===e.id,isDeleting:to===e.id,isEditingAny:!!ta,renumberFrom:tr,markerClickBehavior:nz.markerClickBehavior,tooltipStyle:oO(e),onHoverEnter:e=>!eu&&e.id!==os.current&&oL(e),onHoverLeave:()=>oL(null),onClick:e=>"delete"===nz.markerClickBehavior?oM(e.id):ok(e),onContextMenu:ok},e.id)),ed&&!eu&&oT.filter(e=>e.isFixed).map(e=>(0,r.jsx)(tp,{annotation:e,fixed:!0},e.id))]}),U&&(0,r.jsxs)("div",{className:td.overlay,"data-feedback-toolbar":!0,style:eB||ta?{zIndex:99999}:void 0,children:[(null==eb?void 0:eb.rect)&&!eB&&!tb&&!n7&&(0,r.jsx)("div",{className:"".concat(td.hoverHighlight," ").concat(td.enter),style:{left:eb.rect.left,top:eb.rect.top,width:eb.rect.width,height:eb.rect.height,borderColor:"color-mix(in srgb, var(--agentation-color-accent) 50%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 4%, transparent)"}}),nR.filter(e=>document.contains(e.element)).map((e,t)=>{let n=e.element.getBoundingClientRect(),o=nR.length>1;return(0,r.jsx)("div",{className:o?td.multiSelectOutline:td.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)}),e$&&!eB&&(()=>{var e;let t=V.find(e=>e.id===e$);if(!(null==t?void 0:t.boundingBox))return null;if(null==(e=t.elementBoundingBoxes)?void 0:e.length)return tt.length>0?tt.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,r.jsx)("div",{className:"".concat(td.multiSelectOutline," ").concat(td.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,r.jsx)("div",{className:"".concat(td.multiSelectOutline," ").concat(td.enter),style:{left:e.x,top:e.y-tx,width:e.width,height:e.height}},"hover-outline-".concat(t)));let n=e9&&document.contains(e9)?e9.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-tx,width:t.boundingBox.width,height:t.boundingBox.height},l=t.isMultiSelect;return(0,r.jsx)("div",{className:"".concat(l?td.multiSelectOutline:td.singleSelectOutline," ").concat(td.enter),style:{left:o.x,top:o.y,width:o.width,height:o.height,...l?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}})})(),eb&&!eB&&!tb&&!n7&&(0,r.jsxs)("div",{className:"".concat(td.hoverTooltip," ").concat(td.enter),style:{left:Math.max(8,Math.min(eL.x,window.innerWidth-100)),top:Math.max(eL.y-(eb.reactComponents?48:32),8)},children:[eb.reactComponents&&(0,r.jsx)("div",{className:td.hoverReactPath,children:eb.reactComponents}),(0,r.jsx)("div",{className:td.hoverElementName,children:eb.elementName})]}),eB&&(0,r.jsxs)(r.Fragment,{children:[(null==(a=eB.multiSelectElements)?void 0:a.length)?eB.multiSelectElements.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,r.jsx)("div",{className:"".concat(td.multiSelectOutline," ").concat(n6?td.exit:td.enter),style:{left:n.left,top:n.top,width:n.width,height:n.height}},"pending-multi-".concat(t))}):eB.targetElement&&document.contains(eB.targetElement)?(()=>{let e=eB.targetElement.getBoundingClientRect();return(0,r.jsx)("div",{className:"".concat(td.singleSelectOutline," ").concat(n6?td.exit:td.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)"}})}

2)():eB.boundingBox&&(0,r.jsx)("div",{className:"".concat(eB.isMultiSelect?td.multiSelectOutline:td.singleSelectOutline," ").concat(n6?td.exit:td.enter),style:{left:eB.boundingBox.x,top:eB.boundingBox.y-tx,width:eB.boundingBox.width,height:eB.boundingBox.height,...eB.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=eB.x,t=eB.isFixed?eB.y:eB.y-tx;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(tg,{x:e,y:t,isMultiSelect:eB.isMultiSelect,isExiting:n6}),(0,r.jsx)(W,{ref:oi,element:eB.element,selectedText:eB.selectedText,computedStyles:eB.computedStylesObj,placeholder:"Area selection"===eB.element?"What should change in this area?":eB.isMultiSelect?"Feedback for this group of elements...":"What should change?",onSubmit:oC,onCancel:oS,isExiting:n6,lightMode:!nT,accentColor:eB.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}}})]})})()]}),ta&&(0,r.jsxs)(r.Fragment,{children:[(null==(i=ta.elementBoundingBoxes)?void 0:i.length)?th.length>0?th.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,r.jsx)("div",{className:"".concat(td.multiSelectOutline," ").concat(td.enter),style:{left:n.left,top:n.top,width:n.width,height:n.height}},"edit-multi-live-".concat(t))}):ta.elementBoundingBoxes.map((e,t)=>(0,r.jsx)("div",{className:"".concat(td.multiSelectOutline," ").concat(td.enter),style:{left:e.x,top:e.y-tx,width:e.width,height:e.height}},"edit-multi-".concat(t))):(()=>{let e=tc&&document.contains(tc)?tc.getBoundingClientRect():null,t=e?{x:e.left,y:e.top,width:e.width,height:e.height}:ta.boundingBox?{x:ta.boundingBox.x,y:ta.isFixed?ta.boundingBox.y:ta.boundingBox.y-tx,width:ta.boundingBox.width,height:ta.boundingBox.height}:null;return t?(0,r.jsx)("div",{className:"".concat(ta.isMultiSelect?td.multiSelectOutline:td.singleSelectOutline," ").concat(td.enter),style:{left:t.x,top:t.y,width:t.width,height:t.height,...ta.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,r.jsx)(W,{ref:oc,element:ta.element,selectedText:ta.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(),l=n.slice(e+1).trim();o&&l&&(t[o]=l)}}return Object.keys(t).length>0?t:void 0}(ta.computedStyles),placeholder:"Edit your feedback...",initialValue:ta.comment,submitLabel:"Save",onSubmit:oI,onCancel:oB,onDelete:()=>oM(ta.id),isExiting:n3,lightMode:!nT,accentColor:ta.isMultiSelect?"var(--agentation-color-green)":"var(--agentation-color-accent)",style:(()=>{let e=ta.isFixed?ta.y:ta.y-tx;return{left:Math.max(160,Math.min(window.innerWidth-160,ta.x/100*window.innerWidth)),...e>window.innerHeight-290?{bottom:window.innerHeight-e+20}:{top:e+20}}})()})]}),n7&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{ref:on,className:td.dragSelection}),(0,r.jsx)("div",{ref:oo,className:td.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=[...tI.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(tI.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(tI.map(e=>"--agentation-color-".concat(e.id,": ").concat(e.p3,";")).join("\n"),"\n      }\n    }")].join(""),document.head.appendChild(e)})()}}]);
3//# chunkId=1a383005-20b5-56ae-b3c7-304afe6a05b6

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.