npm - diffhub - Versions diffs - 0.1.1 → 0.1.2 - Mend

diffhub 0.1.1 → 0.1.2

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

Files changed (154) hide show

package/.next/standalone/apps/web/.next/static/chunks/{0syypqto3~pe_.js → 0y0o261rjun_2.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,78042,e=>{"use strict";var t=e.i(14499),n=e.i(72280),o=e.i(81099);if("u">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}\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 r="styles-module__element___fTV2z",s="styles-module__expanded___2Hxgv";if("u">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 l="icon-transitions-module__iconState___uqK9J",i="icon-transitions-module__iconStateFast___HxlMm",a="icon-transitions-module__iconFade___nPwXg",d="icon-transitions-module__iconFadeFast___Ofb2t",_="icon-transitions-module__visible___PlHsU",c="icon-transitions-module__visibleScaled___8Qog-",u="icon-transitions-module__hidden___ETykt",h="icon-transitions-module__hiddenScaled___JXn-m",m=({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",children:(0,o.jsx)("path",{d:"M8 3v10M3 8h10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),g=({size:e=24,style:t={}})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:t,children:[(0,o.jsxs)("g",{clipPath:"url(#clip0_list_sparkle)",children:[(0,o.jsx)("path",{d:"M11.5 12L5.5 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M18.5 6.75L5.5 6.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M9.25 17.25L5.5 17.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.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,o.jsx)("defs",{children:(0,o.jsx)("clipPath",{id:"clip0_list_sparkle",children:(0,o.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),p=({size:e=20,...t})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:[(0,o.jsx)("circle",{cx:"10",cy:"10",r:"5.375",stroke:"currentColor",strokeWidth:"1.25"}),(0,o.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,o.jsx)("circle",{cx:"10",cy:"12.625",r:"0.625",fill:"currentColor"})]}),y=({size:e=24,copied:t=!1,tint:n})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:n?{color:n,transition:"color 0.3s ease"}:void 0,children:[(0,o.jsxs)("g",{className:`${l} ${t?h:c}`,children:[(0,o.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,o.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,o.jsxs)("g",{className:`${l} ${t?c:h}`,children:[(0,o.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,o.jsx)("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})]}),x=({size:e=24,state:t="idle"})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("g",{className:`${i} ${"idle"===t?c:"sending"===t?"icon-transitions-module__sending___uaLN-":h}`,children:(0,o.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,o.jsxs)("g",{className:`${i} ${"sent"===t?c:h}`,children:[(0,o.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,o.jsx)("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,o.jsxs)("g",{className:`${i} ${"failed"===t?c:h}`,children:[(0,o.jsx)("path",{d:"M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z",stroke:"var(--agentation-color-red)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M12 8V12",stroke:"var(--agentation-color-red)",strokeWidth:"1.5",strokeLinecap:"round"}),(0,o.jsx)("circle",{cx:"12",cy:"15",r:"0.5",fill:"var(--agentation-color-red)",stroke:"var(--agentation-color-red)",strokeWidth:"1"})]})]}),f=({size:e=24,isOpen:t=!0})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsxs)("g",{className:`${a} ${t?_:u}`,children:[(0,o.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,o.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,o.jsxs)("g",{className:`${a} ${t?u:_}`,children:[(0,o.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,o.jsx)("path",{d:"M5 19L19 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})]}),b=({size:e=24,isPaused:t=!1})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsxs)("g",{className:`${d} ${t?u:_}`,children:[(0,o.jsx)("path",{d:"M8 6L8 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,o.jsx)("path",{d:"M16 18L16 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),(0,o.jsx)("path",{className:`${d} ${t?_:u}`,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"})]}),w=({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.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,o.jsx)("circle",{cx:"12",cy:"12",r:"2.5",stroke:"currentColor",strokeWidth:"1.5"})]}),v=({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:(0,o.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.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"})}),k=({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsxs)("g",{clipPath:"url(#clip0_2_53)",children:[(0,o.jsx)("path",{d:"M16.25 16.25L7.75 7.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M7.75 16.25L16.25 7.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,o.jsx)("defs",{children:(0,o.jsx)("clipPath",{id:"clip0_2_53",children:(0,o.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),j=({size:e=24})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:(0,o.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"})}),C=({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",children:[(0,o.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,o.jsx)("path",{d:"M10 3.9585V5.05698",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M10 14.9429V16.0414",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M5.7269 5.72656L6.50682 6.50649",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M13.4932 13.4932L14.2731 14.2731",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M3.95834 10H5.05683",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M14.9432 10H16.0417",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M5.7269 14.2731L6.50682 13.4932",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M13.4932 6.50649L14.2731 5.72656",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]}),M=({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",children:(0,o.jsx)("path",{d:"M15.5 10.4955C15.4037 11.5379 15.0124 12.5314 14.3721 13.3596C13.7317 14.1878 12.8688 14.8165 11.8841 15.1722C10.8995 15.5278 9.83397 15.5957 8.81217 15.3679C7.79038 15.1401 6.8546 14.6259 6.11434 13.8857C5.37408 13.1454 4.85995 12.2096 4.63211 11.1878C4.40427 10.166 4.47215 9.10048 4.82781 8.11585C5.18346 7.13123 5.81218 6.26825 6.64039 5.62791C7.4686 4.98756 8.46206 4.59634 9.5045 4.5C8.89418 5.32569 8.60049 6.34302 8.67685 7.36695C8.75321 8.39087 9.19454 9.35339 9.92058 10.0794C10.6466 10.8055 11.6091 11.2468 12.6331 11.3231C13.657 11.3995 14.6743 11.1058 15.5 10.4955Z",stroke:"currentColor",strokeWidth:"1.13793",strokeLinecap:"round",strokeLinejoin:"round"})}),S=({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.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"})}),$=({size:e=24})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.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"})}),L=({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M8.5 3.5L4 8L8.5 12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),I=({size:e=24})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),(0,o.jsx)("line",{x1:"3",y1:"9",x2:"21",y2:"9",stroke:"currentColor",strokeWidth:"1.5"}),(0,o.jsx)("line",{x1:"9",y1:"9",x2:"9",y2:"21",stroke:"currentColor",strokeWidth:"1.5"})]}),B=["data-feedback-toolbar","data-annotation-popup","data-annotation-marker"],N=B.flatMap(e=>[`:not([${e}])`,`:not([${e}] *)`]).join(""),E="feedback-freeze-styles",R="__agentation_freeze",W=function(){if("u"<typeof window)return{frozen:!1,installed:!0,origSetTimeout:setTimeout,origSetInterval:setInterval,origRAF:e=>0,pausedAnimations:[],frozenTimeoutQueue:[],frozenRAFQueue:[]};let e=window;return e[R]||(e[R]={frozen:!1,installed:!1,origSetTimeout:null,origSetInterval:null,origRAF:null,pausedAnimations:[],frozenTimeoutQueue:[],frozenRAFQueue:[]}),e[R]}();"u">typeof window&&!W.installed&&(W.origSetTimeout=window.setTimeout.bind(window),W.origSetInterval=window.setInterval.bind(window),W.origRAF=window.requestAnimationFrame.bind(window),window.setTimeout=(e,t,...n)=>"string"==typeof e?W.origSetTimeout(e,t):W.origSetTimeout((...t)=>{W.frozen?W.frozenTimeoutQueue.push(()=>e(...t)):e(...t)},t,...n),window.setInterval=(e,t,...n)=>"string"==typeof e?W.origSetInterval(e,t):W.origSetInterval((...t)=>{W.frozen||e(...t)},t,...n),window.requestAnimationFrame=e=>W.origRAF(t=>{W.frozen?W.frozenRAFQueue.push(e):e(t)}),W.installed=!0);var D=W.origSetTimeout,z=W.origSetInterval,P=W.origRAF;function T(){if("u"<typeof document||!W.frozen)return;W.frozen=!1;let e=W.frozenTimeoutQueue;for(let t of(W.frozenTimeoutQueue=[],e))W.origSetTimeout(()=>{if(W.frozen)return void W.frozenTimeoutQueue.push(t);try{t()}catch(e){console.warn("[agentation] Error replaying queued timeout:",e)}},0);let t=W.frozenRAFQueue;for(let e of(W.frozenRAFQueue=[],t))W.origRAF(t=>{W.frozen?W.frozenRAFQueue.push(e):e(t)});for(let e of W.pausedAnimations)try{e.play()}catch(e){console.warn("[agentation] Error resuming animation:",e)}W.pausedAnimations=[],document.getElementById(E)?.remove(),document.querySelectorAll("video").forEach(e=>{"false"===e.dataset.wasPaused&&(e.play().catch(()=>{}),delete e.dataset.wasPaused)})}function O(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 A=(0,t.forwardRef)(function({element:e,timestamp:n,selectedText:l,placeholder:i="What should change?",initialValue:a="",submitLabel:d="Add",onSubmit:_,onCancel:c,onDelete:u,style:h,accentColor:m="#3c82f7",isExiting:g=!1,lightMode:p=!1,computedStyles:y},x){let[f,b]=(0,t.useState)(a),[w,v]=(0,t.useState)(!1),[k,j]=(0,t.useState)("initial"),[C,M]=(0,t.useState)(!1),[S,L]=(0,t.useState)(!1),I=(0,t.useRef)(null),B=(0,t.useRef)(null),N=(0,t.useRef)(null),E=(0,t.useRef)(null);(0,t.useEffect)(()=>{g&&"exit"!==k&&j("exit")},[g,k]),(0,t.useEffect)(()=>{D(()=>{j("enter")},0);let e=D(()=>{j("entered")},200),t=D(()=>{let e=I.current;e&&(O(e),e.selectionStart=e.selectionEnd=e.value.length,e.scrollTop=e.scrollHeight)},50);return()=>{clearTimeout(e),clearTimeout(t),N.current&&clearTimeout(N.current),E.current&&clearTimeout(E.current)}},[]);let R=(0,t.useCallback)(()=>{E.current&&clearTimeout(E.current),v(!0),E.current=D(()=>{v(!1),O(I.current)},250)},[]);(0,t.useImperativeHandle)(x,()=>({shake:R}),[R]);let W=(0,t.useCallback)(()=>{j("exit"),N.current=D(()=>{c()},150)},[c]),z=(0,t.useCallback)(()=>{f.trim()&&_(f.trim())},[f,_]),P=(0,t.useCallback)(e=>{e.stopPropagation(),e.nativeEvent.isComposing||("Enter"!==e.key||e.shiftKey||(e.preventDefault(),z()),"Escape"===e.key&&W())},[z,W]),T=["styles-module__popup___IhzrD",p?"styles-module__light___6AaSQ":"","enter"===k?"styles-module__enter___L7U7N":"","entered"===k?"styles-module__entered___COX-w":"","exit"===k?"styles-module__exit___5eGjE":"",w?"styles-module__shake___jdbWe":""].filter(Boolean).join(" ");return(0,o.jsxs)("div",{ref:B,className:T,"data-annotation-popup":!0,style:h,onClick:e=>e.stopPropagation(),children:[(0,o.jsxs)("div",{className:"styles-module__header___wWsSi",children:[y&&Object.keys(y).length>0?(0,o.jsxs)("button",{className:"styles-module__headerToggle___WpW0b",onClick:()=>{L(!S),S&&D(()=>O(I.current),0)},type:"button",children:[(0,o.jsx)("svg",{className:`styles-module__chevron___ZZJlR ${S?s:""}`,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M5.5 10.25L9 7.25L5.75 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,o.jsx)("span",{className:r,children:e})]}):(0,o.jsx)("span",{className:r,children:e}),n&&(0,o.jsx)("span",{className:"styles-module__timestamp___Dtpsv",children:n})]}),y&&Object.keys(y).length>0&&(0,o.jsx)("div",{className:`styles-module__stylesWrapper___pnHgy ${S?s:""}`,children:(0,o.jsx)("div",{className:"styles-module__stylesInner___YYZe2",children:(0,o.jsx)("div",{className:"styles-module__stylesBlock___VfQKn",children:Object.entries(y).map(([e,t])=>(0,o.jsxs)("div",{className:"styles-module__styleLine___1YQiD",children:[(0,o.jsx)("span",{className:"styles-module__styleProperty___84L1i",children:e.replace(/([A-Z])/g,"-$1").toLowerCase()}),": ",(0,o.jsx)("span",{className:"styles-module__styleValue___q51-h",children:t}),";"]},e))})})}),l&&(0,o.jsxs)("div",{className:"styles-module__quote___mcMmQ",children:["“",l.slice(0,80),l.length>80?"...":"","”"]}),(0,o.jsx)("textarea",{ref:I,className:"styles-module__textarea___jrSae",style:{borderColor:C?m:void 0},placeholder:i,value:f,onChange:e=>b(e.target.value),onFocus:()=>M(!0),onBlur:()=>M(!1),rows:2,onKeyDown:P}),(0,o.jsxs)("div",{className:"styles-module__actions___D6x3f",children:[u&&(0,o.jsx)("div",{className:"styles-module__deleteWrapper___oSjdo",children:(0,o.jsx)("button",{className:"styles-module__deleteButton___4VuAE",onClick:u,type:"button",children:(0,o.jsx)($,{size:22})})}),(0,o.jsx)("button",{className:"styles-module__cancel___hRjnL",onClick:W,children:"Cancel"}),(0,o.jsx)("button",{className:"styles-module__submit___K-mIR",style:{backgroundColor:m,opacity:f.trim()?1:.4},onClick:z,disabled:!f.trim(),children:d})]})]})}),F=({content:e,children:r,...s})=>{let[l,i]=(0,t.useState)(!1),[a,d]=(0,t.useState)(!1),[_,c]=(0,t.useState)({top:0,right:0}),u=(0,t.useRef)(null),h=(0,t.useRef)(null),m=(0,t.useRef)(null);return(0,t.useEffect)(()=>()=>{h.current&&clearTimeout(h.current),m.current&&clearTimeout(m.current)},[]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{ref:u,onMouseEnter:()=>{if(d(!0),m.current&&(clearTimeout(m.current),m.current=null),u.current){let e=u.current.getBoundingClientRect();c({top:e.top+e.height/2,right:window.innerWidth-e.left+8})}h.current=D(()=>{i(!0)},500)},onMouseLeave:()=>{h.current&&(clearTimeout(h.current),h.current=null),i(!1),m.current=D(()=>{d(!1)},150)},...s,children:r}),a&&(0,n.createPortal)((0,o.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:+!!l,transition:"opacity 0.15s ease"},children:e}),document.body)]})};if("u">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;\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 H=({content:e})=>(0,o.jsx)(F,{className:"styles-module__tooltip___mcXL2",content:e,children:(0,o.jsx)(p,{className:"styles-module__tooltipIcon___Nq2nD"})}),Y={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}},X=[{section:"Layout",items:[{type:"navigation",label:"Navigation",...Y.navigation},{type:"header",label:"Header",...Y.header},{type:"hero",label:"Hero",...Y.hero},{type:"section",label:"Section",...Y.section},{type:"sidebar",label:"Sidebar",...Y.sidebar},{type:"footer",label:"Footer",...Y.footer},{type:"modal",label:"Modal",...Y.modal},{type:"banner",label:"Banner",...Y.banner},{type:"drawer",label:"Drawer",...Y.drawer},{type:"popover",label:"Popover",...Y.popover},{type:"divider",label:"Divider",...Y.divider}]},{section:"Content",items:[{type:"card",label:"Card",...Y.card},{type:"text",label:"Text",...Y.text},{type:"image",label:"Image",...Y.image},{type:"video",label:"Video",...Y.video},{type:"table",label:"Table",...Y.table},{type:"grid",label:"Grid",...Y.grid},{type:"list",label:"List",...Y.list},{type:"chart",label:"Chart",...Y.chart},{type:"codeBlock",label:"Code Block",...Y.codeBlock},{type:"map",label:"Map",...Y.map},{type:"timeline",label:"Timeline",...Y.timeline},{type:"calendar",label:"Calendar",...Y.calendar},{type:"accordion",label:"Accordion",...Y.accordion},{type:"carousel",label:"Carousel",...Y.carousel},{type:"logo",label:"Logo",...Y.logo},{type:"faq",label:"FAQ",...Y.faq},{type:"gallery",label:"Gallery",...Y.gallery}]},{section:"Controls",items:[{type:"button",label:"Button",...Y.button},{type:"input",label:"Input",...Y.input},{type:"search",label:"Search",...Y.search},{type:"form",label:"Form",...Y.form},{type:"tabs",label:"Tabs",...Y.tabs},{type:"dropdown",label:"Dropdown",...Y.dropdown},{type:"toggle",label:"Toggle",...Y.toggle},{type:"stepper",label:"Stepper",...Y.stepper},{type:"rating",label:"Rating",...Y.rating},{type:"fileUpload",label:"File Upload",...Y.fileUpload},{type:"checkbox",label:"Checkbox",...Y.checkbox},{type:"radio",label:"Radio",...Y.radio},{type:"slider",label:"Slider",...Y.slider},{type:"datePicker",label:"Date Picker",...Y.datePicker}]},{section:"Elements",items:[{type:"avatar",label:"Avatar",...Y.avatar},{type:"badge",label:"Badge",...Y.badge},{type:"tag",label:"Tag",...Y.tag},{type:"breadcrumb",label:"Breadcrumb",...Y.breadcrumb},{type:"pagination",label:"Pagination",...Y.pagination},{type:"progress",label:"Progress",...Y.progress},{type:"alert",label:"Alert",...Y.alert},{type:"toast",label:"Toast",...Y.toast},{type:"notification",label:"Notification",...Y.notification},{type:"tooltip",label:"Tooltip",...Y.tooltip},{type:"stat",label:"Stat",...Y.stat},{type:"skeleton",label:"Skeleton",...Y.skeleton},{type:"chip",label:"Chip",...Y.chip},{type:"icon",label:"Icon",...Y.icon},{type:"spinner",label:"Spinner",...Y.spinner}]},{section:"Blocks",items:[{type:"pricing",label:"Pricing",...Y.pricing},{type:"testimonial",label:"Testimonial",...Y.testimonial},{type:"cta",label:"CTA",...Y.cta},{type:"productCard",label:"Product Card",...Y.productCard},{type:"profile",label:"Profile",...Y.profile},{type:"feature",label:"Feature",...Y.feature},{type:"team",label:"Team",...Y.team},{type:"login",label:"Login",...Y.login},{type:"contact",label:"Contact",...Y.contact}]}],U={};for(let e of X)for(let t of e.items)U[t.type]=t;function Q({w:e,h:t=3,strong:n}){return(0,o.jsx)("div",{style:{width:"number"==typeof e?`${e}px`:e,height:t,borderRadius:2,background:n?"var(--agd-bar-strong)":"var(--agd-bar)",flexShrink:0}})}function q({w:e,h:t,radius:n=3,style:r}){return(0,o.jsx)("div",{style:{width:"number"==typeof e?`${e}px`:e,height:"number"==typeof t?`${t}px`:t,borderRadius:n,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",flexShrink:0,...r}})}function V({size:e}){return(0,o.jsx)("div",{style:{width:e,height:e,borderRadius:"50%",border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",flexShrink:0}})}var Z={navigation:function({width:e,height:t}){let n=Math.max(8,.2*t);return(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",height:"100%",padding:`0 ${n}px`,gap:.02*e},children:[(0,o.jsx)(q,{w:Math.max(20,.5*t),h:Math.max(12,.4*t),radius:2}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",gap:.03*e,marginLeft:.04*e},children:[(0,o.jsx)(Q,{w:.06*e}),(0,o.jsx)(Q,{w:.07*e}),(0,o.jsx)(Q,{w:.05*e}),(0,o.jsx)(Q,{w:.06*e})]}),(0,o.jsx)(q,{w:.1*e,h:Math.min(28,.5*t),radius:4})]})},hero:function({width:e,height:t,text:n}){return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:.05*t},children:[n?(0,o.jsx)("span",{style:{fontSize:Math.min(20,.08*t),fontWeight:600,color:"var(--agd-text-3)",textAlign:"center",maxWidth:"80%"},children:n}):(0,o.jsx)(Q,{w:.5*e,h:Math.max(6,.04*t),strong:!0}),(0,o.jsx)(Q,{w:.6*e}),(0,o.jsx)(Q,{w:.4*e}),(0,o.jsx)(q,{w:Math.min(140,.2*e),h:Math.min(36,.12*t),radius:6,style:{marginTop:.06*t}})]})},sidebar:function({width:e,height:t}){let n=Math.max(3,Math.floor(t/36));return(0,o.jsxs)("div",{style:{padding:.08*e,display:"flex",flexDirection:"column",gap:.03*t},children:[(0,o.jsx)(Q,{w:.6*e,h:4,strong:!0}),Array.from({length:n},(t,n)=>(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,o.jsx)(q,{w:10,h:10,radius:2}),(0,o.jsx)(Q,{w:e*(.4+17*n%30/100)})]},n))]})},footer:function({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(e/160)));return(0,o.jsx)("div",{style:{display:"flex",padding:`${.12*t}px ${.03*e}px`,gap:.05*e},children:Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4},children:[(0,o.jsx)(Q,{w:"60%",h:3,strong:!0}),(0,o.jsx)(Q,{w:"80%",h:2}),(0,o.jsx)(Q,{w:"70%",h:2}),(0,o.jsx)(Q,{w:"60%",h:2})]},t))})},modal:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsxs)("div",{style:{padding:"10px 12px",borderBottom:"1px solid var(--agd-stroke)",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,o.jsx)(Q,{w:.3*e,h:4,strong:!0}),(0,o.jsx)("div",{style:{width:14,height:14,border:"1px solid var(--agd-stroke)",borderRadius:3}})]}),(0,o.jsxs)("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:6},children:[(0,o.jsx)(Q,{w:"90%"}),(0,o.jsx)(Q,{w:"70%"}),(0,o.jsx)(Q,{w:"80%"})]}),(0,o.jsxs)("div",{style:{padding:"10px 12px",borderTop:"1px solid var(--agd-stroke)",display:"flex",justifyContent:"flex-end",gap:8},children:[(0,o.jsx)(q,{w:70,h:26,radius:4}),(0,o.jsx)(q,{w:70,h:26,radius:4,style:{background:"var(--agd-bar)"}})]})]})},card:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsx)("div",{style:{height:"40%",background:"var(--agd-fill)",borderBottom:"1px dashed var(--agd-stroke)"}}),(0,o.jsxs)("div",{style:{flex:1,padding:10,display:"flex",flexDirection:"column",gap:5},children:[(0,o.jsx)(Q,{w:"70%",h:4,strong:!0}),(0,o.jsx)(Q,{w:"95%",h:2}),(0,o.jsx)(Q,{w:"85%",h:2}),(0,o.jsx)(Q,{w:"50%",h:2})]})]})},text:function({width:e,height:t,text:n}){if(n)return(0,o.jsx)("div",{style:{padding:4,fontSize:Math.min(14,.3*t),lineHeight:1.5,color:"var(--agd-text-3)",wordBreak:"break-word",overflow:"hidden"},children:n});let r=Math.max(2,Math.floor(t/18));return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:6,padding:4},children:[(0,o.jsx)(Q,{w:.6*e,h:5,strong:!0}),Array.from({length:r},(e,t)=>(0,o.jsx)(Q,{w:`${70+13*t%25}%`,h:2},t))]})},image:function({width:e,height:t}){return(0,o.jsx)("div",{style:{height:"100%",position:"relative"},children:(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,preserveAspectRatio:"none",fill:"none",children:[(0,o.jsx)("line",{x1:"0",y1:"0",x2:e,y2:t,stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,o.jsx)("line",{x1:e,y1:"0",x2:"0",y2:t,stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,o.jsx)("circle",{cx:.3*e,cy:.3*t,r:.08*Math.min(e,t),fill:"var(--agd-fill)",stroke:"var(--agd-stroke)",strokeWidth:"0.8"})]})})},table:function({width:e,height:t}){let n=Math.max(2,Math.min(5,Math.floor(e/100))),r=Math.max(2,Math.min(6,Math.floor(t/32)));return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsx)("div",{style:{display:"flex",borderBottom:"1px solid var(--agd-stroke)",padding:"6px 0"},children:Array.from({length:n},(e,t)=>(0,o.jsx)("div",{style:{flex:1,padding:"0 8px"},children:(0,o.jsx)(Q,{w:"70%",h:3,strong:!0})},t))}),Array.from({length:r},(e,t)=>(0,o.jsx)("div",{style:{display:"flex",borderBottom:"1px solid rgba(255,255,255,0.03)",padding:"6px 0"},children:Array.from({length:n},(e,n)=>(0,o.jsx)("div",{style:{flex:1,padding:"0 8px"},children:(0,o.jsx)(Q,{w:`${50+(7*t+13*n)%40}%`,h:2})},n))},t))]})},list:function({width:e,height:t}){let n=Math.max(2,Math.floor(t/28));return(0,o.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:4,padding:4},children:Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"4px 0"},children:[(0,o.jsx)(V,{size:8}),(0,o.jsx)(Q,{w:`${55+17*t%35}%`,h:2})]},t))})},button:function({width:e,height:t,text:n}){return(0,o.jsx)("div",{style:{height:"100%",borderRadius:Math.min(8,t/3),border:"1px solid var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center"},children:n?(0,o.jsx)("span",{style:{fontSize:Math.min(13,.4*t),fontWeight:500,color:"var(--agd-text-3)",letterSpacing:"-0.01em"},children:n}):(0,o.jsx)(Q,{w:Math.max(20,.5*e),h:3,strong:!0})})},input:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:4,height:"100%",justifyContent:"center"},children:[(0,o.jsx)(Q,{w:Math.min(80,.3*e),h:2}),(0,o.jsx)("div",{style:{height:Math.min(36,.6*t),borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",paddingLeft:8},children:(0,o.jsx)(Q,{w:"40%",h:2})})]})},form:function({width:e,height:t}){let n=Math.max(2,Math.min(5,Math.floor(t/56)));return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:.04*t,padding:8},children:[Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[(0,o.jsx)(Q,{w:60+17*t%30,h:2}),(0,o.jsx)(q,{w:"100%",h:28,radius:4})]},t)),(0,o.jsx)(q,{w:Math.min(120,.35*e),h:30,radius:6,style:{marginTop:8,alignSelf:"flex-end",background:"var(--agd-bar)"}})]})},tabs:function({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(e/120)));return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsx)("div",{style:{display:"flex",gap:2,borderBottom:"1px solid var(--agd-stroke)"},children:Array.from({length:n},(e,t)=>(0,o.jsx)("div",{style:{padding:"8px 12px",borderBottom:0===t?"2px solid var(--agd-bar-strong)":"none"},children:(0,o.jsx)(Q,{w:60,h:3,strong:0===t})},t))}),(0,o.jsxs)("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:6},children:[(0,o.jsx)(Q,{w:"80%",h:2}),(0,o.jsx)(Q,{w:"65%",h:2}),(0,o.jsx)(Q,{w:"75%",h:2})]})]})},avatar:function({width:e,height:t}){let n=Math.min(e,t)/2;return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:[(0,o.jsx)("circle",{cx:e/2,cy:t/2,r:n-1,stroke:"var(--agd-stroke)",fill:"var(--agd-fill)",strokeWidth:"1.5",strokeDasharray:"3 2"}),(0,o.jsx)("circle",{cx:e/2,cy:.38*t,r:.28*n,stroke:"var(--agd-stroke)",fill:"var(--agd-fill)",strokeWidth:"0.8"}),(0,o.jsx)("path",{d:`M${e/2-.55*n} ${.78*t} C${e/2-.55*n} ${.55*t} ${e/2+.55*n} ${.55*t} ${e/2+.55*n} ${.78*t}`,stroke:"var(--agd-stroke)",fill:"var(--agd-fill)",strokeWidth:"0.8"})]})},badge:function({width:e,height:t}){return(0,o.jsx)("div",{style:{height:"100%",borderRadius:t/2,border:"1px solid var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)(Q,{w:Math.max(16,.5*e),h:2,strong:!0})})},header:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:.08*t},children:[(0,o.jsx)(Q,{w:.5*e,h:Math.max(5,.06*t),strong:!0}),(0,o.jsx)(Q,{w:.35*e})]})},section:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",height:"100%",gap:.04*t,padding:.04*e},children:[(0,o.jsx)(Q,{w:.3*e,h:4,strong:!0}),(0,o.jsx)(Q,{w:.7*e}),(0,o.jsx)(Q,{w:.5*e}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",gap:.03*e,marginTop:.06*t},children:[(0,o.jsx)(q,{w:"33%",h:"100%",radius:4}),(0,o.jsx)(q,{w:"33%",h:"100%",radius:4}),(0,o.jsx)(q,{w:"33%",h:"100%",radius:4})]})]})},grid:function({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(e/140))),r=Math.max(1,Math.min(3,Math.floor(t/120)));return(0,o.jsx)("div",{style:{display:"grid",gridTemplateColumns:`repeat(${n}, 1fr)`,gridTemplateRows:`repeat(${r}, 1fr)`,gap:6,height:"100%"},children:Array.from({length:n*r},(e,t)=>(0,o.jsx)(q,{w:"100%",h:"100%",radius:4},t))})},dropdown:function({width:e,height:t}){let n=Math.max(2,Math.floor((t-32)/28));return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsx)("div",{style:{padding:"6px 8px",borderBottom:"1px solid var(--agd-stroke)"},children:(0,o.jsx)(Q,{w:.5*e,h:3,strong:!0})}),(0,o.jsx)("div",{style:{flex:1,padding:4,display:"flex",flexDirection:"column",gap:2},children:Array.from({length:n},(e,t)=>(0,o.jsx)("div",{style:{padding:"4px 6px",borderRadius:3,background:0===t?"var(--agd-fill)":"transparent"},children:(0,o.jsx)(Q,{w:`${50+17*t%35}%`,h:2,strong:0===t})},t))})]})},toggle:function({width:e,height:t}){let n=Math.min(e,t)/2;return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"1",width:e-2,height:t-2,rx:n,stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,o.jsx)("circle",{cx:e-n,cy:t/2,r:.7*n,fill:"var(--agd-bar)"})]})},search:function({width:e,height:t}){let n=Math.min(t/2,20);return(0,o.jsxs)("div",{style:{height:"100%",borderRadius:n,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",padding:`0 ${.6*n}px`,gap:6},children:[(0,o.jsx)(V,{size:Math.min(14,.4*t)}),(0,o.jsx)(Q,{w:"50%",h:2})]})},toast:function({width:e,height:t}){return(0,o.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,o.jsx)(V,{size:Math.min(20,.5*t)}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:"60%",h:3,strong:!0}),(0,o.jsx)(Q,{w:"80%",h:2})]}),(0,o.jsx)("div",{style:{width:14,height:14,border:"1px solid var(--agd-stroke)",borderRadius:3,flexShrink:0}})]})},progress:function({width:e,height:t}){return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:[(0,o.jsx)("rect",{x:"0",y:"0",width:e,height:t,rx:t/2,stroke:"var(--agd-stroke)",strokeWidth:"0.8"}),(0,o.jsx)("rect",{x:"1",y:"1",width:.65*e,height:t-2,rx:(t-2)/2,fill:"var(--agd-bar)"})]})},chart:function({width:e,height:t}){let n=Math.max(3,Math.min(7,Math.floor(e/50))),r=e/(2*n);return(0,o.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:n},(e,t)=>{let n=30+(37*t+17)%55;return(0,o.jsx)(q,{w:r,h:`${n}%`,radius:2},t)})})},video:function({width:e,height:t}){let n=.12*Math.min(e,t);return(0,o.jsxs)("div",{style:{height:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:[(0,o.jsx)(q,{w:"100%",h:"100%",radius:4}),(0,o.jsx)("div",{style:{position:"absolute",width:2*n,height:2*n,borderRadius:"50%",border:"1.5px solid var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)("div",{style:{width:0,height:0,borderLeft:`${.6*n}px solid var(--agd-bar-strong)`,borderTop:`${.4*n}px solid transparent`,borderBottom:`${.4*n}px solid transparent`,marginLeft:.15*n}})})]})},tooltip:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,o.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,o.jsx)(Q,{w:"60%",h:2})}),(0,o.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({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(e/80)));return(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",height:"100%",gap:4},children:Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:4},children:[t>0&&(0,o.jsx)("span",{style:{color:"var(--agd-stroke)",fontSize:10},children:"/"}),(0,o.jsx)(Q,{w:40+13*t%20,h:2,strong:t===n-1})]},t))})},pagination:function({width:e,height:t}){let n=Math.max(3,Math.min(5,Math.floor(e/40))),r=Math.min(28,.8*t);return(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",gap:4},children:Array.from({length:n},(e,t)=>(0,o.jsx)(q,{w:r,h:r,radius:4,style:1===t?{background:"var(--agd-bar)"}:void 0},t))})},divider:function({width:e}){return(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",height:"100%"},children:(0,o.jsx)("div",{style:{width:"100%",height:1,background:"var(--agd-stroke)"}})})},accordion:function({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(t/40)));return(0,o.jsx)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:Array.from({length:n},(e,t)=>(0,o.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,o.jsx)(Q,{w:`${40+17*t%25}%`,h:3,strong:!0}),(0,o.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:0===t?"▼":"▶"})]},t))})},carousel:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",gap:6},children:[(0,o.jsxs)("div",{style:{flex:1,display:"flex",gap:6,alignItems:"center"},children:[(0,o.jsx)("span",{style:{fontSize:12,color:"var(--agd-stroke)"},children:"‹"}),(0,o.jsx)(q,{w:"100%",h:"100%",radius:4}),(0,o.jsx)("span",{style:{fontSize:12,color:"var(--agd-stroke)"},children:"›"})]}),(0,o.jsxs)("div",{style:{display:"flex",justifyContent:"center",gap:4},children:[(0,o.jsx)(V,{size:5}),(0,o.jsx)(V,{size:5}),(0,o.jsx)(V,{size:5})]})]})},pricing:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",padding:10,gap:.04*t},children:[(0,o.jsx)(Q,{w:.4*e,h:3,strong:!0}),(0,o.jsx)(Q,{w:.3*e,h:6,strong:!0}),(0,o.jsx)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,width:"100%",padding:"8px 0"},children:Array.from({length:4},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:4},children:[(0,o.jsx)(V,{size:5}),(0,o.jsx)(Q,{w:`${50+17*t%35}%`,h:2})]},t))}),(0,o.jsx)(q,{w:.7*e,h:Math.min(32,.1*t),radius:6,style:{background:"var(--agd-bar)"}})]})},testimonial:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",padding:10,gap:8},children:[(0,o.jsx)("span",{style:{fontSize:18,lineHeight:1,color:"var(--agd-stroke)",fontFamily:"serif"},children:"“"}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4},children:[(0,o.jsx)(Q,{w:"90%",h:2}),(0,o.jsx)(Q,{w:"75%",h:2}),(0,o.jsx)(Q,{w:"60%",h:2})]}),(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,o.jsx)(V,{size:20}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[(0,o.jsx)(Q,{w:60,h:3,strong:!0}),(0,o.jsx)(Q,{w:40,h:2})]})]})]})},cta:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:.08*t},children:[(0,o.jsx)(Q,{w:.5*e,h:Math.max(4,.05*t),strong:!0}),(0,o.jsx)(Q,{w:.35*e}),(0,o.jsx)(q,{w:Math.min(140,.25*e),h:Math.min(32,.15*t),radius:6,style:{marginTop:.04*t,background:"var(--agd-bar)"}})]})},alert:function({width:e,height:t}){return(0,o.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,o.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,o.jsx)("div",{style:{width:2,height:6,background:"var(--agd-bar-strong)",borderRadius:1}})}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:"40%",h:3,strong:!0}),(0,o.jsx)(Q,{w:"70%",h:2})]})]})},banner:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center",gap:8,padding:"0 12px"},children:[(0,o.jsx)(Q,{w:.4*e,h:3,strong:!0}),(0,o.jsx)(q,{w:60,h:Math.min(24,.6*t),radius:4})]})},stat:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:.06*t},children:[(0,o.jsx)(Q,{w:.5*e,h:2}),(0,o.jsx)(Q,{w:.4*e,h:Math.max(8,.18*t),strong:!0}),(0,o.jsx)(Q,{w:.3*e,h:2})]})},stepper:function({width:e,height:t}){let n=Math.max(3,Math.min(5,Math.floor(e/100))),r=Math.min(12,.35*t);return(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",height:"100%",padding:"0 8px"},children:Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:0,flex:1},children:[(0,o.jsx)("div",{style:{width:r,height:r,borderRadius:"50%",border:"1.5px solid var(--agd-stroke)",background:0===t?"var(--agd-bar)":"transparent",flexShrink:0}}),t<n-1&&(0,o.jsx)("div",{style:{flex:1,height:1,background:"var(--agd-stroke)",margin:"0 4px"}})]},t))})},tag:function({width:e,height:t}){return(0,o.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,o.jsx)(Q,{w:Math.max(16,.5*e),h:2,strong:!0}),(0,o.jsx)("div",{style:{width:8,height:8,borderRadius:"50%",border:"1px solid var(--agd-stroke)",flexShrink:0}})]})},rating:function({width:e,height:t}){let n=Math.min(.7*t,e/7.5);return(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",gap:.2*n},children:Array.from({length:5},(e,t)=>(0,o.jsx)("svg",{width:n,height:n,viewBox:"0 0 16 16",fill:"none",children:(0,o.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({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",position:"relative",borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",overflow:"hidden"},children:[(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",style:{position:"absolute",inset:0},children:[(0,o.jsx)("line",{x1:0,y1:.3*t,x2:e,y2:.7*t,stroke:"var(--agd-stroke)",strokeWidth:"0.5",opacity:".2"}),(0,o.jsx)("line",{x1:0,y1:.6*t,x2:e,y2:.2*t,stroke:"var(--agd-stroke)",strokeWidth:"0.5",opacity:".15"}),(0,o.jsx)("line",{x1:.4*e,y1:0,x2:.6*e,y2:t,stroke:"var(--agd-stroke)",strokeWidth:"0.5",opacity:".15"})]}),(0,o.jsx)("div",{style:{position:"absolute",left:"50%",top:"40%",transform:"translate(-50%, -100%)"},children:(0,o.jsxs)("svg",{width:"16",height:"22",viewBox:"0 0 16 22",fill:"none",children:[(0,o.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,o.jsx)("circle",{cx:"8",cy:"8",r:"3",fill:"var(--agd-fill)"})]})})]})},timeline:function({width:e,height:t}){let n=Math.max(3,Math.min(5,Math.floor(t/60)));return(0,o.jsxs)("div",{style:{display:"flex",height:"100%",padding:"8px 0"},children:[(0,o.jsx)("div",{style:{width:16,display:"flex",flexDirection:"column",alignItems:"center"},children:Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flex:1},children:[(0,o.jsx)(V,{size:8}),t<n-1&&(0,o.jsx)("div",{style:{flex:1,width:1,background:"var(--agd-stroke)"}})]},t))}),(0,o.jsx)("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-around",paddingLeft:8},children:Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:`${35+13*t%25}%`,h:3,strong:!0}),(0,o.jsx)(Q,{w:`${50+17*t%30}%`,h:2})]},t))})]})},fileUpload:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",borderRadius:8,border:"2px dashed var(--agd-stroke)",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:.06*t},children:[(0,o.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("path",{d:"M12 16V4m0 0l-4 4m4-4l4 4",stroke:"var(--agd-stroke)",strokeWidth:"1.5"}),(0,o.jsx)("path",{d:"M4 17v2a1 1 0 001 1h14a1 1 0 001-1v-2",stroke:"var(--agd-stroke)",strokeWidth:"1.5"})]}),(0,o.jsx)(Q,{w:.4*e,h:2}),(0,o.jsx)(Q,{w:.25*e,h:2})]})},codeBlock:function({width:e,height:t}){let n=Math.max(3,Math.min(8,Math.floor(t/20)));return(0,o.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,o.jsxs)("div",{style:{display:"flex",gap:3,marginBottom:4},children:[(0,o.jsx)(V,{size:6}),(0,o.jsx)(V,{size:6}),(0,o.jsx)(V,{size:6})]}),Array.from({length:n},(e,t)=>(0,o.jsx)("div",{style:{display:"flex",gap:6,paddingLeft:12*(t>0&&t<n-1)},children:(0,o.jsx)(Q,{w:`${25+23*t%50}%`,h:2,strong:0===t})},t))]})},calendar:function({width:e,height:t}){let n=Math.min((e-16)/7,(t-40)/6);return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"6px 8px"},children:[(0,o.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:"‹"}),(0,o.jsx)(Q,{w:.3*e,h:3,strong:!0}),(0,o.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:"›"})]}),(0,o.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:2,padding:"0 4px",flex:1},children:[Array.from({length:7},(e,t)=>(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:.6*n},children:(0,o.jsx)(Q,{w:.5*n,h:2})},`h${t}`)),Array.from({length:35},(e,t)=>(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:n},children:(0,o.jsx)("div",{style:{width:.6*n,height:.6*n,borderRadius:"50%",background:12===t?"var(--agd-bar)":"transparent",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)("div",{style:{width:2,height:2,borderRadius:1,background:"var(--agd-bar-strong)",opacity:12===t?1:.3}})})},t))]})]})},notification:function({width:e,height:t}){return(0,o.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,o.jsx)(V,{size:Math.min(32,.55*t)}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:"50%",h:3,strong:!0}),(0,o.jsx)(Q,{w:"75%",h:2})]}),(0,o.jsx)(Q,{w:30,h:2})]})},productCard:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsx)("div",{style:{height:"50%",background:"var(--agd-fill)",borderBottom:"1px dashed var(--agd-stroke)"}}),(0,o.jsxs)("div",{style:{flex:1,padding:10,display:"flex",flexDirection:"column",gap:5},children:[(0,o.jsx)(Q,{w:"65%",h:4,strong:!0}),(0,o.jsx)(Q,{w:"40%",h:3}),(0,o.jsx)("div",{style:{flex:1}}),(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,o.jsx)(Q,{w:"30%",h:5,strong:!0}),(0,o.jsx)(q,{w:Math.min(70,.3*e),h:26,radius:4,style:{background:"var(--agd-bar)"}})]})]})]})},profile:function({width:e,height:t}){let n=Math.min(48,.3*t);return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:.06*t},children:[(0,o.jsx)(V,{size:n}),(0,o.jsx)(Q,{w:.45*e,h:4,strong:!0}),(0,o.jsx)(Q,{w:.3*e,h:2}),(0,o.jsxs)("div",{style:{display:"flex",gap:.08*e,marginTop:.04*t},children:[(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[(0,o.jsx)(Q,{w:20,h:3,strong:!0}),(0,o.jsx)(Q,{w:28,h:2})]}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[(0,o.jsx)(Q,{w:20,h:3,strong:!0}),(0,o.jsx)(Q,{w:28,h:2})]}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[(0,o.jsx)(Q,{w:20,h:3,strong:!0}),(0,o.jsx)(Q,{w:28,h:2})]})]})]})},drawer:function({width:e,height:t}){let n=Math.max(.6*e,80),r=Math.max(3,Math.floor(t/40));return(0,o.jsxs)("div",{style:{height:"100%",display:"flex"},children:[(0,o.jsx)("div",{style:{width:e-n,background:"var(--agd-fill)",opacity:.3}}),(0,o.jsxs)("div",{style:{flex:1,borderLeft:"1px solid var(--agd-stroke)",display:"flex",flexDirection:"column",padding:.04*e},children:[(0,o.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:.06*t},children:[(0,o.jsx)(Q,{w:.4*n,h:4,strong:!0}),(0,o.jsx)("div",{style:{width:12,height:12,border:"1px solid var(--agd-stroke)",borderRadius:3}})]}),Array.from({length:r},(e,t)=>(0,o.jsx)("div",{style:{padding:"6px 0"},children:(0,o.jsx)(Q,{w:`${50+17*t%35}%`,h:2,strong:0===t})},t))]})]})},popover:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,o.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,o.jsx)(Q,{w:"70%",h:3,strong:!0}),(0,o.jsx)(Q,{w:"90%",h:2}),(0,o.jsx)(Q,{w:"60%",h:2})]}),(0,o.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({width:e,height:t}){let n=Math.min(.7*t,.3*e);return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",alignItems:"center",gap:.08*e},children:[(0,o.jsx)(q,{w:n,h:n,radius:.25*n}),(0,o.jsx)(Q,{w:.45*e,h:Math.max(4,.2*t),strong:!0})]})},faq:function({width:e,height:t}){let n=Math.max(2,Math.min(5,Math.floor(t/56)));return(0,o.jsx)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:Array.from({length:n},(t,n)=>(0,o.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,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,o.jsx)("span",{style:{fontSize:9,fontWeight:700,color:"var(--agd-stroke)"},children:"Q"}),(0,o.jsx)(Q,{w:e*(.3+13*n%25/100),h:3,strong:!0})]}),(0,o.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:0===n?"▼":"▶"})]},n))})},gallery:function({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(e/120))),r=Math.max(1,Math.min(3,Math.floor(t/120)));return(0,o.jsx)("div",{style:{display:"grid",gridTemplateColumns:`repeat(${n}, 1fr)`,gridTemplateRows:`repeat(${r}, 1fr)`,gap:4,height:"100%"},children:Array.from({length:n*r},(e,t)=>(0,o.jsx)("div",{style:{borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",position:"relative",overflow:"hidden"},children:(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",preserveAspectRatio:"none",fill:"none",children:[(0,o.jsx)("line",{x1:"0",y1:"0",x2:"100",y2:"100",stroke:"var(--agd-stroke)",strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"100",y1:"0",x2:"0",y2:"100",stroke:"var(--agd-stroke)",strokeWidth:"0.5"})]})},t))})},checkbox:function({width:e,height:t}){let n=Math.min(e,t);return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:(t-n+2)/2,width:n-2,height:n-2,rx:.15*n,stroke:"var(--agd-stroke)",strokeWidth:"1.5"}),(0,o.jsx)("path",{d:`M${.25*n} ${t/2}l${.2*n} ${.2*n} ${.3*n}-${.35*n}`,stroke:"var(--agd-bar)",strokeWidth:"1.5",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})]})},radio:function({width:e,height:t}){let n=Math.min(e,t)/2-1;return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:[(0,o.jsx)("circle",{cx:e/2,cy:t/2,r:n,stroke:"var(--agd-stroke)",strokeWidth:"1.5"}),(0,o.jsx)("circle",{cx:e/2,cy:t/2,r:.45*n,fill:"var(--agd-bar)"})]})},slider:function({width:e,height:t}){let n=Math.max(2,.12*t),r=Math.min(.35*t,10),s=.55*e;return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",alignItems:"center",position:"relative"},children:[(0,o.jsx)("div",{style:{width:"100%",height:n,borderRadius:n/2,background:"var(--agd-fill)",border:"1px solid var(--agd-stroke)",position:"relative"},children:(0,o.jsx)("div",{style:{width:s,height:"100%",borderRadius:n/2,background:"var(--agd-bar)"}})}),(0,o.jsx)("div",{style:{position:"absolute",left:s-r,width:2*r,height:2*r,borderRadius:"50%",border:"1.5px solid var(--agd-stroke)",background:"var(--agd-fill)"}})]})},datePicker:function({width:e,height:t}){let n=Math.min(36,.15*t),r=Math.min((e-16)/7,(t-n-40)/5);return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",gap:4},children:[(0,o.jsxs)("div",{style:{height:n,borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",padding:"0 8px",justifyContent:"space-between"},children:[(0,o.jsx)(Q,{w:"40%",h:2}),(0,o.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 16 16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"3",width:"12",height:"11",rx:"1",stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,o.jsx)("line",{x1:"2",y1:"6",x2:"14",y2:"6",stroke:"var(--agd-stroke)",strokeWidth:"0.5"})]})]}),(0,o.jsxs)("div",{style:{flex:1,borderRadius:6,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",flexDirection:"column"},children:[(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"4px 6px"},children:[(0,o.jsx)("span",{style:{fontSize:7,color:"var(--agd-stroke)"},children:"‹"}),(0,o.jsx)(Q,{w:.25*e,h:2,strong:!0}),(0,o.jsx)("span",{style:{fontSize:7,color:"var(--agd-stroke)"},children:"›"})]}),(0,o.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:1,padding:"0 4px",flex:1},children:Array.from({length:28},(e,t)=>(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:r},children:(0,o.jsx)("div",{style:{width:.5*r,height:.5*r,borderRadius:"50%",background:10===t?"var(--agd-bar)":"transparent"},children:(0,o.jsx)("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)("div",{style:{width:1.5,height:1.5,borderRadius:1,background:"var(--agd-bar-strong)",opacity:10===t?1:.25}})})})},t))})]})]})},skeleton:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",gap:.08*t,padding:4},children:[(0,o.jsx)("div",{style:{width:"100%",height:.2*t,borderRadius:4,background:"var(--agd-fill)"}}),(0,o.jsx)("div",{style:{width:"70%",height:Math.max(6,.1*t),borderRadius:3,background:"var(--agd-fill)"}}),(0,o.jsx)("div",{style:{width:"90%",height:Math.max(4,.06*t),borderRadius:3,background:"var(--agd-fill)"}}),(0,o.jsx)("div",{style:{width:"50%",height:Math.max(4,.06*t),borderRadius:3,background:"var(--agd-fill)"}})]})},chip:function({width:e,height:t}){return(0,o.jsx)("div",{style:{height:"100%",display:"flex",alignItems:"center",gap:6},children:(0,o.jsxs)("div",{style:{height:"100%",flex:1,borderRadius:t/2,border:"1px solid var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",padding:`0 ${.3*t}px`,gap:4},children:[(0,o.jsx)(Q,{w:"60%",h:2,strong:!0}),(0,o.jsx)("div",{style:{width:Math.max(6,.3*t),height:Math.max(6,.3*t),borderRadius:"50%",border:"1px solid var(--agd-stroke)",flexShrink:0,marginLeft:"auto"}})]})})},icon:function({width:e,height:t}){let n=Math.min(e,t);return(0,o.jsx)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:(0,o.jsx)("path",{d:`M${e/2} ${(t-n)/2+.1*n}l${.12*n} ${.25*n} ${.28*n} ${.04*n}-${.2*n} ${.2*n} ${.05*n} ${.28*n}-${.25*n}-${.12*n}-${.25*n} ${.12*n} ${.05*n}-${.28*n}-${.2*n}-${.2*n} ${.28*n}-${.04*n}z`,stroke:"var(--agd-stroke)",strokeWidth:"1",fill:"var(--agd-fill)"})})},spinner:function({width:e,height:t}){let n=Math.min(e,t)/2-2;return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:[(0,o.jsx)("circle",{cx:e/2,cy:t/2,r:n,stroke:"var(--agd-stroke)",strokeWidth:"1.5",opacity:".2"}),(0,o.jsx)("path",{d:`M${e/2} ${t/2-n}a${n} ${n} 0 0 1 ${n} ${n}`,stroke:"var(--agd-bar-strong)",strokeWidth:"1.5",strokeLinecap:"round"})]})},feature:function({width:e,height:t}){let n=Math.min(36,.25*t,.12*e),r=Math.max(1,Math.min(3,Math.floor(t/80)));return(0,o.jsx)("div",{style:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"space-around",padding:8},children:Array.from({length:r},(t,r)=>(0,o.jsxs)("div",{style:{display:"flex",gap:.04*e,alignItems:"flex-start"},children:[(0,o.jsx)(q,{w:n,h:n,radius:.25*n}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4},children:[(0,o.jsx)(Q,{w:`${40+13*r%20}%`,h:3,strong:!0}),(0,o.jsx)(Q,{w:`${60+17*r%25}%`,h:2})]})]},r))})},team:function({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(e/120))),r=Math.min(36,.25*t);return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",gap:.06*t,padding:.06*t},children:[(0,o.jsx)(Q,{w:.3*e,h:4,strong:!0}),(0,o.jsx)("div",{style:{display:"flex",gap:.06*e,justifyContent:"center",flex:1,alignItems:"center"},children:Array.from({length:n},(t,n)=>(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:6},children:[(0,o.jsx)(V,{size:r}),(0,o.jsx)(Q,{w:.12*e,h:3,strong:!0}),(0,o.jsx)(Q,{w:.08*e,h:2})]},n))})]})},login:function({width:e,height:t}){let n=Math.max(2,Math.min(3,Math.floor(t/80)));return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",padding:.06*e,gap:.04*t},children:[(0,o.jsx)(Q,{w:.5*e,h:Math.max(5,.04*t),strong:!0}),(0,o.jsx)(Q,{w:.35*e,h:2}),(0,o.jsx)("div",{style:{width:"100%",display:"flex",flexDirection:"column",gap:.03*t,marginTop:.04*t},children:Array.from({length:n},(n,r)=>(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:Math.min(60,.2*e),h:2}),(0,o.jsx)(q,{w:"100%",h:Math.min(32,.1*t),radius:4})]},r))}),(0,o.jsx)(q,{w:"100%",h:Math.min(36,.12*t),radius:6,style:{marginTop:.03*t,background:"var(--agd-bar)"}}),(0,o.jsx)(Q,{w:.4*e,h:2})]})},contact:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",padding:.04*e,gap:.03*t},children:[(0,o.jsx)(Q,{w:.4*e,h:4,strong:!0}),(0,o.jsx)(Q,{w:.6*e,h:2}),(0,o.jsxs)("div",{style:{display:"flex",gap:6,marginTop:.03*t},children:[(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:50,h:2}),(0,o.jsx)(q,{w:"100%",h:Math.min(28,.1*t),radius:4})]}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:40,h:2}),(0,o.jsx)(q,{w:"100%",h:Math.min(28,.1*t),radius:4})]})]}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:50,h:2}),(0,o.jsx)(q,{w:"100%",h:Math.min(28,.1*t),radius:4})]}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3,flex:1},children:[(0,o.jsx)(Q,{w:60,h:2}),(0,o.jsx)(q,{w:"100%",h:"100%",radius:4})]}),(0,o.jsx)(q,{w:Math.min(120,.3*e),h:Math.min(30,.1*t),radius:6,style:{alignSelf:"flex-end",background:"var(--agd-bar)"}})]})}};function K({type:e,width:t,height:n,text:r}){let s=Z[e];return s?(0,o.jsx)("div",{style:{width:"100%",height:"100%",padding:8,position:"relative",pointerEvents:"none"},children:(0,o.jsx)(s,{width:t,height:n,text:r})}):(0,o.jsx)("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)("span",{style:{fontSize:10,fontWeight:600,color:"var(--agd-text-3)",textTransform:"uppercase",letterSpacing:"0.06em",opacity:.5},children:e})})}if("u">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 {\n  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 {\n  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}\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}\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 .styles-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 {\n  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}\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 {\n  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}\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 J={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___Y6DD1",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 G(e,t,n,o,r){let s=1/0,l=1/0,i=e.x,a=e.x+e.width,d=e.x+e.width/2,_=e.y,c=e.y+e.height,u=e.y+e.height/2,h=!o,m=h?[i,a,d]:[...o.left?[i]:[],...o.right?[a]:[]],g=h?[_,c,u]:[...o.top?[_]:[],...o.bottom?[c]:[]],p=[];for(let e of t)n.has(e.id)||p.push(e);for(let e of(r&&p.push(...r),p)){let t=e.x,n=e.x+e.width,o=e.x+e.width/2,r=e.y,i=e.y+e.height,a=e.y+e.height/2;for(let e of m)for(let r of[t,n,o]){let t=r-e;5>Math.abs(t)&&Math.abs(t)<Math.abs(s)&&(s=t)}for(let e of g)for(let t of[r,i,a]){let n=t-e;5>Math.abs(n)&&Math.abs(n)<Math.abs(l)&&(l=n)}}let y=5>Math.abs(s)?s:0,x=5>Math.abs(l)?l:0,f=[],b=new Set,w=i+y,v=a+y,k=d+y,j=_+x,C=c+x,M=u+x;for(let e of p){let t=e.x,n=e.x+e.width,o=e.x+e.width/2,r=e.y,s=e.y+e.height,l=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:${Math.round(e)}`;b.has(t)||(b.add(t),f.push({axis:"x",pos:e}))}for(let e of[r,l,s])for(let t of[j,M,C])if(.5>Math.abs(t-e)){let t=`y:${Math.round(e)}`;b.has(t)||(b.add(t),f.push({axis:"y",pos:e}))}}return{dx:y,dy:x,guides:f}}function ee(){return`dp-${Date.now()}-${Math.random().toString(36).slice(2,7)}`}function et({placements:e,onChange:n,activeComponent:r,onActiveComponentChange:s,isDarkMode:l,exiting:i,onInteractionChange:a,className:d,passthrough:_,extraSnapRects:c,onSelectionChange:u,deselectSignal:h,onDragMove:m,onDragEnd:g,clearSignal:p,wireframe:y}){let[x,f]=(0,t.useState)(new Set),[b,w]=(0,t.useState)(null),[v,k]=(0,t.useState)(null),[j,C]=(0,t.useState)(null),[M,S]=(0,t.useState)([]),[$,L]=(0,t.useState)(null),[I,B]=(0,t.useState)(!1),N=(0,t.useRef)(!1),[E,R]=(0,t.useState)(new Set),W=(0,t.useRef)(new Map),z=(0,t.useRef)(null),P=(0,t.useRef)(null),T=(0,t.useRef)(e);T.current=e;let O=(0,t.useRef)(u);O.current=u;let F=(0,t.useRef)(m);F.current=m;let H=(0,t.useRef)(g);H.current=g;let X=(0,t.useRef)(h);(0,t.useEffect)(()=>{h!==X.current&&(X.current=h,f(new Set))},[h]);let Q=(0,t.useRef)(p);(0,t.useEffect)(()=>{if(void 0!==p&&p!==Q.current){Q.current=p;let e=new Set(T.current.map(e=>e.id));e.size>0&&(R(e),f(new Set),P.current=null,D(()=>{n([]),R(new Set)},180))}},[p,n]),(0,t.useEffect)(()=>{let t=t=>{let o=t.target;if(!("INPUT"===o.tagName||"TEXTAREA"===o.tagName||o.isContentEditable)){if(("Backspace"===t.key||"Delete"===t.key)&&x.size>0){t.preventDefault();let e=new Set(x);R(e),f(new Set),D(()=>{n(T.current.filter(t=>!e.has(t.id))),R(new Set)},180);return}if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t.key)&&x.size>0){t.preventDefault();let o=t.shiftKey?20:1,r="ArrowLeft"===t.key?-o:"ArrowRight"===t.key?o:0,s="ArrowUp"===t.key?-o:"ArrowDown"===t.key?o:0;n(e.map(e=>x.has(e.id)?{...e,x:Math.max(0,e.x+r),y:Math.max(0,e.y+s)}:e));return}if("Escape"===t.key)return void(r?s(null):x.size>0&&f(new Set))}};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[x,r,e,n,s]);let q=(0,t.useCallback)(t=>{if(0!==t.button||_||t.target.closest(`.${J.placement}`))return;t.preventDefault(),t.stopPropagation();let o=window.scrollY,l=t.clientX,i=t.clientY;if(r){P.current="place",a?.(!0);let t=!1,d=l,_=i,c=e=>{d=e.clientX;let n=Math.abs((_=e.clientY)-i);if((Math.abs(d-l)>5||n>5)&&(t=!0),t){let t=Math.min(l,d),n=Math.min(i,_),o=Math.abs(d-l),r=Math.abs(_-i);w({x:t,y:n,w:o,h:r}),C({x:e.clientX+12,y:e.clientY+12,text:`${Math.round(o)} \xd7 ${Math.round(r)}`})}},u=h=>{let m,g,p,y;window.removeEventListener("mousemove",c),window.removeEventListener("mouseup",u),w(null),C(null),P.current=null,a?.(!1);let x=Y[r];t?(m=Math.min(l,d),g=Math.min(i,_)+o,p=Math.max(24,Math.abs(d-l)),y=Math.max(24,Math.abs(_-i))):(p=x.width,y=x.height,m=l-p/2,g=i+o-y/2),m=Math.max(0,m),g=Math.max(0,g);let b={id:ee(),type:r,x:m,y:g,width:p,height:y,scrollY:o,timestamp:Date.now()};n([...e,b]),f(new Set([b.id])),s(null)};window.addEventListener("mousemove",c),window.addEventListener("mouseup",u)}else{t.shiftKey||f(new Set),P.current="select";let n=!1,r=e=>{let t=Math.abs(e.clientX-l),o=Math.abs(e.clientY-i);(t>4||o>4)&&(n=!0),n&&k({x:Math.min(l,e.clientX),y:Math.min(i,e.clientY),w:Math.abs(e.clientX-l),h:Math.abs(e.clientY-i)})},s=a=>{if(window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",s),P.current=null,n){let n=Math.min(l,a.clientX),r=Math.min(i,a.clientY)+o,s=Math.abs(a.clientX-l),d=Math.abs(a.clientY-i),_=new Set(t.shiftKey?x:new Set);for(let t of e)t.y,t.x+t.width>n&&t.x<n+s&&t.y+t.height>r&&t.y<r+d&&_.add(t.id);f(_)}k(null)};window.addEventListener("mousemove",r),window.addEventListener("mouseup",s)}},[r,_,e,n,x]),V=(0,t.useCallback)((t,o)=>{let r;if(0!==t.button)return;let s=t.target;if(s.closest(`.${J.handle}`)||s.closest(`.${J.deleteButton}`))return;t.preventDefault(),t.stopPropagation(),t.shiftKey?(r=new Set(x)).has(o)?r.delete(o):r.add(o):r=new Set(x.has(o)?x:[o]),f(r),(r.size!==x.size||[...r].some(e=>!x.has(e)))&&O.current?.(r,t.shiftKey),window.scrollY;let l=t.clientX,i=t.clientY,d=new Map;for(let t of e)r.has(t.id)&&d.set(t.id,{x:t.x,y:t.y});P.current="move",a?.(!0);let _=!1,u=!1,h=e,m=0,g=0,p=new Map;for(let t of e)d.has(t.id)&&p.set(t.id,{w:t.width,h:t.height});let y=t=>{let o=t.clientX-l,r=t.clientY-i;if((Math.abs(o)>2||Math.abs(r)>2)&&(_=!0),!_)return;if(t.altKey&&!u){u=!0;let t=[];for(let n of e)d.has(n.id)&&t.push({...n,id:ee(),timestamp:Date.now()});h=[...e,...t]}let s=1/0,a=1/0,y=-1/0,x=-1/0;for(let[e,t]of d){let n=p.get(e);n&&(s=Math.min(s,t.x+o),a=Math.min(a,t.y+r),y=Math.max(y,t.x+o+n.w),x=Math.max(x,t.y+r+n.h))}let{dx:f,dy:b,guides:w}=G({x:s,y:a,width:y-s,height:x-a},h,new Set(d.keys()),void 0,c);S(w);let v=o+f,k=r+b;m=v,g=k,n(h.map(e=>{let t=d.get(e.id);return t?{...e,x:Math.max(0,t.x+v),y:Math.max(0,t.y+k)}:e})),F.current?.(v,k)},b=()=>{window.removeEventListener("mousemove",y),window.removeEventListener("mouseup",b),P.current=null,a?.(!1),S([]),H.current?.(m,g,_)};window.addEventListener("mousemove",y),window.addEventListener("mouseup",b)},[x,e,n,a]),Z=(0,t.useCallback)((t,o,r)=>{t.preventDefault(),t.stopPropagation();let s=e.find(e=>e.id===o);if(!s)return;f(new Set([o])),P.current="resize",a?.(!0);let l=t.clientX,i=t.clientY,d=s.width,_=s.height,u=s.x,h=s.y,m={left:r.includes("w"),right:r.includes("e"),top:r.includes("n"),bottom:r.includes("s")},g=e=>{let t=e.clientX-l,s=e.clientY-i,a=d,g=_,p=u,y=h;r.includes("e")&&(a=Math.max(24,d+t)),r.includes("w")&&(a=Math.max(24,d-t),p=u+d-a),r.includes("s")&&(g=Math.max(24,_+s)),r.includes("n")&&(g=Math.max(24,_-s),y=h+_-g);let{dx:x,dy:f,guides:b}=G({x:p,y:y,width:a,height:g},T.current,new Set([o]),m,c);S(b),0!==x&&(m.right?a+=x:m.left&&(p+=x,a-=x)),0!==f&&(m.bottom?g+=f:m.top&&(y+=f,g-=f)),n(T.current.map(e=>e.id===o?{...e,x:p,y:y,width:a,height:g}:e)),C({x:e.clientX+12,y:e.clientY+12,text:`${Math.round(a)} \xd7 ${Math.round(g)}`})},p=()=>{window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",p),C(null),P.current=null,a?.(!1),S([])};window.addEventListener("mousemove",g),window.addEventListener("mouseup",p)},[e,n,a]),en=(0,t.useCallback)(e=>{P.current=null,R(t=>{let n=new Set(t);return n.add(e),n}),f(t=>{let n=new Set(t);return n.delete(e),n}),D(()=>{n(T.current.filter(t=>t.id!==e)),R(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"},er=(0,t.useCallback)(t=>{let n=e.find(e=>e.id===t);n&&(N.current=!!n.text,L(t),B(!1))},[e]),es=(0,t.useCallback)(()=>{$&&(B(!0),D(()=>{L(null),B(!1)},150))},[$]);(0,t.useEffect)(()=>{i&&$&&es()},[i]);let el=(0,t.useCallback)(t=>{$&&(n(e.map(e=>e.id===$?{...e,text:t.trim()||void 0}:e)),es())},[$,e,n,es]),ei="u">typeof window?window.scrollY:0,ea=["nw","ne","se","sw"],ed=y?"#f97316":"#3c82f7",e_=[{dir:"n",cls:J.edgeN,arrow:(0,o.jsx)("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",children:(0,o.jsx)("path",{d:"M4 0.5L1 4.5h6z",fill:ed})})},{dir:"e",cls:J.edgeE,arrow:(0,o.jsx)("svg",{width:"6",height:"8",viewBox:"0 0 6 8",fill:"none",children:(0,o.jsx)("path",{d:"M5.5 4L1.5 1v6z",fill:ed})})},{dir:"s",cls:J.edgeS,arrow:(0,o.jsx)("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",children:(0,o.jsx)("path",{d:"M4 5.5L1 1.5h6z",fill:ed})})},{dir:"w",cls:J.edgeW,arrow:(0,o.jsx)("svg",{width:"6",height:"8",viewBox:"0 0 6 8",fill:"none",children:(0,o.jsx)("path",{d:"M0.5 4L4.5 1v6z",fill:ed})})}];return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{ref:z,className:`${J.overlay} ${!l?J.light:""} ${r?J.placing:""} ${_?J.passthrough:""} ${i?J.overlayExiting:""} ${y?J.wireframe:""}${d?` ${d}`:""}`,"data-feedback-toolbar":!0,onMouseDown:q,children:e.map(e=>{let t=x.has(e.id),n=U[e.type]?.label||e.type,r=e.y-ei;return(0,o.jsxs)("div",{"data-design-placement":e.id,className:`${J.placement} ${t?J.selected:""} ${E.has(e.id)?J.exiting:""}`,style:{left:e.x,top:r,width:e.width,height:e.height,position:"fixed"},onMouseDown:t=>V(t,e.id),onDoubleClick:()=>er(e.id),children:[(0,o.jsx)("span",{className:J.placementLabel,children:n}),(0,o.jsx)("span",{className:`${J.placementAnnotation} ${e.text?J.annotationVisible:""}`,children:(e.text&&W.current.set(e.id,e.text),e.text||W.current.get(e.id)||"")}),(0,o.jsx)("div",{className:J.placementContent,children:(0,o.jsx)(K,{type:e.type,width:e.width,height:e.height,text:e.text})}),(0,o.jsx)("div",{className:J.deleteButton,onMouseDown:e=>e.stopPropagation(),onClick:()=>en(e.id),children:"✕"}),ea.map(t=>(0,o.jsx)("div",{className:`${J.handle} ${J[`handle${t.charAt(0).toUpperCase()}${t.slice(1)}`]}`,onMouseDown:n=>Z(n,e.id,t)},t)),e_.map(({dir:t,cls:n,arrow:r})=>(0,o.jsx)("div",{className:`${J.edgeHandle} ${n}`,onMouseDown:n=>Z(n,e.id,t),children:r},t))]},e.id)})}),$&&(()=>{let t,n=e.find(e=>e.id===$);if(!n)return null;let r=n.y-ei,s=n.x+n.width/2,i=r-8,a=r+n.height+8,d=a<window.innerHeight-100,_=Math.max(160,Math.min(window.innerWidth-160,s));return t=i>200?{left:_,bottom:window.innerHeight-i}:d?{left:_,top:a}:{left:_,top:Math.max(80,window.innerHeight/2-80)},(0,o.jsx)(A,{element:U[n.type]?.label||n.type,placeholder:eo[n.type]||"Label or content text",initialValue:n.text??"",submitLabel:N.current?"Save":"Set",onSubmit:el,onCancel:es,onDelete:N.current?()=>{el("")}:void 0,isExiting:I,lightMode:!l,style:t})})(),b&&(0,o.jsx)("div",{className:J.drawBox,style:{left:b.x,top:b.y,width:b.w,height:b.h},"data-feedback-toolbar":!0}),v&&(0,o.jsx)("div",{className:J.selectBox,style:{left:v.x,top:v.y,width:v.w,height:v.h},"data-feedback-toolbar":!0}),j&&(0,o.jsx)("div",{className:J.sizeIndicator,style:{left:j.x,top:j.y},"data-feedback-toolbar":!0,children:j.text}),M.map((e,t)=>(0,o.jsx)("div",{className:J.guideLine,style:"x"===e.axis?{position:"fixed",left:e.pos,top:0,width:1,bottom:0}:{position:"fixed",left:0,top:e.pos-ei,right:0,height:1},"data-feedback-toolbar":!0},`${e.axis}-${e.pos}-${t}`))]})}var en="currentColor";function eo({type:e}){switch(e){case"navigation":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"4",width:"18",height:"8",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2.5",y:"7",width:"3",height:"1.5",rx:".5",fill:en,opacity:".4"}),(0,o.jsx)("rect",{x:"7",y:"7",width:"2.5",height:"1.5",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"11",y:"7",width:"2.5",height:"1.5",rx:".5",fill:en,opacity:".25"})]});case"header":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"2",width:"18",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3",y:"5.5",width:"8",height:"2",rx:".5",fill:en,opacity:".35"}),(0,o.jsx)("rect",{x:"3",y:"9",width:"12",height:"1",rx:".5",fill:en,opacity:".15"})]});case"hero":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"1",width:"18",height:"14",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5",y:"5",width:"10",height:"1.5",rx:".5",fill:en,opacity:".35"}),(0,o.jsx)("rect",{x:"7",y:"8",width:"6",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"7.5",y:"10.5",width:"5",height:"2.5",rx:"1",stroke:en,strokeWidth:"0.5"})]});case"section":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"1",width:"18",height:"14",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3",y:"4",width:"6",height:"1",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"3",y:"6.5",width:"14",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"3",y:"9",width:"10",height:"1",rx:".5",fill:en,opacity:".15"})]});case"sidebar":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"1",width:"7",height:"14",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2.5",y:"4",width:"4",height:"1",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"2.5",y:"6.5",width:"3.5",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"2.5",y:"9",width:"4",height:"1",rx:".5",fill:en,opacity:".15"})]});case"footer":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"7",width:"18",height:"8",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3",y:"9.5",width:"4",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"9",y:"9.5",width:"4",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"15",y:"9.5",width:"3",height:"1",rx:".5",fill:en,opacity:".2"})]});case"modal":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"2",width:"14",height:"12",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5",y:"4.5",width:"7",height:"1",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"5",y:"7",width:"10",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"11",y:"11",width:"5",height:"2",rx:".75",stroke:en,strokeWidth:"0.5"})]});case"divider":return(0,o.jsx)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:(0,o.jsx)("line",{x1:"2",y1:"8",x2:"18",y2:"8",stroke:en,strokeWidth:"0.5",opacity:".3"})});case"card":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2",y:"1",width:"16",height:"5.5",rx:"1",fill:en,opacity:".04"}),(0,o.jsx)("rect",{x:"4",y:"8.5",width:"8",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"4",y:"11",width:"11",height:"1",rx:".5",fill:en,opacity:".12"})]});case"text":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"4",width:"14",height:"1.5",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"2",y:"7",width:"11",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"2",y:"9.5",width:"13",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"2",y:"12",width:"8",height:"1",rx:".5",fill:en,opacity:".12"})]});case"image":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"2",y1:"2",x2:"18",y2:"14",stroke:en,strokeWidth:".3",opacity:".25"}),(0,o.jsx)("line",{x1:"18",y1:"2",x2:"2",y2:"14",stroke:en,strokeWidth:".3",opacity:".25"})]});case"video":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("path",{d:"M8.5 5.5v5l4.5-2.5z",stroke:en,strokeWidth:"0.5",fill:en,opacity:".15"})]});case"table":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"2",width:"18",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"1",y1:"5.5",x2:"19",y2:"5.5",stroke:en,strokeWidth:".3",opacity:".25"}),(0,o.jsx)("line",{x1:"1",y1:"9",x2:"19",y2:"9",stroke:en,strokeWidth:".3",opacity:".25"}),(0,o.jsx)("line",{x1:"7",y1:"2",x2:"7",y2:"14",stroke:en,strokeWidth:".3",opacity:".25"}),(0,o.jsx)("line",{x1:"13",y1:"2",x2:"13",y2:"14",stroke:en,strokeWidth:".3",opacity:".25"})]});case"grid":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1.5",y:"2",width:"7",height:"5.5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"11.5",y:"2",width:"7",height:"5.5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"1.5",y:"9.5",width:"7",height:"5.5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"11.5",y:"9.5",width:"7",height:"5.5",rx:"1",stroke:en,strokeWidth:"0.5"})]});case"list":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"3.5",cy:"4.5",r:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6.5",y:"4",width:"10",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"3.5",cy:"8",r:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6.5",y:"7.5",width:"8",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"3.5",cy:"11.5",r:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6.5",y:"11",width:"11",height:"1",rx:".5",fill:en,opacity:".2"})]});case"chart":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"9",width:"2.5",height:"4",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("rect",{x:"7",y:"6",width:"2.5",height:"7",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"11",y:"3",width:"2.5",height:"10",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"15",y:"5",width:"2.5",height:"8",rx:".5",fill:en,opacity:".2"})]});case"accordion":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1.5",y:"2",width:"17",height:"4",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3",y:"3.5",width:"6",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"1.5",y:"7.5",width:"17",height:"3",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"1.5",y:"12",width:"17",height:"3",rx:"1",stroke:en,strokeWidth:"0.5"})]});case"carousel":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"2",width:"14",height:"10",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("path",{d:"M1.5 7L3 8.5 1.5 10",stroke:en,strokeWidth:"0.5",opacity:".35"}),(0,o.jsx)("path",{d:"M18.5 7L17 8.5 18.5 10",stroke:en,strokeWidth:"0.5",opacity:".35"}),(0,o.jsx)("circle",{cx:"8.5",cy:"14",r:".6",fill:en,opacity:".35"}),(0,o.jsx)("circle",{cx:"10",cy:"14",r:".6",fill:en,opacity:".15"}),(0,o.jsx)("circle",{cx:"11.5",cy:"14",r:".6",fill:en,opacity:".15"})]});case"button":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"5",width:"14",height:"6",rx:"2",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6.5",y:"7.5",width:"7",height:"1",rx:".5",fill:en,opacity:".25"})]});case"input":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"4",width:"5.5",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"2",y:"6.5",width:"16",height:"5.5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3.5",y:"8.5",width:"7",height:"1",rx:".5",fill:en,opacity:".12"})]});case"search":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"4.5",width:"16",height:"7",rx:"3.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"6",cy:"8",r:"2",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("line",{x1:"7.5",y1:"9.5",x2:"9",y2:"11",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("rect",{x:"9.5",y:"7.5",width:"6",height:"1",rx:".5",fill:en,opacity:".12"})]});case"form":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"1.5",width:"5.5",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"2",y:"3.5",width:"16",height:"3",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2",y:"8",width:"7",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"2",y:"10",width:"16",height:"3",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"12",y:"14",width:"6",height:"2",rx:".75",stroke:en,strokeWidth:"0.5"})]});case"tabs":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"5",width:"18",height:"10",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"1",y:"2",width:"6",height:"3.5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2.5",y:"3.25",width:"3",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"7",y:"2",width:"6",height:"3.5",rx:".75",stroke:en,strokeWidth:"0.5"})]});case"dropdown":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"16",height:"4",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3.5",y:"3.5",width:"7",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("path",{d:"M15 3.5l1.5 1.5L18 3.5",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("rect",{x:"2",y:"7",width:"16",height:"7",rx:"1",stroke:en,strokeWidth:"0.5",strokeDasharray:"2 1",opacity:".3"})]});case"toggle":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"4",y:"5",width:"12",height:"6",rx:"3",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"13",cy:"8",r:"2",fill:en,opacity:".3"})]});case"avatar":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"10",cy:"8",r:"6",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"10",cy:"6.5",r:"2",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("path",{d:"M6.5 13c0-2 1.5-3.5 3.5-3.5s3.5 1.5 3.5 3.5",stroke:en,strokeWidth:"0.5"})]});case"badge":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"5",width:"14",height:"6",rx:"3",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6",y:"7.5",width:"8",height:"1",rx:".5",fill:en,opacity:".25"})]});case"breadcrumb":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1.5",y:"7",width:"3.5",height:"1",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("path",{d:"M6.5 7l1 1-1 1",stroke:en,strokeWidth:"0.5",opacity:".2"}),(0,o.jsx)("rect",{x:"9",y:"7",width:"3.5",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("path",{d:"M14 7l1 1-1 1",stroke:en,strokeWidth:"0.5",opacity:".2"}),(0,o.jsx)("rect",{x:"16.5",y:"7",width:"2",height:"1",rx:".5",fill:en,opacity:".15"})]});case"pagination":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"5.5",width:"3.5",height:"5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6.5",y:"5.5",width:"3.5",height:"5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"11",y:"5.5",width:"3.5",height:"5",rx:"1",fill:en,opacity:".15",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"15.5",y:"5.5",width:"3.5",height:"5",rx:"1",stroke:en,strokeWidth:"0.5"})]});case"progress":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"7",width:"16",height:"2",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2",y:"7",width:"10",height:"2",rx:"1",fill:en,opacity:".2"})]});case"toast":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"4",width:"16",height:"8",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"5",cy:"8",r:"1.5",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("rect",{x:"8",y:"6.5",width:"7",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"8",y:"9",width:"5",height:"1",rx:".5",fill:en,opacity:".12"})]});case"tooltip":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"3",width:"14",height:"7",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5.5",y:"5.5",width:"9",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("path",{d:"M9 10l1 2.5 1-2.5",stroke:en,strokeWidth:"0.5"})]});case"pricing":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6",y:"3",width:"8",height:"1.5",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"7",y:"5.5",width:"6",height:"2",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"5",y:"9",width:"10",height:"1",rx:".5",fill:en,opacity:".1"}),(0,o.jsx)("rect",{x:"5",y:"11",width:"10",height:"1",rx:".5",fill:en,opacity:".1"}),(0,o.jsx)("rect",{x:"6",y:"13",width:"8",height:"1.5",rx:".5",fill:en,opacity:".2"})]});case"testimonial":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("text",{x:"4",y:"5.5",fontSize:"4",fill:en,opacity:".2",fontFamily:"serif",children:"“"}),(0,o.jsx)("rect",{x:"4",y:"7",width:"12",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"4",y:"9",width:"9",height:"1",rx:".5",fill:en,opacity:".12"}),(0,o.jsx)("circle",{cx:"5.5",cy:"12.5",r:"1.5",stroke:en,strokeWidth:"0.5",opacity:".25"}),(0,o.jsx)("rect",{x:"8",y:"12",width:"5",height:"1",rx:".5",fill:en,opacity:".15"})]});case"cta":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"2",width:"18",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5",y:"4.5",width:"10",height:"1.5",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"6",y:"7.5",width:"8",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"7",y:"10",width:"6",height:"2.5",rx:"1",stroke:en,strokeWidth:"0.5"})]});case"alert":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"4",width:"16",height:"8",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"6",cy:"8",r:"2",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("line",{x1:"6",y1:"7",x2:"6",y2:"8.5",stroke:en,strokeWidth:"0.6",opacity:".5"}),(0,o.jsx)("circle",{cx:"6",cy:"9.3",r:".3",fill:en,opacity:".5"}),(0,o.jsx)("rect",{x:"9.5",y:"7",width:"6",height:"1",rx:".5",fill:en,opacity:".2"})]});case"banner":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"5",width:"18",height:"6",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"4",y:"7.5",width:"8",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"14",y:"7",width:"3.5",height:"2",rx:".75",stroke:en,strokeWidth:"0.5"})]});case"stat":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"2",width:"14",height:"12",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6",y:"4.5",width:"8",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"5",y:"7",width:"10",height:"2.5",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"7",y:"11",width:"6",height:"1",rx:".5",fill:en,opacity:".12"})]});case"stepper":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"4",cy:"8",r:"2",fill:en,opacity:".2",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"6",y1:"8",x2:"8",y2:"8",stroke:en,strokeWidth:".4",opacity:".3"}),(0,o.jsx)("circle",{cx:"10",cy:"8",r:"2",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"12",y1:"8",x2:"14",y2:"8",stroke:en,strokeWidth:".4",opacity:".3"}),(0,o.jsx)("circle",{cx:"16",cy:"8",r:"2",stroke:en,strokeWidth:"0.5"})]});case"tag":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"5",width:"14",height:"6",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5.5",y:"7.5",width:"6",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("line",{x1:"14",y1:"6.5",x2:"15.5",y2:"9.5",stroke:en,strokeWidth:"0.5",opacity:".2"}),(0,o.jsx)("line",{x1:"15.5",y1:"6.5",x2:"14",y2:"9.5",stroke:en,strokeWidth:"0.5",opacity:".2"})]});case"rating":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.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:en,opacity:".25"}),(0,o.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:en,opacity:".25"}),(0,o.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:en,strokeWidth:"0.5",opacity:".25"})]});case"map":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"2",y1:"6",x2:"18",y2:"10",stroke:en,strokeWidth:".3",opacity:".15"}),(0,o.jsx)("line",{x1:"7",y1:"2",x2:"11",y2:"14",stroke:en,strokeWidth:".3",opacity:".15"}),(0,o.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:en,opacity:".15",stroke:en,strokeWidth:"0.5"})]});case"timeline":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("line",{x1:"5",y1:"2",x2:"5",y2:"14",stroke:en,strokeWidth:".4",opacity:".25"}),(0,o.jsx)("circle",{cx:"5",cy:"4",r:"1.5",fill:en,opacity:".2",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"8",y:"3",width:"8",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("circle",{cx:"5",cy:"8.5",r:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"8",y:"7.5",width:"6",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("circle",{cx:"5",cy:"13",r:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"8",y:"12",width:"7",height:"1",rx:".5",fill:en,opacity:".15"})]});case"fileUpload":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"2",width:"14",height:"12",rx:"1.5",stroke:en,strokeWidth:"0.5",strokeDasharray:"2 1"}),(0,o.jsx)("path",{d:"M10 10V5.5m0 0L7.5 8m2.5-2.5L12.5 8",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("rect",{x:"7",y:"11.5",width:"6",height:"1",rx:".5",fill:en,opacity:".15"})]});case"codeBlock":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"4",cy:"4",r:".6",fill:en,opacity:".3"}),(0,o.jsx)("circle",{cx:"5.5",cy:"4",r:".6",fill:en,opacity:".3"}),(0,o.jsx)("circle",{cx:"7",cy:"4",r:".6",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"4",y:"7",width:"7",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("rect",{x:"6",y:"9",width:"5",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"4",y:"11",width:"8",height:"1",rx:".5",fill:en,opacity:".12"})]});case"calendar":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"3",width:"16",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"2",y1:"6.5",x2:"18",y2:"6.5",stroke:en,strokeWidth:".4",opacity:".25"}),(0,o.jsx)("rect",{x:"5",y:"4",width:"1",height:"1.5",rx:".3",fill:en,opacity:".2"}),(0,o.jsx)("rect",{x:"14",y:"4",width:"1",height:"1.5",rx:".3",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"7",cy:"9",r:".6",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"10",cy:"9",r:".6",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"13",cy:"9",r:".6",fill:en,opacity:".3"}),(0,o.jsx)("circle",{cx:"7",cy:"12",r:".6",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"10",cy:"12",r:".6",fill:en,opacity:".2"})]});case"notification":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"3",width:"16",height:"10",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"5.5",cy:"8",r:"2",stroke:en,strokeWidth:"0.5",opacity:".25"}),(0,o.jsx)("rect",{x:"9",y:"6",width:"6",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"9",y:"8.5",width:"4.5",height:"1",rx:".5",fill:en,opacity:".12"}),(0,o.jsx)("circle",{cx:"16.5",cy:"4.5",r:"1.5",fill:en,opacity:".25"})]});case"productCard":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"1",width:"14",height:"14",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3",y:"1",width:"14",height:"6",rx:"1",fill:en,opacity:".04"}),(0,o.jsx)("rect",{x:"5",y:"8.5",width:"7",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"5",y:"10.5",width:"4",height:"1.5",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"12",y:"12",width:"4",height:"2",rx:".75",stroke:en,strokeWidth:"0.5"})]});case"profile":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"10",cy:"5",r:"3",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5",y:"10",width:"10",height:"1.5",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"7",y:"12.5",width:"6",height:"1",rx:".5",fill:en,opacity:".12"})]});case"drawer":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"9",y:"1",width:"10",height:"14",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"10.5",y:"4",width:"5",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"10.5",y:"6.5",width:"7",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"10.5",y:"9",width:"6",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"1",y:"1",width:"7",height:"14",rx:"1",stroke:en,strokeWidth:"0.5",opacity:".15"})]});case"popover":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"2",width:"14",height:"9",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5",y:"4.5",width:"8",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"5",y:"7",width:"6",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("path",{d:"M9 11l1 2.5 1-2.5",stroke:en,strokeWidth:"0.5"})]});case"logo":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"3",width:"10",height:"10",rx:"2",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("path",{d:"M5 9.5l2-4 2 4",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("rect",{x:"14",y:"6",width:"4",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("rect",{x:"14",y:"8.5",width:"3",height:"1",rx:".5",fill:en,opacity:".12"})]});case"faq":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("text",{x:"2.5",y:"5.5",fontSize:"4",fill:en,opacity:".3",fontWeight:"bold",children:"?"}),(0,o.jsx)("rect",{x:"7",y:"3",width:"10",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"7",y:"5.5",width:"8",height:"1",rx:".5",fill:en,opacity:".12"}),(0,o.jsx)("text",{x:"2.5",y:"11.5",fontSize:"4",fill:en,opacity:".3",fontWeight:"bold",children:"?"}),(0,o.jsx)("rect",{x:"7",y:"9",width:"9",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"7",y:"11.5",width:"7",height:"1",rx:".5",fill:en,opacity:".12"})]});case"gallery":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1.5",y:"1.5",width:"5",height:"5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"7.5",y:"1.5",width:"5",height:"5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"13.5",y:"1.5",width:"5",height:"5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"1.5",y:"9.5",width:"5",height:"5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"7.5",y:"9.5",width:"5",height:"5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"13.5",y:"9.5",width:"5",height:"5",rx:".75",stroke:en,strokeWidth:"0.5"})]});case"checkbox":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"5",y:"4",width:"8",height:"8",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("path",{d:"M7.5 8l1.5 1.5 3-3",stroke:en,strokeWidth:"0.5",opacity:".35"})]});case"radio":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"10",cy:"8",r:"4",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"10",cy:"8",r:"2",fill:en,opacity:".3"})]});case"slider":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"7.5",width:"16",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"2",y:"7.5",width:"10",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("circle",{cx:"12",cy:"8",r:"2.5",stroke:en,strokeWidth:"0.5"})]});case"datePicker":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"1",width:"16",height:"5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3.5",y:"3",width:"5",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("rect",{x:"14",y:"2.5",width:"2.5",height:"2",rx:".5",fill:en,opacity:".12"}),(0,o.jsx)("rect",{x:"2",y:"7",width:"16",height:"8",rx:"1",stroke:en,strokeWidth:"0.5",strokeDasharray:"2 1",opacity:".3"}),(0,o.jsx)("circle",{cx:"6",cy:"10",r:".6",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"10",cy:"10",r:".6",fill:en,opacity:".3"}),(0,o.jsx)("circle",{cx:"14",cy:"10",r:".6",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"6",cy:"13",r:".6",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"10",cy:"13",r:".6",fill:en,opacity:".2"})]});case"skeleton":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"16",height:"3",rx:"1",fill:en,opacity:".08"}),(0,o.jsx)("rect",{x:"2",y:"7",width:"10",height:"2",rx:".75",fill:en,opacity:".08"}),(0,o.jsx)("rect",{x:"2",y:"11",width:"13",height:"2",rx:".75",fill:en,opacity:".08"})]});case"chip":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1.5",y:"5",width:"10",height:"6",rx:"3",fill:en,opacity:".08",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"4",y:"7.5",width:"4",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("line",{x1:"9.5",y1:"6.5",x2:"10.5",y2:"9.5",stroke:en,strokeWidth:"0.5",opacity:".2"}),(0,o.jsx)("line",{x1:"10.5",y1:"6.5",x2:"9.5",y2:"9.5",stroke:en,strokeWidth:"0.5",opacity:".2"}),(0,o.jsx)("rect",{x:"13",y:"5",width:"5.5",height:"6",rx:"3",stroke:en,strokeWidth:"0.5",opacity:".25"})]});case"icon":return(0,o.jsx)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:(0,o.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:en,strokeWidth:"0.5",opacity:".3"})});case"spinner":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"10",cy:"8",r:"5",stroke:en,strokeWidth:"0.5",opacity:".12"}),(0,o.jsx)("path",{d:"M10 3a5 5 0 0 1 5 5",stroke:en,strokeWidth:"0.5",opacity:".35",strokeLinecap:"round"})]});case"feature":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"5",height:"5",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("path",{d:"M4.5 3.5v3m-1.5-1.5h3",stroke:en,strokeWidth:"0.5",opacity:".25"}),(0,o.jsx)("rect",{x:"9",y:"2.5",width:"8",height:"1.5",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"9",y:"5.5",width:"6",height:"1",rx:".5",fill:en,opacity:".12"}),(0,o.jsx)("rect",{x:"2",y:"10",width:"5",height:"5",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"9",y:"10.5",width:"7",height:"1.5",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"9",y:"13.5",width:"5",height:"1",rx:".5",fill:en,opacity:".12"})]});case"team":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"5",cy:"5",r:"2.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2.5",y:"9",width:"5",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"15",cy:"5",r:"2.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"12.5",y:"9",width:"5",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"10",cy:"5",r:"2.5",stroke:en,strokeWidth:"0.5",opacity:".5"}),(0,o.jsx)("rect",{x:"7.5",y:"9",width:"5",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"4",y:"12",width:"12",height:"1",rx:".5",fill:en,opacity:".1"})]});case"login":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"1",width:"14",height:"14",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6",y:"3",width:"8",height:"1.5",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"5",y:"5.5",width:"10",height:"3",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5",y:"9.5",width:"10",height:"3",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6.5",y:"13.5",width:"7",height:"2",rx:".75",fill:en,opacity:".2"})]});case"contact":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"4",y:"3",width:"5",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("rect",{x:"4",y:"5",width:"12",height:"2.5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"4",y:"8.5",width:"12",height:"4",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"11",y:"13.5",width:"5",height:"1.5",rx:".5",fill:en,opacity:".2"})]});default:return null}}function er({activeType:e,onSelect:t,onDragStart:n,scrollRef:r,fadeClass:s,blankCanvas:l}){return(0,o.jsx)("div",{ref:r,className:`${J.placeScroll} ${s||""}`,children:X.map(r=>(0,o.jsxs)("div",{className:J.paletteSection,children:[(0,o.jsx)("div",{className:J.paletteSectionTitle,children:r.section}),r.items.map(r=>(0,o.jsxs)("div",{className:`${J.paletteItem} ${e===r.type?J.active:""} ${l?J.wireframe:""}`,onClick:()=>t(r.type),onMouseDown:e=>{0===e.button&&n(r.type,e)},children:[(0,o.jsx)("div",{className:J.paletteItemIcon,children:(0,o.jsx)(eo,{type:r.type})}),(0,o.jsx)("span",{className:J.paletteItemLabel,children:r.label})]},r.type))]},r.section))})}function es({value:e,suffix:n}){let[r,s]=(0,t.useState)(null),[l,i]=(0,t.useState)(n),[a,d]=(0,t.useState)("up"),_=(0,t.useRef)(e),c=(0,t.useRef)(n),u=(0,t.useRef)(),h=null!==r&&l!==n;return((0,t.useEffect)(()=>{if(e!==_.current){if(0===e){_.current=e,c.current=n,s(null);return}d(e>_.current?"up":"down"),s(_.current),i(c.current),_.current=e,c.current=n,clearTimeout(u.current),u.current=D(()=>s(null),250)}else c.current=n},[e,n]),null===r)?(0,o.jsxs)(o.Fragment,{children:[e,n?` ${n}`:""]}):h?(0,o.jsxs)("span",{className:J.rollingWrap,children:[(0,o.jsxs)("span",{style:{visibility:"hidden"},children:[e," ",n]}),(0,o.jsxs)("span",{className:`${J.rollingNum} ${"up"===a?J.exitUp:J.exitDown}`,children:[r," ",l]},`o${r}-${e}`),(0,o.jsxs)("span",{className:`${J.rollingNum} ${"up"===a?J.enterUp:J.enterDown}`,children:[e," ",n]},`n${e}`)]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("span",{className:J.rollingWrap,children:[(0,o.jsx)("span",{style:{visibility:"hidden"},children:e}),(0,o.jsx)("span",{className:`${J.rollingNum} ${"up"===a?J.exitUp:J.exitDown}`,children:r},`o${r}-${e}`),(0,o.jsx)("span",{className:`${J.rollingNum} ${"up"===a?J.enterUp:J.enterDown}`,children:e},`n${e}`)]}),n?` ${n}`:""]})}function el({activeType:e,onSelect:n,isDarkMode:r,sectionCount:s,onDetectSections:l,visible:i,onExited:a,placementCount:d,onClearPlacements:_,onDragStart:c,blankCanvas:u,onBlankCanvasChange:h,wireframePurpose:m,onWireframePurposeChange:g,Tooltip:p}){let[y,x]=(0,t.useState)(!1),[f,b]=(0,t.useState)("exit"),[w,v]=(0,t.useState)(!1),[k,j]=(0,t.useState)(!0),C=(0,t.useRef)(0),M=(0,t.useRef)(""),S=(0,t.useRef)(0),$=(0,t.useRef)(),L=(0,t.useRef)(null),[I,B]=(0,t.useState)("");(0,t.useEffect)(()=>(i?(x(!0),clearTimeout($.current),cancelAnimationFrame(S.current),S.current=P(()=>{S.current=P(()=>{b("enter")})})):(cancelAnimationFrame(S.current),b("exit"),clearTimeout($.current),$.current=D(()=>{x(!1),a?.()},200)),()=>cancelAnimationFrame(S.current)),[i]);let N=d>0||s>0,E=d+s;if(E>0&&(C.current=E,M.current=u?1===E?"Component":"Components":1===E?"Change":"Changes"),(0,t.useEffect)(()=>{if(N)w?j(!1):(j(!0),v(!0),P(()=>{P(()=>{j(!1)})}));else{j(!0);let e=D(()=>v(!1),300);return()=>clearTimeout(e)}},[N]),(0,t.useEffect)(()=>{if(!y)return;let e=L.current;if(!e)return;let t=()=>B(function(e){if(!e)return"";let t=e.scrollTop>2,n=e.scrollTop+e.clientHeight<e.scrollHeight-2;return`${t?J.fadeTop:""} ${n?J.fadeBottom:""}`}(e));t(),e.addEventListener("scroll",t,{passive:!0});let n=new ResizeObserver(t);return n.observe(e),()=>{e.removeEventListener("scroll",t),n.disconnect()}},[y]),!y)return null;let R=[];return d>0&&R.push("placed"),s>0&&R.push("captured"),(0,o.jsxs)("div",{className:`${J.palette} ${J[f]} ${!r?J.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($.current),x(!1),b("exit"),a?.()))},children:[(0,o.jsxs)("div",{className:J.paletteHeader,children:[(0,o.jsx)("div",{className:J.paletteHeaderTitle,children:"Layout Mode"}),(0,o.jsxs)("div",{className:J.paletteHeaderDesc,children:["Rearrange and resize existing elements, add new components, and explore layout ideas. Agent results may vary."," ",(0,o.jsx)("a",{href:"https://agentation.dev/features#layout-mode",target:"_blank",rel:"noopener noreferrer",children:"Learn more."})]})]}),(0,o.jsxs)("div",{className:`${J.canvasToggle} ${u?J.active:""}`,onClick:()=>h(!u),children:[(0,o.jsx)("span",{className:J.canvasToggleIcon,children:(0,o.jsxs)("svg",{viewBox:"0 0 14 14",width:"14",height:"14",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"1",width:"12",height:"12",rx:"2",stroke:"currentColor",strokeWidth:"1"}),(0,o.jsx)("circle",{cx:"4.5",cy:"4.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"7",cy:"4.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"9.5",cy:"4.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"4.5",cy:"7",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"7",cy:"7",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"9.5",cy:"7",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"4.5",cy:"9.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"7",cy:"9.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"9.5",cy:"9.5",r:"0.8",fill:"currentColor",opacity:".6"})]})}),(0,o.jsx)("span",{className:J.canvasToggleLabel,children:"Wireframe New Page"})]}),(0,o.jsx)("div",{className:`${J.wireframePurposeWrap} ${!u?J.collapsed:""}`,children:(0,o.jsx)("div",{className:J.wireframePurposeInner,children:(0,o.jsx)("textarea",{className:J.wireframePurposeInput,placeholder:"Describe this page to provide additional context for your agent.",value:m,onChange:e=>g(e.target.value),rows:2})})}),(0,o.jsx)(er,{activeType:e,onSelect:n,onDragStart:c,scrollRef:L,fadeClass:I,blankCanvas:u}),w&&(0,o.jsx)("div",{className:`${J.paletteFooterWrap} ${k?J.footerHidden:""}`,children:(0,o.jsx)("div",{className:J.paletteFooterInner,children:(0,o.jsx)("div",{className:J.paletteFooterInnerContent,children:(0,o.jsxs)("div",{className:J.paletteFooter,children:[(0,o.jsx)("span",{className:J.paletteFooterCount,children:(0,o.jsx)(es,{value:C.current,suffix:M.current})}),(0,o.jsx)("button",{className:J.paletteFooterClear,onClick:_,children:"Clear"})]})})})})]})}function ei(e){if(e.parentElement)return e.parentElement;let t=e.getRootNode();return t instanceof ShadowRoot?t.host:null}function ea(e,t){let n=e;for(;n;){if(n.matches(t))return n;n=ei(n)}return null}function ed(e,t=4){let n=[],o=e,r=0;for(;o&&r<t;){let e=o.tagName.toLowerCase();if("html"===e||"body"===e)break;let t=e;if(o.id)t=`#${o.id}`;else if(o.className&&"string"==typeof o.className){let e=o.className.split(/\s+/).find(e=>e.length>2&&!e.match(/^[a-z]{1,2}$/)&&!e.match(/[A-Z0-9]{5,}/));e&&(t=`.${e.split("_")[0]}`)}let s=ei(o);!o.parentElement&&s&&(t=`\u27E8shadow\u27E9 ${t}`),n.unshift(t),o=s,r++}return n.join(" > ")}function e_(e){let t=ed(e);if(e.dataset.element)return{name:e.dataset.element,path:t};let n=e.tagName.toLowerCase();if(["path","circle","rect","line","g"].includes(n)){let n=ea(e,"svg");if(n){let e=ei(n);if(e instanceof HTMLElement){let n=e_(e).name;return{name:`graphic in ${n}`,path:t}}}return{name:"graphic element",path:t}}if("svg"===n){let n=ei(e);if(n?.tagName.toLowerCase()==="button"){let e=n.textContent?.trim();return{name:e?`icon in "${e}" button`:"button icon",path:t}}return{name:"icon",path:t}}if("button"===n){let n=e.textContent?.trim(),o=e.getAttribute("aria-label");return o?{name:`button [${o}]`,path:t}:{name:n?`button "${n.slice(0,25)}"`:"button",path:t}}if("a"===n){let n=e.textContent?.trim(),o=e.getAttribute("href");return n?{name:`link "${n.slice(0,25)}"`,path:t}:o?{name:`link to ${o.slice(0,30)}`,path:t}:{name:"link",path:t}}if("input"===n){let n=e.getAttribute("type")||"text",o=e.getAttribute("placeholder"),r=e.getAttribute("name");return o?{name:`input "${o}"`,path:t}:r?{name:`input [${r}]`,path:t}:{name:`${n} input`,path:t}}if(["h1","h2","h3","h4","h5","h6"].includes(n)){let o=e.textContent?.trim();return{name:o?`${n} "${o.slice(0,35)}"`:n,path:t}}if("p"===n){let n=e.textContent?.trim();return n?{name:`paragraph: "${n.slice(0,40)}${n.length>40?"...":""}"`,path:t}:{name:"paragraph",path:t}}if("span"===n||"label"===n){let o=e.textContent?.trim();return o&&o.length<40?{name:`"${o}"`,path:t}:{name:n,path:t}}if("li"===n){let n=e.textContent?.trim();return n&&n.length<40?{name:`list item: "${n.slice(0,35)}"`,path:t}:{name:"list item",path:t}}if("blockquote"===n)return{name:"blockquote",path:t};if("code"===n){let n=e.textContent?.trim();return n&&n.length<30?{name:`code: \`${n}\``,path:t}:{name:"code",path:t}}if("pre"===n)return{name:"code block",path:t};if("img"===n){let n=e.getAttribute("alt");return{name:n?`image "${n.slice(0,30)}"`:"image",path:t}}if("video"===n)return{name:"video",path:t};if(["div","section","article","nav","header","footer","aside","main"].includes(n)){let o=e.className,r=e.getAttribute("role"),s=e.getAttribute("aria-label");if(s)return{name:`${n} [${s}]`,path:t};if(r)return{name:`${r}`,path:t};if("string"==typeof o&&o){let e=o.split(/[\s_-]+/).map(e=>e.replace(/[A-Z0-9]{5,}.*$/,"")).filter(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e)).slice(0,2);if(e.length>0)return{name:e.join(" "),path:t}}return{name:"div"===n?"container":n,path:t}}return{name:n,path:t}}function ec(e){let t=[],n=e.textContent?.trim();n&&n.length<100&&t.push(n);let o=e.previousElementSibling;if(o){let e=o.textContent?.trim();e&&e.length<50&&t.unshift(`[before: "${e.slice(0,40)}"]`)}let r=e.nextElementSibling;if(r){let e=r.textContent?.trim();e&&e.length<50&&t.push(`[after: "${e.slice(0,40)}"]`)}return t.join(" ")}function eu(e){let t=ei(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=`.${e}`)}if("button"===t||"a"===t){let n=e.textContent?.trim().slice(0,15);if(n)return`${t}${o} "${n}"`}return`${t}${o}`}),r=t.tagName.toLowerCase();if("string"==typeof t.className&&t.className){let e=t.className.split(/\s+/).map(e=>e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e));e&&(r=`.${e}`)}let s=t.children.length,l=s>o.length+1?` (${s} total in ${r})`:"";return o.join(", ")+l}function eh(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}).filter((e,t,n)=>n.indexOf(e)===t).join(", "):""}var em=new Set(["none","normal","auto","0px","rgba(0, 0, 0, 0)","transparent","static","visible"]),eg=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"]),ep=new Set(["input","textarea","select"]),ey=new Set(["img","video","canvas","svg"]),ex=new Set(["div","section","article","nav","header","footer","aside","main","ul","ol","form","fieldset"]);function ef(e){if("u"<typeof window)return{};let t=window.getComputedStyle(e),n={},o=e.tagName.toLowerCase();for(let r of eg.has(o)?["color","fontSize","fontWeight","fontFamily","lineHeight"]:"button"===o||"a"===o&&"button"===e.getAttribute("role")||ep.has(o)?["backgroundColor","color","padding","borderRadius","fontSize"]:ey.has(o)?["width","height","objectFit","borderRadius"]:ex.has(o)?["display","padding","margin","gap","backgroundColor"]:["color","fontSize","margin","padding","backgroundColor"]){let e=r.replace(/([A-Z])/g,"-$1").toLowerCase(),o=t.getPropertyValue(e);o&&!em.has(o)&&(n[r]=o)}return n}var eb=["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 ew(e){if("u"<typeof window)return"";let t=window.getComputedStyle(e),n=[];for(let e of eb){let o=e.replace(/([A-Z])/g,"-$1").toLowerCase(),r=t.getPropertyValue(o);r&&!em.has(r)&&n.push(`${o}: ${r}`)}return n.join("; ")}function ev(e){let t=[],n=e.getAttribute("role"),o=e.getAttribute("aria-label"),r=e.getAttribute("aria-describedby"),s=e.getAttribute("tabindex"),l=e.getAttribute("aria-hidden");return n&&t.push(`role="${n}"`),o&&t.push(`aria-label="${o}"`),r&&t.push(`aria-describedby="${r}"`),s&&t.push(`tabindex=${s}`),"true"===l&&t.push("aria-hidden"),e.matches("a, button, input, select, textarea, [tabindex]")&&t.push("focusable"),t.join(", ")}function ek(e){let t=[],n=e;for(;n&&"html"!==n.tagName.toLowerCase();){let e=n.tagName.toLowerCase(),o=e;if(n.id)o=`${e}#${n.id}`;else if(n.className&&"string"==typeof n.className){let t=n.className.split(/\s+/).map(e=>e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(e=>e.length>2);t&&(o=`${e}.${t}`)}let r=ei(n);!n.parentElement&&r&&(o=`\u27E8shadow\u27E9 ${o}`),t.unshift(o),n=r}return t.join(" > ")}var ej=new Set(["nav","header","main","section","article","footer","aside"]),eC={banner:"Header",navigation:"Navigation",main:"Main Content",contentinfo:"Footer",complementary:"Sidebar",region:"Section"},eM={nav:"Navigation",header:"Header",main:"Main Content",section:"Section",article:"Article",footer:"Footer",aside:"Sidebar"},eS=new Set(["script","style","noscript","link","meta"]);function e$(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 eL(e){let t=e.tagName.toLowerCase();if(["nav","header","footer","main"].includes(t)&&1===document.querySelectorAll(t).length)return t;if(e.id)return`#${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=`${t}.${CSS.escape(n)}`;if(1===document.querySelectorAll(e).length)return e}}let n=e.parentElement;if(n){let o=Array.from(n.children).indexOf(e)+1,r=n===document.body?"body":eL(n);return`${r} > ${t}:nth-child(${o})`}return t}function eI(e){let t=e.tagName.toLowerCase(),n=e.getAttribute("aria-label");if(n)return n;let o=e.getAttribute("role");if(o&&eC[o])return eC[o];if(eM[t])return eM[t];let r=e.querySelector("h1, h2, h3, h4, h5, h6");if(r){let e=r.textContent?.trim();if(e&&e.length<=50)return e;if(e)return e.slice(0,47)+"..."}let{name:s}=e_(e);return s.charAt(0).toUpperCase()+s.slice(1)}function eB(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 eN(e){let t=e.textContent?.trim();if(!t)return null;let n=t.replace(/\s+/g," ");return n.length<=30?n:n.slice(0,30)+"…"}var eE="rgba(59, 130, 246, 0.08)",eR="rgba(59, 130, 246, 0.5)",eW="#3b82f6",eD=["nw","n","ne","e","se","s","sw","w"];function ez(e,t,n,o){let r=1/0,s=1/0,l=e.x,i=e.x+e.width,a=e.x+e.width/2,d=e.y,_=e.y+e.height,c=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;for(let e of[l,i,a])for(let s of[t,n,o]){let t=s-e;5>Math.abs(t)&&Math.abs(t)<Math.abs(r)&&(r=t)}for(let e of[d,_,c])for(let t of[u,h,m]){let n=t-e;5>Math.abs(n)&&Math.abs(n)<Math.abs(s)&&(s=n)}}let h=5>Math.abs(r)?r:0,m=5>Math.abs(s)?s:0,g=[],p=new Set,y=l+h,x=i+h,f=a+h,b=d+m,w=_+m,v=c+m;for(let e of u){let t=e.x,n=e.x+e.width,o=e.x+e.width/2,r=e.y,s=e.y+e.height,l=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:${Math.round(e)}`;p.has(t)||(p.add(t),g.push({axis:"x",pos:e}))}for(let e of[r,l,s])for(let t of[b,v,w])if(.5>Math.abs(t-e)){let t=`y:${Math.round(e)}`;p.has(t)||(p.add(t),g.push({axis:"y",pos:e}))}}return{dx:h,dy:m,guides:g}}var eP=new Set(["script","style","noscript","link","meta","br","hr"]);function eT(e){let t=e;for(;t&&t!==document.body&&t!==document.documentElement&&!t.closest("[data-feedback-toolbar]");){if(eP.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 eO({rearrangeState:e,onChange:n,isDarkMode:r,exiting:s,className:l,blankCanvas:i,extraSnapRects:a,onSelectionChange:d,deselectSignal:_,onDragMove:c,onDragEnd:u,clearSignal:h}){let{sections:m}=e,g=(0,t.useRef)(e);g.current=e;let[p,y]=(0,t.useState)(new Set),[x,f]=(0,t.useState)(!1),b=(0,t.useRef)(h);(0,t.useEffect)(()=>{void 0!==h&&h!==b.current&&(b.current=h,m.length>0&&f(!0))},[h,m.length]);let w=(0,t.useRef)(_);(0,t.useEffect)(()=>{_!==w.current&&(w.current=_,y(new Set))},[_]);let[v,k]=(0,t.useState)(null),[j,C]=(0,t.useState)(!1),M=(0,t.useRef)(!1),S=(0,t.useCallback)(e=>{let t=m.find(t=>t.id===e);t&&(M.current=!!t.note,k(e),C(!1))},[m]),$=(0,t.useCallback)(()=>{v&&(C(!0),D(()=>{k(null),C(!1)},150))},[v]),L=(0,t.useCallback)(t=>{v&&(n({...e,sections:m.map(e=>e.id===v?{...e,note:t.trim()||void 0}:e)}),$())},[v,m,e,n,$]);(0,t.useEffect)(()=>{s&&v&&$()},[s]);let[I,B]=(0,t.useState)(new Set),N=(0,t.useRef)(new Map),[E,R]=(0,t.useState)(null),[W,z]=(0,t.useState)(null),[P,T]=(0,t.useState)([]),[O,F]=(0,t.useState)(0),H=(0,t.useRef)(null),Y=(0,t.useRef)(new Set),X=(0,t.useRef)(new Map),[U,Q]=(0,t.useState)(new Map),[q,V]=(0,t.useState)(new Map),Z=(0,t.useRef)(new Set),K=(0,t.useRef)(new Map),G=(0,t.useRef)(d);G.current=d;let ee=(0,t.useRef)(c);ee.current=c;let et=(0,t.useRef)(u);et.current=u,(0,t.useEffect)(()=>{i&&y(new Set)},[i]);let[en,eo]=(0,t.useState)(()=>!e.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,t.useEffect)(()=>{if(!en){let e=D(()=>eo(!0),380);return()=>clearTimeout(e)}},[]);let er=(0,t.useRef)(new Set);(0,t.useEffect)(()=>{er.current=new Set(m.map(e=>e.selector))},[m]),(0,t.useEffect)(()=>{let e=()=>F(window.scrollY);return e(),window.addEventListener("scroll",e,{passive:!0}),window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[]),(0,t.useEffect)(()=>{let e=e=>{if(H.current)return void R(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 R(null);let n=eT(t);if(!n)return void R(null);for(let e of er.current)try{let t=document.querySelector(e);if(t&&(t===n||n.contains(t)))return void R(null)}catch{}let o=n.getBoundingClientRect();R({x:o.x,y:o.y,w:o.width,h:o.height})};return document.addEventListener("mousemove",e,{passive:!0}),()=>document.removeEventListener("mousemove",e)},[m]),(0,t.useEffect)(()=>{let e=document.body.style.userSelect;return document.body.style.userSelect="none",()=>{document.body.style.userSelect=e}},[]),(0,t.useEffect)(()=>{let t=t=>{if(H.current||0!==t.button)return;let o=t.target;if(!o||o.closest("[data-feedback-toolbar]")||o.closest("[data-design-placement]")||o.closest("[data-annotation-popup]"))return;let r=eT(o),s=!1;if(r)for(let e of er.current)try{let t=document.querySelector(e);if(t&&(t===r||r.contains(t))){s=!0;break}}catch{}let l=!!(t.shiftKey||t.metaKey||t.ctrlKey);if(r&&!s){let o,s,i,d,_,c;t.preventDefault(),t.stopPropagation();let u=(o=window.scrollY,s=r.getBoundingClientRect(),i=e$(r),d={x:s.x,y:i?s.y:s.y+o,width:s.width,height:s.height},_=r.parentElement,c=0,_&&(c=Array.from(_.children).indexOf(r)),{id:`rs-${Date.now()}-${Math.random().toString(36).slice(2,7)}`,label:eI(r),tagName:r.tagName.toLowerCase(),selector:eL(r),role:r.getAttribute("role"),className:eB(r),textSnippet:eN(r),originalRect:d,currentRect:{...d},originalIndex:c,isFixed:i}),h=[...m,u],g=[...e.originalOrder,u.id];n({...e,sections:h,originalOrder:g});let p=new Set([u.id]);y(p),G.current?.(p,l),R(null);let x=t.clientX,f=t.clientY,b={x:u.currentRect.x,y:u.currentRect.y};u.originalRect;let w=!1,v=0,k=0;H.current="move";let j=e=>{let t=e.clientX-x,n=e.clientY-f;if(!w&&(Math.abs(t)>2||Math.abs(n)>2)&&(w=!0),!w)return;let o=ez({x:b.x+t,y:b.y+n,width:u.currentRect.width,height:u.currentRect.height},h,new Set([u.id]),a);T(o.guides);let r=t+o.dx,s=n+o.dy;v=r,k=s;let l=document.querySelector(`[data-rearrange-section="${u.id}"]`);l&&(l.style.transform=`translate(${r}px, ${s}px)`),Q(new Map([[u.id,{x:b.x+r,y:b.y+s,width:u.currentRect.width,height:u.currentRect.height}]])),ee.current?.(r,s)},C=()=>{window.removeEventListener("mousemove",j),window.removeEventListener("mouseup",C),H.current=null,T([]),Q(new Map);let t=document.querySelector(`[data-rearrange-section="${u.id}"]`);t&&(t.style.transform=""),w&&n({...e,sections:h.map(e=>e.id===u.id?{...e,currentRect:{...e.currentRect,x:Math.max(0,b.x+v),y:Math.max(0,b.y+k)}}:e),originalOrder:g}),et.current?.(v,k,w)};window.addEventListener("mousemove",j),window.addEventListener("mouseup",C)}else if(s&&r){for(let e of(t.preventDefault(),m))try{let t=document.querySelector(e.selector);if(t&&t===r){let t=new Set([e.id]);y(t),G.current?.(t,l);return}}catch{}l||(y(new Set),G.current?.(new Set,!1))}else l||(y(new Set),G.current?.(new Set,!1))};return document.addEventListener("mousedown",t,!0),()=>document.removeEventListener("mousedown",t,!0)},[m,e,n]),(0,t.useEffect)(()=>{let t=t=>{let o=t.target;if("INPUT"!==o.tagName&&"TEXTAREA"!==o.tagName&&!o.isContentEditable){if(("Backspace"===t.key||"Delete"===t.key)&&p.size>0){t.preventDefault();let e=new Set(p);B(t=>{let n=new Set(t);for(let t of e)n.add(t);return n}),y(new Set),D(()=>{let t=g.current;n({...t,sections:t.sections.filter(t=>!e.has(t.id)),originalOrder:t.originalOrder.filter(t=>!e.has(t))}),B(t=>{let n=new Set(t);for(let t of e)n.delete(t);return n})},180);return}if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t.key)&&p.size>0){t.preventDefault();let o=t.shiftKey?20:1,r="ArrowLeft"===t.key?-o:"ArrowRight"===t.key?o:0,s="ArrowUp"===t.key?-o:"ArrowDown"===t.key?o:0;n({...e,sections:m.map(e=>p.has(e.id)?{...e,currentRect:{...e.currentRect,x:Math.max(0,e.currentRect.x+r),y:Math.max(0,e.currentRect.y+s)}}:e)});return}"Escape"===t.key&&p.size>0&&y(new Set)}};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[p,m,e,n]);let es=(0,t.useCallback)((t,o)=>{let r;if(0!==t.button)return;let s=t.target;if(s.closest(`.${J.handle}`)||s.closest(`.${J.deleteButton}`))return;t.preventDefault(),t.stopPropagation(),t.shiftKey||t.metaKey||t.ctrlKey?(r=new Set(p)).has(o)?r.delete(o):r.add(o):r=new Set(p.has(o)?p:[o]),y(r),(r.size!==p.size||[...r].some(e=>!p.has(e)))&&G.current?.(r,!!(t.shiftKey||t.metaKey||t.ctrlKey));let l=t.clientX,i=t.clientY,d=new Map;for(let e of m)r.has(e.id)&&d.set(e.id,{x:e.currentRect.x,y:e.currentRect.y});H.current="move";let _=!1,c=0,u=0,h=new Map;for(let e of m)if(r.has(e.id)){let t=document.querySelector(`[data-rearrange-section="${e.id}"]`);h.set(e.id,{outlineEl:t,curW:e.currentRect.width,curH:e.currentRect.height})}let g=e=>{let t=e.clientX-l,n=e.clientY-i;if(0===t&&0===n)return;_=!0;let o=1/0,s=1/0,g=-1/0,p=-1/0;for(let[e,{curW:r,curH:l}]of h){let i=d.get(e);if(!i)continue;let a=i.x+t,_=i.y+n;o=Math.min(o,a),s=Math.min(s,_),g=Math.max(g,a+r),p=Math.max(p,_+l)}let y=ez({x:o,y:s,width:g-o,height:p-s},m,r,a),x=t+y.dx,f=n+y.dy;for(let[,{outlineEl:e}]of(c=x,u=f,T(y.guides),h))e&&(e.style.transform=`translate(${x}px, ${f}px)`);let b=new Map;for(let[e,{curW:t,curH:n}]of h){let o=d.get(e);if(o){let r={x:Math.max(0,o.x+x),y:Math.max(0,o.y+f),width:t,height:n};b.set(e,r)}}Q(b),ee.current?.(x,f)},x=t=>{for(let[,{outlineEl:e}]of(window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",x),H.current=null,T([]),Q(new Map),h))e&&(e.style.transform="");if(_){let o=t.clientX-l,r=t.clientY-i;if(5>Math.abs(o)&&5>Math.abs(r))n({...e,sections:m.map(e=>{let t=d.get(e.id);return t?{...e,currentRect:{...e.currentRect,x:t.x,y:t.y}}:e})});else{n({...e,sections:m.map(e=>{let t=d.get(e.id);return t?{...e,currentRect:{...e.currentRect,x:Math.max(0,t.x+c),y:Math.max(0,t.y+u)}}:e})}),et.current?.(c,u,!0);return}}et.current?.(0,0,!1)};window.addEventListener("mousemove",g),window.addEventListener("mouseup",x)},[p,m,e,n]),el=(0,t.useCallback)((t,o,r)=>{t.preventDefault(),t.stopPropagation();let s=m.find(e=>e.id===o);if(!s)return;y(new Set([o])),H.current="resize";let l=t.clientX,i=t.clientY,a={...s.currentRect};s.originalRect;let d=a.width/a.height,_={...a},c=document.querySelector(`[data-rearrange-section="${o}"]`),u=e=>{let t=e.clientX-l,n=e.clientY-i,s=a.x,u=a.y,h=a.width,m=a.height;r.includes("e")&&(h=Math.max(24,a.width+t)),r.includes("w")&&(h=Math.max(24,a.width-t),s=a.x+a.width-h),r.includes("s")&&(m=Math.max(24,a.height+n)),r.includes("n")&&(m=Math.max(24,a.height-n),u=a.y+a.height-m),e.shiftKey&&(2===r.length?(Math.abs(h-a.width)>Math.abs(m-a.height)?m=h/d:h=m*d,r.includes("w")&&(s=a.x+a.width-h),r.includes("n")&&(u=a.y+a.height-m)):("e"===r||"w"===r?m=h/d:h=m*d,"w"===r&&(s=a.x+a.width-h),"n"===r&&(u=a.y+a.height-m))),_={x:s,y:u,width:h,height:m},c&&(c.style.left=`${s}px`,c.style.top=`${u-O}px`,c.style.width=`${h}px`,c.style.height=`${m}px`),z({x:e.clientX+12,y:e.clientY+12,text:`${Math.round(h)} \xd7 ${Math.round(m)}`}),Q(new Map([[o,_]]))},h=()=>{window.removeEventListener("mousemove",u),window.removeEventListener("mouseup",h),z(null),H.current=null,Q(new Map),n({...e,sections:m.map(e=>e.id===o?{...e,currentRect:_}:e)})};window.addEventListener("mousemove",u),window.addEventListener("mouseup",h)},[m,e,n,O]),ei=(0,t.useCallback)(e=>{B(t=>{let n=new Set(t);return n.add(e),n}),y(t=>{let n=new Set(t);return n.delete(e),n}),D(()=>{let t=g.current;n({...t,sections:t.sections.filter(t=>t.id!==e),originalOrder:t.originalOrder.filter(t=>t!==e)}),B(t=>{let n=new Set(t);return n.delete(e),n})},180)},[n]),ea=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 m)!X.current.has(e.id)&&(ed(e)?X.current.set(e.id,"move"):e_(e)&&X.current.set(e.id,"resize"));for(let e of X.current.keys())m.some(t=>t.id===e)||X.current.delete(e);let ec=m.filter(e=>{try{if(I.has(e.id)||p.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{return!1}}),eu=ec.filter(e=>ea(e)),eh=ec.filter(e=>!ea(e)),em=new Set(eu.map(e=>e.id));for(let e of Y.current)em.has(e)||Y.current.delete(e);let eg=[...em].sort().join(",");for(let e of eu)K.current.set(e.id,{currentRect:e.currentRect,originalRect:e.originalRect,isFixed:e.isFixed});return(0,t.useEffect)(()=>{let e=Z.current;Z.current=em;let t=new Map;for(let n of e)if(!em.has(n)){if(!m.some(e=>e.id===n))continue;let e=K.current.get(n);e&&(t.set(n,{orig:e.originalRect,target:e.currentRect,isFixed:e.isFixed}),K.current.delete(n))}if(t.size>0){V(e=>{let n=new Map(e);for(let[e,o]of t)n.set(e,o);return n});let e=D(()=>{V(e=>{let n=new Map(e);for(let e of t.keys())n.delete(e);return n})},250);return()=>clearTimeout(e)}},[eg,m]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:`${J.rearrangeOverlay} ${!r?J.light:""} ${s?J.overlayExiting:""}${l?` ${l}`:""}`,"data-feedback-toolbar":!0,children:[E&&(0,o.jsx)("div",{className:J.hoverHighlight,style:{left:E.x,top:E.y,width:E.w,height:E.h}}),eh.map(e=>{let t=e.currentRect,n=e.isFixed?t.y:t.y-O,r=p.has(e.id);return(0,o.jsxs)("div",{"data-rearrange-section":e.id,className:`${J.sectionOutline} ${r?J.selected:""} ${x||s||I.has(e.id)?J.exiting:""}`,style:{left:t.x,top:n,width:t.width,height:t.height,borderColor:eR,backgroundColor:eE,...en?{}:{opacity:0,animation:"none",transition:"none"}},onMouseDown:t=>es(t,e.id),onDoubleClick:()=>S(e.id),children:[(0,o.jsx)("span",{className:J.sectionLabel,style:{backgroundColor:eW},children:e.label}),(0,o.jsx)("span",{className:`${J.sectionAnnotation} ${e.note?J.annotationVisible:""}`,children:(e.note&&N.current.set(e.id,e.note),e.note||N.current.get(e.id)||"")}),(0,o.jsxs)("span",{className:J.sectionDimensions,children:[Math.round(t.width)," × ",Math.round(t.height)]}),(0,o.jsx)("div",{className:J.deleteButton,onMouseDown:e=>e.stopPropagation(),onClick:()=>ei(e.id),children:"✕"}),eD.map(t=>(0,o.jsx)("div",{className:`${J.handle} ${J[`handle${t.charAt(0).toUpperCase()}${t.slice(1)}`]}`,onMouseDown:n=>el(n,e.id,t)},t))]},e.id)}),eu.map(e=>{let t=e.currentRect,n=e.isFixed?t.y:t.y-O,r=p.has(e.id),l=ed(e),a=e_(e);if(i&&!r)return null;let d=!Y.current.has(e.id);return d&&Y.current.add(e.id),(0,o.jsxs)("div",{"data-rearrange-section":e.id,className:`${J.ghostOutline} ${r?J.selected:""} ${x||s||I.has(e.id)?J.exiting:""}`,style:{left:t.x,top:n,width:t.width,height:t.height,...en?{}:{opacity:0,animation:"none",transition:"none"},...!d?{animation:"none"}:{}},onMouseDown:t=>es(t,e.id),onDoubleClick:()=>S(e.id),children:[(0,o.jsx)("span",{className:J.sectionLabel,style:{backgroundColor:eW},children:e.label}),(0,o.jsx)("span",{className:`${J.sectionAnnotation} ${e.note?J.annotationVisible:""}`,children:(e.note&&N.current.set(e.id,e.note),e.note||N.current.get(e.id)||"")}),(0,o.jsxs)("span",{className:J.sectionDimensions,children:[Math.round(t.width)," × ",Math.round(t.height)]}),(0,o.jsx)("div",{className:J.deleteButton,onMouseDown:e=>e.stopPropagation(),onClick:()=>ei(e.id),children:"✕"}),eD.map(t=>(0,o.jsx)("div",{className:`${J.handle} ${J[`handle${t.charAt(0).toUpperCase()}${t.slice(1)}`]}`,onMouseDown:n=>el(n,e.id,t)},t)),(0,o.jsx)("span",{className:J.ghostBadge,children:(()=>{let t=X.current.get(e.id);if(l&&a){let[e,n]="resize"===t?["Resize","Move"]:["Move","Resize"];return(0,o.jsxs)(o.Fragment,{children:["Suggested ",e," ",(0,o.jsxs)("span",{className:J.ghostBadgeExtra,children:["& ",n]})]})}return`Suggested ${a?"Resize":"Move"}`})()})]},e.id)})]}),!i&&(()=>{let e=[];for(let t of eu){let n=U.get(t.id);e.push({id:t.id,orig:t.originalRect,target:n||t.currentRect,isFixed:t.isFixed,isSelected:p.has(t.id),isExiting:I.has(t.id)})}for(let[t,n]of U)if(!e.some(e=>e.id===t)){let o=m.find(e=>e.id===t);o&&e.push({id:t,orig:o.originalRect,target:n,isFixed:o.isFixed,isSelected:p.has(t)})}for(let[t,n]of q)e.some(e=>e.id===t)||e.push({id:t,orig:n.orig,target:n.target,isFixed:n.isFixed,isSelected:!1,isExiting:!0});return 0===e.length?null:(0,o.jsxs)("svg",{className:`${J.connectorSvg} ${x||s?J.connectorExiting:""}`,children:[e.map(({id:e,orig:t,target:n,isFixed:r,isSelected:s,isExiting:l})=>{let i=t.x+t.width/2,a=(r?t.y:t.y-O)+t.height/2,d=n.x+n.width/2,_=(r?n.y:n.y-O)+n.height/2,c=d-i,u=_-a,h=Math.sqrt(c*c+u*u);if(h<2)return null;let m=Math.min(1,h/40),g=Math.min(.3*h,60),p=(i+d)/2+(h>0?-u/h:0)*g,y=(a+_)/2+(h>0?c/h:0)*g,x=U.has(e),f=x||s?1:.5;return(0,o.jsxs)("g",{className:l?J.connectorExiting:"",children:[(0,o.jsx)("path",{className:J.connectorLine,d:`M ${i} ${a} Q ${p} ${y} ${d} ${_}`,fill:"none",stroke:"rgba(59, 130, 246, 0.45)",strokeWidth:"1.5",opacity:(x||s?1:.4)*m}),(0,o.jsx)("circle",{className:J.connectorDot,cx:i,cy:a,r:4*m,fill:"rgba(59, 130, 246, 0.8)",stroke:"#fff",strokeWidth:"1.5",opacity:f*m,filter:"url(#connDotShadow)"}),(0,o.jsx)("circle",{className:J.connectorDot,cx:d,cy:_,r:4*m,fill:"rgba(59, 130, 246, 0.8)",stroke:"#fff",strokeWidth:"1.5",opacity:f*m,filter:"url(#connDotShadow)"})]},`conn-${e}`)}),(0,o.jsx)("defs",{children:(0,o.jsx)("filter",{id:"connDotShadow",x:"-50%",y:"-50%",width:"200%",height:"200%",children:(0,o.jsx)("feDropShadow",{dx:"0",dy:"0.5",stdDeviation:"1",floodOpacity:"0.15"})})})]})})(),v&&(()=>{let e,t=m.find(e=>e.id===v);if(!t)return null;let n=t.currentRect,s=t.isFixed?n.y:n.y-O,l=n.x+n.width/2,i=s-8,a=s+n.height+8,d=a<window.innerHeight-100,_=Math.max(160,Math.min(window.innerWidth-160,l));return e=i>200?{left:_,bottom:window.innerHeight-i}:d?{left:_,top:a}:{left:_,top:Math.max(80,window.innerHeight/2-80)},(0,o.jsx)(A,{element:t.label,placeholder:"Add a note about this section",initialValue:t.note??"",submitLabel:M.current?"Save":"Set",onSubmit:L,onCancel:$,onDelete:M.current?()=>{L("")}:void 0,isExiting:j,lightMode:!r,style:e})})(),W&&(0,o.jsx)("div",{className:J.sizeIndicator,style:{left:W.x,top:W.y},"data-feedback-toolbar":!0,children:W.text}),P.map((e,t)=>(0,o.jsx)("div",{className:J.guideLine,style:"x"===e.axis?{position:"fixed",left:e.pos,top:0,width:1,height:"100vh"}:{position:"fixed",left:0,top:e.pos-O,width:"100vw",height:1}},`${e.axis}-${e.pos}-${t}`))]})}var eA=new Set(["script","style","noscript","link","meta","br","hr"]);function eF(e,t){let n,o,r,s,l=t?(n=window.scrollY,t.map(({label:e,selector:t,rect:o})=>{let r=o.y-n;return{label:e,selector:t,top:r,bottom:r+o.height,left:o.x,right:o.x+o.width,area:o.width*o.height}})):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)||eA.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:eI(o),selector:eL(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)||eA.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:eI(e),selector:eL(e),top:o.top,bottom:o.bottom,left:o.left,right:o.right,area:o.width*o.height})}}return t}(),i=(o=window.scrollY,r=e.y-o,s=e.x,{top:r,bottom:r+e.height,left:s,right:s+e.width,area:e.width*e.height}),a=null,d=null,_=null,c=null,u=null;for(let t of l){if(2>Math.abs(t.left-i.left)&&2>Math.abs(t.top-i.top)&&2>Math.abs(t.right-t.left-e.width)&&2>Math.abs(t.bottom-t.top-e.height))continue;t.left<=i.left+2&&t.right>=i.right-2&&t.top<=i.top+2&&t.bottom>=i.bottom-2&&t.area>1.5*i.area&&(!u||t.area<u._area)&&(u={label:t.label,selector:t.selector,_area:t.area});let n=i.right>t.left+5&&i.left<t.right-5,o=i.bottom>t.top+5&&i.top<t.bottom-5;if(n&&t.bottom<=i.top+5){let e=Math.round(i.top-t.bottom);(!a||e<a._dist)&&(a={label:t.label,selector:t.selector,gap:Math.max(0,e),_dist:e})}if(n&&t.top>=i.bottom-5){let e=Math.round(t.top-i.bottom);(!d||e<d._dist)&&(d={label:t.label,selector:t.selector,gap:Math.max(0,e),_dist:e})}if(o&&t.right<=i.left+5){let e=Math.round(i.left-t.right);(!_||e<_._dist)&&(_={label:t.label,selector:t.selector,gap:Math.max(0,e),_dist:e})}if(o&&t.left>=i.right-5){let e=Math.round(t.left-i.right);(!c||e<c._dist)&&(c={label:t.label,selector:t.selector,gap:Math.max(0,e),_dist:e})}}let h=window.innerWidth,m=window.innerHeight,g=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,h),p=e=>e?{label:e.label,selector:e.selector,gap:e.gap}:null,y=function(e,t,n,o,r){let s={},l=!1,i=[];if(e.left<-2&&i.push("left"),e.right>t+2&&i.push("right"),e.top<-2&&i.push("top"),e.bottom>n+2&&i.push("bottom"),i.length>0&&(s.viewport=i,l=!0),o){let t=r.find(e=>e.label===o.label&&e.selector===o.selector&&10>Math.abs(e.area-o._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:o.label,edges:n},l=!0)}}return l?s:null}(i,h,m,u?{label:u.label,selector:u.selector,_area:u._area}:null,l);return{above:p(a),below:p(d),left:p(_),right:p(c),alignment:g,containedIn:u?{label:u.label,selector:u.selector}:null,outOfBounds:y}}function eH(e){switch(e){case"full-width":return"full-width";case"center":return"centered";case"left":return"left-aligned";case"right":return"right-aligned"}}function eY(e,t={}){let n=[];e.above&&n.push(`Below \`${e.above.label}\`${e.above.gap>0?` (${e.above.gap}px gap)`:""}`),e.below&&n.push(`Above \`${e.below.label}\`${e.below.gap>0?` (${e.below.gap}px gap)`:""}`),t.includeLeftRight&&(e.left&&n.push(`Right of \`${e.left.label}\`${e.left.gap>0?` (${e.left.gap}px gap)`:""}`),e.right&&n.push(`Left of \`${e.right.label}\`${e.right.gap>0?` (${e.right.gap}px gap)`:""}`));let o=eH(e.alignment);return e.containedIn?n.push(`${o.charAt(0).toUpperCase()+o.slice(1)} in \`${e.containedIn.label}\``):n.push(`${o.charAt(0).toUpperCase()+o.slice(1)} in page`),t.includePixelRef&&t.pixelRef&&n.push(`Pixel ref: \`${t.pixelRef}\``),e.outOfBounds&&(e.outOfBounds.viewport&&n.push(`**Outside viewport** (${e.outOfBounds.viewport.join(", ")} edge${e.outOfBounds.viewport.length>1?"s":""})`),e.outOfBounds.container&&n.push(`**Outside \`${e.outOfBounds.container.label}\`** (${e.outOfBounds.container.edges.join(", ")} edge${e.outOfBounds.container.edges.length>1?"s":""})`)),n}function eX(e){if(e.length<2)return[];let t=[],n=new Set;for(let o=0;o<e.length;o++){if(n.has(o))continue;let r=[o];for(let t=o+1;t<e.length;t++)!n.has(t)&&15>Math.abs(e[o].rect.y-e[t].rect.y)&&r.push(t);if(r.length>=2){let o=r.map(t=>e[t]);o.sort((e,t)=>e.rect.x-t.rect.x);let s=[];for(let e=0;e<o.length-1;e++)s.push(Math.round(o[e+1].rect.x-(o[e].rect.x+o[e].rect.width)));let l=Math.round(o.reduce((e,t)=>e+t.rect.y,0)/o.length);t.push({labels:o.map(e=>e.label),type:"row",sharedEdge:l,gaps:s,avgGap:s.length?Math.round(s.reduce((e,t)=>e+t,0)/s.length):0}),r.forEach(e=>n.add(e))}}for(let o=0;o<e.length;o++){if(n.has(o))continue;let r=[o];for(let t=o+1;t<e.length;t++)!n.has(t)&&15>Math.abs(e[o].rect.x-e[t].rect.x)&&r.push(t);if(r.length>=2){let o=r.map(t=>e[t]);o.sort((e,t)=>e.rect.y-t.rect.y);let s=[];for(let e=0;e<o.length-1;e++)s.push(Math.round(o[e+1].rect.y-(o[e].rect.y+o[e].rect.height)));let l=Math.round(o.reduce((e,t)=>e+t.rect.x,0)/o.length);t.push({labels:o.map(e=>e.label),type:"column",sharedEdge:l,gaps:s,avgGap:s.length?Math.round(s.reduce((e,t)=>e+t,0)/s.length):0}),r.forEach(e=>n.add(e))}}return t}function eU(e){if("u"<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")||eA.has(e.tagName.toLowerCase())||(n.add(e),t.push(e))},r=document.querySelector("main");r&&o(r);let s=document.querySelector("[role='main']");for(let e of(s&&o(s),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 l=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){(!l||t.width<l.rect.width)&&(l={el:n,rect:t});continue}!l&&t.width<e.width-20&&t.width>100&&(l={el:n,rect:t})}if(l){let{el:t,rect:n}=l;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:eL(t)}}}return{viewport:e,contentArea:null}}function eQ(e,t){let n=t.contentArea,o=n?n.width:t.viewport.width,r=n?n.left:0,s=n?n.centerX:Math.round(t.viewport.width/2),l=Math.round(e.x-r),i=Math.round(r+o-(e.x+e.width)),a=(e.width/o*100).toFixed(1),d=20>Math.abs(e.x+e.width/2-s),_=e.width/o>.95,c=[];return _?c.push("`width: 100%` of container"):c.push(`left \`${l}px\` in container, right \`${i}px\`, width \`${a}%\` (\`${Math.round(e.width)}px\`)`),d&&!_&&c.push("centered — `margin-inline: auto`"),c.join(" — ")}function eq(e){let{viewport:t,contentArea:n}=e,o="### Reference Frame\n";return o+=`- Viewport: \`${t.width}\xd7${t.height}px\`
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,78042,e=>{"use strict";var t=e.i(14499),n=e.i(72280),o=e.i(81099);if("u">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}\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 r="styles-module__element___fTV2z",s="styles-module__expanded___2Hxgv";if("u">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 l="icon-transitions-module__iconState___uqK9J",i="icon-transitions-module__iconStateFast___HxlMm",a="icon-transitions-module__iconFade___nPwXg",d="icon-transitions-module__iconFadeFast___Ofb2t",_="icon-transitions-module__visible___PlHsU",c="icon-transitions-module__visibleScaled___8Qog-",u="icon-transitions-module__hidden___ETykt",h="icon-transitions-module__hiddenScaled___JXn-m",m=({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",children:(0,o.jsx)("path",{d:"M8 3v10M3 8h10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),g=({size:e=24,style:t={}})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:t,children:[(0,o.jsxs)("g",{clipPath:"url(#clip0_list_sparkle)",children:[(0,o.jsx)("path",{d:"M11.5 12L5.5 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M18.5 6.75L5.5 6.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M9.25 17.25L5.5 17.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.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,o.jsx)("defs",{children:(0,o.jsx)("clipPath",{id:"clip0_list_sparkle",children:(0,o.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),p=({size:e=20,...t})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:[(0,o.jsx)("circle",{cx:"10",cy:"10",r:"5.375",stroke:"currentColor",strokeWidth:"1.25"}),(0,o.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,o.jsx)("circle",{cx:"10",cy:"12.625",r:"0.625",fill:"currentColor"})]}),y=({size:e=24,copied:t=!1,tint:n})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",style:n?{color:n,transition:"color 0.3s ease"}:void 0,children:[(0,o.jsxs)("g",{className:`${l} ${t?h:c}`,children:[(0,o.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,o.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,o.jsxs)("g",{className:`${l} ${t?c:h}`,children:[(0,o.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,o.jsx)("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})]}),x=({size:e=24,state:t="idle"})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("g",{className:`${i} ${"idle"===t?c:"sending"===t?"icon-transitions-module__sending___uaLN-":h}`,children:(0,o.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,o.jsxs)("g",{className:`${i} ${"sent"===t?c:h}`,children:[(0,o.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,o.jsx)("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"var(--agentation-color-green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,o.jsxs)("g",{className:`${i} ${"failed"===t?c:h}`,children:[(0,o.jsx)("path",{d:"M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z",stroke:"var(--agentation-color-red)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M12 8V12",stroke:"var(--agentation-color-red)",strokeWidth:"1.5",strokeLinecap:"round"}),(0,o.jsx)("circle",{cx:"12",cy:"15",r:"0.5",fill:"var(--agentation-color-red)",stroke:"var(--agentation-color-red)",strokeWidth:"1"})]})]}),f=({size:e=24,isOpen:t=!0})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsxs)("g",{className:`${a} ${t?_:u}`,children:[(0,o.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,o.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,o.jsxs)("g",{className:`${a} ${t?u:_}`,children:[(0,o.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,o.jsx)("path",{d:"M5 19L19 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})]}),b=({size:e=24,isPaused:t=!1})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsxs)("g",{className:`${d} ${t?u:_}`,children:[(0,o.jsx)("path",{d:"M8 6L8 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,o.jsx)("path",{d:"M16 18L16 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),(0,o.jsx)("path",{className:`${d} ${t?_:u}`,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"})]}),w=({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.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,o.jsx)("circle",{cx:"12",cy:"12",r:"2.5",stroke:"currentColor",strokeWidth:"1.5"})]}),v=({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:(0,o.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.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"})}),k=({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsxs)("g",{clipPath:"url(#clip0_2_53)",children:[(0,o.jsx)("path",{d:"M16.25 16.25L7.75 7.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M7.75 16.25L16.25 7.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,o.jsx)("defs",{children:(0,o.jsx)("clipPath",{id:"clip0_2_53",children:(0,o.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),j=({size:e=24})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:(0,o.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"})}),C=({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",children:[(0,o.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,o.jsx)("path",{d:"M10 3.9585V5.05698",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M10 14.9429V16.0414",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M5.7269 5.72656L6.50682 6.50649",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M13.4932 13.4932L14.2731 14.2731",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M3.95834 10H5.05683",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M14.9432 10H16.0417",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M5.7269 14.2731L6.50682 13.4932",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M13.4932 6.50649L14.2731 5.72656",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})]}),S=({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",children:(0,o.jsx)("path",{d:"M15.5 10.4955C15.4037 11.5379 15.0124 12.5314 14.3721 13.3596C13.7317 14.1878 12.8688 14.8165 11.8841 15.1722C10.8995 15.5278 9.83397 15.5957 8.81217 15.3679C7.79038 15.1401 6.8546 14.6259 6.11434 13.8857C5.37408 13.1454 4.85995 12.2096 4.63211 11.1878C4.40427 10.166 4.47215 9.10048 4.82781 8.11585C5.18346 7.13123 5.81218 6.26825 6.64039 5.62791C7.4686 4.98756 8.46206 4.59634 9.5045 4.5C8.89418 5.32569 8.60049 6.34302 8.67685 7.36695C8.75321 8.39087 9.19454 9.35339 9.92058 10.0794C10.6466 10.8055 11.6091 11.2468 12.6331 11.3231C13.657 11.3995 14.6743 11.1058 15.5 10.4955Z",stroke:"currentColor",strokeWidth:"1.13793",strokeLinecap:"round",strokeLinejoin:"round"})}),M=({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.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"})}),$=({size:e=24})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.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"})}),L=({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M8.5 3.5L4 8L8.5 12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),I=({size:e=24})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",stroke:"currentColor",strokeWidth:"1.5"}),(0,o.jsx)("line",{x1:"3",y1:"9",x2:"21",y2:"9",stroke:"currentColor",strokeWidth:"1.5"}),(0,o.jsx)("line",{x1:"9",y1:"9",x2:"9",y2:"21",stroke:"currentColor",strokeWidth:"1.5"})]}),B=["data-feedback-toolbar","data-annotation-popup","data-annotation-marker"],N=B.flatMap(e=>[`:not([${e}])`,`:not([${e}] *)`]).join(""),E="feedback-freeze-styles",R="__agentation_freeze",W=function(){if("u"<typeof window)return{frozen:!1,installed:!0,origSetTimeout:setTimeout,origSetInterval:setInterval,origRAF:e=>0,pausedAnimations:[],frozenTimeoutQueue:[],frozenRAFQueue:[]};let e=window;return e[R]||(e[R]={frozen:!1,installed:!1,origSetTimeout:null,origSetInterval:null,origRAF:null,pausedAnimations:[],frozenTimeoutQueue:[],frozenRAFQueue:[]}),e[R]}();"u">typeof window&&!W.installed&&(W.origSetTimeout=window.setTimeout.bind(window),W.origSetInterval=window.setInterval.bind(window),W.origRAF=window.requestAnimationFrame.bind(window),window.setTimeout=(e,t,...n)=>"string"==typeof e?W.origSetTimeout(e,t):W.origSetTimeout((...t)=>{W.frozen?W.frozenTimeoutQueue.push(()=>e(...t)):e(...t)},t,...n),window.setInterval=(e,t,...n)=>"string"==typeof e?W.origSetInterval(e,t):W.origSetInterval((...t)=>{W.frozen||e(...t)},t,...n),window.requestAnimationFrame=e=>W.origRAF(t=>{W.frozen?W.frozenRAFQueue.push(e):e(t)}),W.installed=!0);var D=W.origSetTimeout,P=W.origSetInterval,z=W.origRAF;function T(){if("u"<typeof document||!W.frozen)return;W.frozen=!1;let e=W.frozenTimeoutQueue;for(let t of(W.frozenTimeoutQueue=[],e))W.origSetTimeout(()=>{if(W.frozen)return void W.frozenTimeoutQueue.push(t);try{t()}catch(e){console.warn("[agentation] Error replaying queued timeout:",e)}},0);let t=W.frozenRAFQueue;for(let e of(W.frozenRAFQueue=[],t))W.origRAF(t=>{W.frozen?W.frozenRAFQueue.push(e):e(t)});for(let e of W.pausedAnimations)try{e.play()}catch(e){console.warn("[agentation] Error resuming animation:",e)}W.pausedAnimations=[],document.getElementById(E)?.remove(),document.querySelectorAll("video").forEach(e=>{"false"===e.dataset.wasPaused&&(e.play().catch(()=>{}),delete e.dataset.wasPaused)})}function O(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 A=(0,t.forwardRef)(function({element:e,timestamp:n,selectedText:l,placeholder:i="What should change?",initialValue:a="",submitLabel:d="Add",onSubmit:_,onCancel:c,onDelete:u,style:h,accentColor:m="#3c82f7",isExiting:g=!1,lightMode:p=!1,computedStyles:y},x){let[f,b]=(0,t.useState)(a),[w,v]=(0,t.useState)(!1),[k,j]=(0,t.useState)("initial"),[C,S]=(0,t.useState)(!1),[M,L]=(0,t.useState)(!1),I=(0,t.useRef)(null),B=(0,t.useRef)(null),N=(0,t.useRef)(null),E=(0,t.useRef)(null);(0,t.useEffect)(()=>{g&&"exit"!==k&&j("exit")},[g,k]),(0,t.useEffect)(()=>{D(()=>{j("enter")},0);let e=D(()=>{j("entered")},200),t=D(()=>{let e=I.current;e&&(O(e),e.selectionStart=e.selectionEnd=e.value.length,e.scrollTop=e.scrollHeight)},50);return()=>{clearTimeout(e),clearTimeout(t),N.current&&clearTimeout(N.current),E.current&&clearTimeout(E.current)}},[]);let R=(0,t.useCallback)(()=>{E.current&&clearTimeout(E.current),v(!0),E.current=D(()=>{v(!1),O(I.current)},250)},[]);(0,t.useImperativeHandle)(x,()=>({shake:R}),[R]);let W=(0,t.useCallback)(()=>{j("exit"),N.current=D(()=>{c()},150)},[c]),P=(0,t.useCallback)(()=>{f.trim()&&_(f.trim())},[f,_]),z=(0,t.useCallback)(e=>{e.stopPropagation(),e.nativeEvent.isComposing||("Enter"!==e.key||e.shiftKey||(e.preventDefault(),P()),"Escape"===e.key&&W())},[P,W]),T=["styles-module__popup___IhzrD",p?"styles-module__light___6AaSQ":"","enter"===k?"styles-module__enter___L7U7N":"","entered"===k?"styles-module__entered___COX-w":"","exit"===k?"styles-module__exit___5eGjE":"",w?"styles-module__shake___jdbWe":""].filter(Boolean).join(" ");return(0,o.jsxs)("div",{ref:B,className:T,"data-annotation-popup":!0,style:h,onClick:e=>e.stopPropagation(),children:[(0,o.jsxs)("div",{className:"styles-module__header___wWsSi",children:[y&&Object.keys(y).length>0?(0,o.jsxs)("button",{className:"styles-module__headerToggle___WpW0b",onClick:()=>{L(!M),M&&D(()=>O(I.current),0)},type:"button",children:[(0,o.jsx)("svg",{className:`styles-module__chevron___ZZJlR ${M?s:""}`,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M5.5 10.25L9 7.25L5.75 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,o.jsx)("span",{className:r,children:e})]}):(0,o.jsx)("span",{className:r,children:e}),n&&(0,o.jsx)("span",{className:"styles-module__timestamp___Dtpsv",children:n})]}),y&&Object.keys(y).length>0&&(0,o.jsx)("div",{className:`styles-module__stylesWrapper___pnHgy ${M?s:""}`,children:(0,o.jsx)("div",{className:"styles-module__stylesInner___YYZe2",children:(0,o.jsx)("div",{className:"styles-module__stylesBlock___VfQKn",children:Object.entries(y).map(([e,t])=>(0,o.jsxs)("div",{className:"styles-module__styleLine___1YQiD",children:[(0,o.jsx)("span",{className:"styles-module__styleProperty___84L1i",children:e.replace(/([A-Z])/g,"-$1").toLowerCase()}),": ",(0,o.jsx)("span",{className:"styles-module__styleValue___q51-h",children:t}),";"]},e))})})}),l&&(0,o.jsxs)("div",{className:"styles-module__quote___mcMmQ",children:["“",l.slice(0,80),l.length>80?"...":"","”"]}),(0,o.jsx)("textarea",{ref:I,className:"styles-module__textarea___jrSae",style:{borderColor:C?m:void 0},placeholder:i,value:f,onChange:e=>b(e.target.value),onFocus:()=>S(!0),onBlur:()=>S(!1),rows:2,onKeyDown:z}),(0,o.jsxs)("div",{className:"styles-module__actions___D6x3f",children:[u&&(0,o.jsx)("div",{className:"styles-module__deleteWrapper___oSjdo",children:(0,o.jsx)("button",{className:"styles-module__deleteButton___4VuAE",onClick:u,type:"button",children:(0,o.jsx)($,{size:22})})}),(0,o.jsx)("button",{className:"styles-module__cancel___hRjnL",onClick:W,children:"Cancel"}),(0,o.jsx)("button",{className:"styles-module__submit___K-mIR",style:{backgroundColor:m,opacity:f.trim()?1:.4},onClick:P,disabled:!f.trim(),children:d})]})]})}),F=({content:e,children:r,...s})=>{let[l,i]=(0,t.useState)(!1),[a,d]=(0,t.useState)(!1),[_,c]=(0,t.useState)({top:0,right:0}),u=(0,t.useRef)(null),h=(0,t.useRef)(null),m=(0,t.useRef)(null);return(0,t.useEffect)(()=>()=>{h.current&&clearTimeout(h.current),m.current&&clearTimeout(m.current)},[]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{ref:u,onMouseEnter:()=>{if(d(!0),m.current&&(clearTimeout(m.current),m.current=null),u.current){let e=u.current.getBoundingClientRect();c({top:e.top+e.height/2,right:window.innerWidth-e.left+8})}h.current=D(()=>{i(!0)},500)},onMouseLeave:()=>{h.current&&(clearTimeout(h.current),h.current=null),i(!1),m.current=D(()=>{d(!1)},150)},...s,children:r}),a&&(0,n.createPortal)((0,o.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:+!!l,transition:"opacity 0.15s ease"},children:e}),document.body)]})};if("u">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;\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 H=({content:e})=>(0,o.jsx)(F,{className:"styles-module__tooltip___mcXL2",content:e,children:(0,o.jsx)(p,{className:"styles-module__tooltipIcon___Nq2nD"})}),Y={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}},X=[{section:"Layout",items:[{type:"navigation",label:"Navigation",...Y.navigation},{type:"header",label:"Header",...Y.header},{type:"hero",label:"Hero",...Y.hero},{type:"section",label:"Section",...Y.section},{type:"sidebar",label:"Sidebar",...Y.sidebar},{type:"footer",label:"Footer",...Y.footer},{type:"modal",label:"Modal",...Y.modal},{type:"banner",label:"Banner",...Y.banner},{type:"drawer",label:"Drawer",...Y.drawer},{type:"popover",label:"Popover",...Y.popover},{type:"divider",label:"Divider",...Y.divider}]},{section:"Content",items:[{type:"card",label:"Card",...Y.card},{type:"text",label:"Text",...Y.text},{type:"image",label:"Image",...Y.image},{type:"video",label:"Video",...Y.video},{type:"table",label:"Table",...Y.table},{type:"grid",label:"Grid",...Y.grid},{type:"list",label:"List",...Y.list},{type:"chart",label:"Chart",...Y.chart},{type:"codeBlock",label:"Code Block",...Y.codeBlock},{type:"map",label:"Map",...Y.map},{type:"timeline",label:"Timeline",...Y.timeline},{type:"calendar",label:"Calendar",...Y.calendar},{type:"accordion",label:"Accordion",...Y.accordion},{type:"carousel",label:"Carousel",...Y.carousel},{type:"logo",label:"Logo",...Y.logo},{type:"faq",label:"FAQ",...Y.faq},{type:"gallery",label:"Gallery",...Y.gallery}]},{section:"Controls",items:[{type:"button",label:"Button",...Y.button},{type:"input",label:"Input",...Y.input},{type:"search",label:"Search",...Y.search},{type:"form",label:"Form",...Y.form},{type:"tabs",label:"Tabs",...Y.tabs},{type:"dropdown",label:"Dropdown",...Y.dropdown},{type:"toggle",label:"Toggle",...Y.toggle},{type:"stepper",label:"Stepper",...Y.stepper},{type:"rating",label:"Rating",...Y.rating},{type:"fileUpload",label:"File Upload",...Y.fileUpload},{type:"checkbox",label:"Checkbox",...Y.checkbox},{type:"radio",label:"Radio",...Y.radio},{type:"slider",label:"Slider",...Y.slider},{type:"datePicker",label:"Date Picker",...Y.datePicker}]},{section:"Elements",items:[{type:"avatar",label:"Avatar",...Y.avatar},{type:"badge",label:"Badge",...Y.badge},{type:"tag",label:"Tag",...Y.tag},{type:"breadcrumb",label:"Breadcrumb",...Y.breadcrumb},{type:"pagination",label:"Pagination",...Y.pagination},{type:"progress",label:"Progress",...Y.progress},{type:"alert",label:"Alert",...Y.alert},{type:"toast",label:"Toast",...Y.toast},{type:"notification",label:"Notification",...Y.notification},{type:"tooltip",label:"Tooltip",...Y.tooltip},{type:"stat",label:"Stat",...Y.stat},{type:"skeleton",label:"Skeleton",...Y.skeleton},{type:"chip",label:"Chip",...Y.chip},{type:"icon",label:"Icon",...Y.icon},{type:"spinner",label:"Spinner",...Y.spinner}]},{section:"Blocks",items:[{type:"pricing",label:"Pricing",...Y.pricing},{type:"testimonial",label:"Testimonial",...Y.testimonial},{type:"cta",label:"CTA",...Y.cta},{type:"productCard",label:"Product Card",...Y.productCard},{type:"profile",label:"Profile",...Y.profile},{type:"feature",label:"Feature",...Y.feature},{type:"team",label:"Team",...Y.team},{type:"login",label:"Login",...Y.login},{type:"contact",label:"Contact",...Y.contact}]}],U={};for(let e of X)for(let t of e.items)U[t.type]=t;function Q({w:e,h:t=3,strong:n}){return(0,o.jsx)("div",{style:{width:"number"==typeof e?`${e}px`:e,height:t,borderRadius:2,background:n?"var(--agd-bar-strong)":"var(--agd-bar)",flexShrink:0}})}function q({w:e,h:t,radius:n=3,style:r}){return(0,o.jsx)("div",{style:{width:"number"==typeof e?`${e}px`:e,height:"number"==typeof t?`${t}px`:t,borderRadius:n,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",flexShrink:0,...r}})}function V({size:e}){return(0,o.jsx)("div",{style:{width:e,height:e,borderRadius:"50%",border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",flexShrink:0}})}var Z={navigation:function({width:e,height:t}){let n=Math.max(8,.2*t);return(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",height:"100%",padding:`0 ${n}px`,gap:.02*e},children:[(0,o.jsx)(q,{w:Math.max(20,.5*t),h:Math.max(12,.4*t),radius:2}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",gap:.03*e,marginLeft:.04*e},children:[(0,o.jsx)(Q,{w:.06*e}),(0,o.jsx)(Q,{w:.07*e}),(0,o.jsx)(Q,{w:.05*e}),(0,o.jsx)(Q,{w:.06*e})]}),(0,o.jsx)(q,{w:.1*e,h:Math.min(28,.5*t),radius:4})]})},hero:function({width:e,height:t,text:n}){return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:.05*t},children:[n?(0,o.jsx)("span",{style:{fontSize:Math.min(20,.08*t),fontWeight:600,color:"var(--agd-text-3)",textAlign:"center",maxWidth:"80%"},children:n}):(0,o.jsx)(Q,{w:.5*e,h:Math.max(6,.04*t),strong:!0}),(0,o.jsx)(Q,{w:.6*e}),(0,o.jsx)(Q,{w:.4*e}),(0,o.jsx)(q,{w:Math.min(140,.2*e),h:Math.min(36,.12*t),radius:6,style:{marginTop:.06*t}})]})},sidebar:function({width:e,height:t}){let n=Math.max(3,Math.floor(t/36));return(0,o.jsxs)("div",{style:{padding:.08*e,display:"flex",flexDirection:"column",gap:.03*t},children:[(0,o.jsx)(Q,{w:.6*e,h:4,strong:!0}),Array.from({length:n},(t,n)=>(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,o.jsx)(q,{w:10,h:10,radius:2}),(0,o.jsx)(Q,{w:e*(.4+17*n%30/100)})]},n))]})},footer:function({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(e/160)));return(0,o.jsx)("div",{style:{display:"flex",padding:`${.12*t}px ${.03*e}px`,gap:.05*e},children:Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4},children:[(0,o.jsx)(Q,{w:"60%",h:3,strong:!0}),(0,o.jsx)(Q,{w:"80%",h:2}),(0,o.jsx)(Q,{w:"70%",h:2}),(0,o.jsx)(Q,{w:"60%",h:2})]},t))})},modal:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsxs)("div",{style:{padding:"10px 12px",borderBottom:"1px solid var(--agd-stroke)",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,o.jsx)(Q,{w:.3*e,h:4,strong:!0}),(0,o.jsx)("div",{style:{width:14,height:14,border:"1px solid var(--agd-stroke)",borderRadius:3}})]}),(0,o.jsxs)("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:6},children:[(0,o.jsx)(Q,{w:"90%"}),(0,o.jsx)(Q,{w:"70%"}),(0,o.jsx)(Q,{w:"80%"})]}),(0,o.jsxs)("div",{style:{padding:"10px 12px",borderTop:"1px solid var(--agd-stroke)",display:"flex",justifyContent:"flex-end",gap:8},children:[(0,o.jsx)(q,{w:70,h:26,radius:4}),(0,o.jsx)(q,{w:70,h:26,radius:4,style:{background:"var(--agd-bar)"}})]})]})},card:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsx)("div",{style:{height:"40%",background:"var(--agd-fill)",borderBottom:"1px dashed var(--agd-stroke)"}}),(0,o.jsxs)("div",{style:{flex:1,padding:10,display:"flex",flexDirection:"column",gap:5},children:[(0,o.jsx)(Q,{w:"70%",h:4,strong:!0}),(0,o.jsx)(Q,{w:"95%",h:2}),(0,o.jsx)(Q,{w:"85%",h:2}),(0,o.jsx)(Q,{w:"50%",h:2})]})]})},text:function({width:e,height:t,text:n}){if(n)return(0,o.jsx)("div",{style:{padding:4,fontSize:Math.min(14,.3*t),lineHeight:1.5,color:"var(--agd-text-3)",wordBreak:"break-word",overflow:"hidden"},children:n});let r=Math.max(2,Math.floor(t/18));return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:6,padding:4},children:[(0,o.jsx)(Q,{w:.6*e,h:5,strong:!0}),Array.from({length:r},(e,t)=>(0,o.jsx)(Q,{w:`${70+13*t%25}%`,h:2},t))]})},image:function({width:e,height:t}){return(0,o.jsx)("div",{style:{height:"100%",position:"relative"},children:(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,preserveAspectRatio:"none",fill:"none",children:[(0,o.jsx)("line",{x1:"0",y1:"0",x2:e,y2:t,stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,o.jsx)("line",{x1:e,y1:"0",x2:"0",y2:t,stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,o.jsx)("circle",{cx:.3*e,cy:.3*t,r:.08*Math.min(e,t),fill:"var(--agd-fill)",stroke:"var(--agd-stroke)",strokeWidth:"0.8"})]})})},table:function({width:e,height:t}){let n=Math.max(2,Math.min(5,Math.floor(e/100))),r=Math.max(2,Math.min(6,Math.floor(t/32)));return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsx)("div",{style:{display:"flex",borderBottom:"1px solid var(--agd-stroke)",padding:"6px 0"},children:Array.from({length:n},(e,t)=>(0,o.jsx)("div",{style:{flex:1,padding:"0 8px"},children:(0,o.jsx)(Q,{w:"70%",h:3,strong:!0})},t))}),Array.from({length:r},(e,t)=>(0,o.jsx)("div",{style:{display:"flex",borderBottom:"1px solid rgba(255,255,255,0.03)",padding:"6px 0"},children:Array.from({length:n},(e,n)=>(0,o.jsx)("div",{style:{flex:1,padding:"0 8px"},children:(0,o.jsx)(Q,{w:`${50+(7*t+13*n)%40}%`,h:2})},n))},t))]})},list:function({width:e,height:t}){let n=Math.max(2,Math.floor(t/28));return(0,o.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:4,padding:4},children:Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"4px 0"},children:[(0,o.jsx)(V,{size:8}),(0,o.jsx)(Q,{w:`${55+17*t%35}%`,h:2})]},t))})},button:function({width:e,height:t,text:n}){return(0,o.jsx)("div",{style:{height:"100%",borderRadius:Math.min(8,t/3),border:"1px solid var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center"},children:n?(0,o.jsx)("span",{style:{fontSize:Math.min(13,.4*t),fontWeight:500,color:"var(--agd-text-3)",letterSpacing:"-0.01em"},children:n}):(0,o.jsx)(Q,{w:Math.max(20,.5*e),h:3,strong:!0})})},input:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:4,height:"100%",justifyContent:"center"},children:[(0,o.jsx)(Q,{w:Math.min(80,.3*e),h:2}),(0,o.jsx)("div",{style:{height:Math.min(36,.6*t),borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",paddingLeft:8},children:(0,o.jsx)(Q,{w:"40%",h:2})})]})},form:function({width:e,height:t}){let n=Math.max(2,Math.min(5,Math.floor(t/56)));return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:.04*t,padding:8},children:[Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:4},children:[(0,o.jsx)(Q,{w:60+17*t%30,h:2}),(0,o.jsx)(q,{w:"100%",h:28,radius:4})]},t)),(0,o.jsx)(q,{w:Math.min(120,.35*e),h:30,radius:6,style:{marginTop:8,alignSelf:"flex-end",background:"var(--agd-bar)"}})]})},tabs:function({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(e/120)));return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsx)("div",{style:{display:"flex",gap:2,borderBottom:"1px solid var(--agd-stroke)"},children:Array.from({length:n},(e,t)=>(0,o.jsx)("div",{style:{padding:"8px 12px",borderBottom:0===t?"2px solid var(--agd-bar-strong)":"none"},children:(0,o.jsx)(Q,{w:60,h:3,strong:0===t})},t))}),(0,o.jsxs)("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:6},children:[(0,o.jsx)(Q,{w:"80%",h:2}),(0,o.jsx)(Q,{w:"65%",h:2}),(0,o.jsx)(Q,{w:"75%",h:2})]})]})},avatar:function({width:e,height:t}){let n=Math.min(e,t)/2;return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:[(0,o.jsx)("circle",{cx:e/2,cy:t/2,r:n-1,stroke:"var(--agd-stroke)",fill:"var(--agd-fill)",strokeWidth:"1.5",strokeDasharray:"3 2"}),(0,o.jsx)("circle",{cx:e/2,cy:.38*t,r:.28*n,stroke:"var(--agd-stroke)",fill:"var(--agd-fill)",strokeWidth:"0.8"}),(0,o.jsx)("path",{d:`M${e/2-.55*n} ${.78*t} C${e/2-.55*n} ${.55*t} ${e/2+.55*n} ${.55*t} ${e/2+.55*n} ${.78*t}`,stroke:"var(--agd-stroke)",fill:"var(--agd-fill)",strokeWidth:"0.8"})]})},badge:function({width:e,height:t}){return(0,o.jsx)("div",{style:{height:"100%",borderRadius:t/2,border:"1px solid var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)(Q,{w:Math.max(16,.5*e),h:2,strong:!0})})},header:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:.08*t},children:[(0,o.jsx)(Q,{w:.5*e,h:Math.max(5,.06*t),strong:!0}),(0,o.jsx)(Q,{w:.35*e})]})},section:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",height:"100%",gap:.04*t,padding:.04*e},children:[(0,o.jsx)(Q,{w:.3*e,h:4,strong:!0}),(0,o.jsx)(Q,{w:.7*e}),(0,o.jsx)(Q,{w:.5*e}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",gap:.03*e,marginTop:.06*t},children:[(0,o.jsx)(q,{w:"33%",h:"100%",radius:4}),(0,o.jsx)(q,{w:"33%",h:"100%",radius:4}),(0,o.jsx)(q,{w:"33%",h:"100%",radius:4})]})]})},grid:function({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(e/140))),r=Math.max(1,Math.min(3,Math.floor(t/120)));return(0,o.jsx)("div",{style:{display:"grid",gridTemplateColumns:`repeat(${n}, 1fr)`,gridTemplateRows:`repeat(${r}, 1fr)`,gap:6,height:"100%"},children:Array.from({length:n*r},(e,t)=>(0,o.jsx)(q,{w:"100%",h:"100%",radius:4},t))})},dropdown:function({width:e,height:t}){let n=Math.max(2,Math.floor((t-32)/28));return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsx)("div",{style:{padding:"6px 8px",borderBottom:"1px solid var(--agd-stroke)"},children:(0,o.jsx)(Q,{w:.5*e,h:3,strong:!0})}),(0,o.jsx)("div",{style:{flex:1,padding:4,display:"flex",flexDirection:"column",gap:2},children:Array.from({length:n},(e,t)=>(0,o.jsx)("div",{style:{padding:"4px 6px",borderRadius:3,background:0===t?"var(--agd-fill)":"transparent"},children:(0,o.jsx)(Q,{w:`${50+17*t%35}%`,h:2,strong:0===t})},t))})]})},toggle:function({width:e,height:t}){let n=Math.min(e,t)/2;return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"1",width:e-2,height:t-2,rx:n,stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,o.jsx)("circle",{cx:e-n,cy:t/2,r:.7*n,fill:"var(--agd-bar)"})]})},search:function({width:e,height:t}){let n=Math.min(t/2,20);return(0,o.jsxs)("div",{style:{height:"100%",borderRadius:n,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",padding:`0 ${.6*n}px`,gap:6},children:[(0,o.jsx)(V,{size:Math.min(14,.4*t)}),(0,o.jsx)(Q,{w:"50%",h:2})]})},toast:function({width:e,height:t}){return(0,o.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,o.jsx)(V,{size:Math.min(20,.5*t)}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:"60%",h:3,strong:!0}),(0,o.jsx)(Q,{w:"80%",h:2})]}),(0,o.jsx)("div",{style:{width:14,height:14,border:"1px solid var(--agd-stroke)",borderRadius:3,flexShrink:0}})]})},progress:function({width:e,height:t}){return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:[(0,o.jsx)("rect",{x:"0",y:"0",width:e,height:t,rx:t/2,stroke:"var(--agd-stroke)",strokeWidth:"0.8"}),(0,o.jsx)("rect",{x:"1",y:"1",width:.65*e,height:t-2,rx:(t-2)/2,fill:"var(--agd-bar)"})]})},chart:function({width:e,height:t}){let n=Math.max(3,Math.min(7,Math.floor(e/50))),r=e/(2*n);return(0,o.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:n},(e,t)=>{let n=30+(37*t+17)%55;return(0,o.jsx)(q,{w:r,h:`${n}%`,radius:2},t)})})},video:function({width:e,height:t}){let n=.12*Math.min(e,t);return(0,o.jsxs)("div",{style:{height:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:[(0,o.jsx)(q,{w:"100%",h:"100%",radius:4}),(0,o.jsx)("div",{style:{position:"absolute",width:2*n,height:2*n,borderRadius:"50%",border:"1.5px solid var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)("div",{style:{width:0,height:0,borderLeft:`${.6*n}px solid var(--agd-bar-strong)`,borderTop:`${.4*n}px solid transparent`,borderBottom:`${.4*n}px solid transparent`,marginLeft:.15*n}})})]})},tooltip:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,o.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,o.jsx)(Q,{w:"60%",h:2})}),(0,o.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({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(e/80)));return(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",height:"100%",gap:4},children:Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:4},children:[t>0&&(0,o.jsx)("span",{style:{color:"var(--agd-stroke)",fontSize:10},children:"/"}),(0,o.jsx)(Q,{w:40+13*t%20,h:2,strong:t===n-1})]},t))})},pagination:function({width:e,height:t}){let n=Math.max(3,Math.min(5,Math.floor(e/40))),r=Math.min(28,.8*t);return(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",gap:4},children:Array.from({length:n},(e,t)=>(0,o.jsx)(q,{w:r,h:r,radius:4,style:1===t?{background:"var(--agd-bar)"}:void 0},t))})},divider:function({width:e}){return(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",height:"100%"},children:(0,o.jsx)("div",{style:{width:"100%",height:1,background:"var(--agd-stroke)"}})})},accordion:function({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(t/40)));return(0,o.jsx)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:Array.from({length:n},(e,t)=>(0,o.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,o.jsx)(Q,{w:`${40+17*t%25}%`,h:3,strong:!0}),(0,o.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:0===t?"▼":"▶"})]},t))})},carousel:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",gap:6},children:[(0,o.jsxs)("div",{style:{flex:1,display:"flex",gap:6,alignItems:"center"},children:[(0,o.jsx)("span",{style:{fontSize:12,color:"var(--agd-stroke)"},children:"‹"}),(0,o.jsx)(q,{w:"100%",h:"100%",radius:4}),(0,o.jsx)("span",{style:{fontSize:12,color:"var(--agd-stroke)"},children:"›"})]}),(0,o.jsxs)("div",{style:{display:"flex",justifyContent:"center",gap:4},children:[(0,o.jsx)(V,{size:5}),(0,o.jsx)(V,{size:5}),(0,o.jsx)(V,{size:5})]})]})},pricing:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",padding:10,gap:.04*t},children:[(0,o.jsx)(Q,{w:.4*e,h:3,strong:!0}),(0,o.jsx)(Q,{w:.3*e,h:6,strong:!0}),(0,o.jsx)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,width:"100%",padding:"8px 0"},children:Array.from({length:4},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:4},children:[(0,o.jsx)(V,{size:5}),(0,o.jsx)(Q,{w:`${50+17*t%35}%`,h:2})]},t))}),(0,o.jsx)(q,{w:.7*e,h:Math.min(32,.1*t),radius:6,style:{background:"var(--agd-bar)"}})]})},testimonial:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",padding:10,gap:8},children:[(0,o.jsx)("span",{style:{fontSize:18,lineHeight:1,color:"var(--agd-stroke)",fontFamily:"serif"},children:"“"}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4},children:[(0,o.jsx)(Q,{w:"90%",h:2}),(0,o.jsx)(Q,{w:"75%",h:2}),(0,o.jsx)(Q,{w:"60%",h:2})]}),(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,o.jsx)(V,{size:20}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[(0,o.jsx)(Q,{w:60,h:3,strong:!0}),(0,o.jsx)(Q,{w:40,h:2})]})]})]})},cta:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:.08*t},children:[(0,o.jsx)(Q,{w:.5*e,h:Math.max(4,.05*t),strong:!0}),(0,o.jsx)(Q,{w:.35*e}),(0,o.jsx)(q,{w:Math.min(140,.25*e),h:Math.min(32,.15*t),radius:6,style:{marginTop:.04*t,background:"var(--agd-bar)"}})]})},alert:function({width:e,height:t}){return(0,o.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,o.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,o.jsx)("div",{style:{width:2,height:6,background:"var(--agd-bar-strong)",borderRadius:1}})}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:"40%",h:3,strong:!0}),(0,o.jsx)(Q,{w:"70%",h:2})]})]})},banner:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",background:"var(--agd-fill)",display:"flex",alignItems:"center",justifyContent:"center",gap:8,padding:"0 12px"},children:[(0,o.jsx)(Q,{w:.4*e,h:3,strong:!0}),(0,o.jsx)(q,{w:60,h:Math.min(24,.6*t),radius:4})]})},stat:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:.06*t},children:[(0,o.jsx)(Q,{w:.5*e,h:2}),(0,o.jsx)(Q,{w:.4*e,h:Math.max(8,.18*t),strong:!0}),(0,o.jsx)(Q,{w:.3*e,h:2})]})},stepper:function({width:e,height:t}){let n=Math.max(3,Math.min(5,Math.floor(e/100))),r=Math.min(12,.35*t);return(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",height:"100%",padding:"0 8px"},children:Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:0,flex:1},children:[(0,o.jsx)("div",{style:{width:r,height:r,borderRadius:"50%",border:"1.5px solid var(--agd-stroke)",background:0===t?"var(--agd-bar)":"transparent",flexShrink:0}}),t<n-1&&(0,o.jsx)("div",{style:{flex:1,height:1,background:"var(--agd-stroke)",margin:"0 4px"}})]},t))})},tag:function({width:e,height:t}){return(0,o.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,o.jsx)(Q,{w:Math.max(16,.5*e),h:2,strong:!0}),(0,o.jsx)("div",{style:{width:8,height:8,borderRadius:"50%",border:"1px solid var(--agd-stroke)",flexShrink:0}})]})},rating:function({width:e,height:t}){let n=Math.min(.7*t,e/7.5);return(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",gap:.2*n},children:Array.from({length:5},(e,t)=>(0,o.jsx)("svg",{width:n,height:n,viewBox:"0 0 16 16",fill:"none",children:(0,o.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({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",position:"relative",borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",overflow:"hidden"},children:[(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",style:{position:"absolute",inset:0},children:[(0,o.jsx)("line",{x1:0,y1:.3*t,x2:e,y2:.7*t,stroke:"var(--agd-stroke)",strokeWidth:"0.5",opacity:".2"}),(0,o.jsx)("line",{x1:0,y1:.6*t,x2:e,y2:.2*t,stroke:"var(--agd-stroke)",strokeWidth:"0.5",opacity:".15"}),(0,o.jsx)("line",{x1:.4*e,y1:0,x2:.6*e,y2:t,stroke:"var(--agd-stroke)",strokeWidth:"0.5",opacity:".15"})]}),(0,o.jsx)("div",{style:{position:"absolute",left:"50%",top:"40%",transform:"translate(-50%, -100%)"},children:(0,o.jsxs)("svg",{width:"16",height:"22",viewBox:"0 0 16 22",fill:"none",children:[(0,o.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,o.jsx)("circle",{cx:"8",cy:"8",r:"3",fill:"var(--agd-fill)"})]})})]})},timeline:function({width:e,height:t}){let n=Math.max(3,Math.min(5,Math.floor(t/60)));return(0,o.jsxs)("div",{style:{display:"flex",height:"100%",padding:"8px 0"},children:[(0,o.jsx)("div",{style:{width:16,display:"flex",flexDirection:"column",alignItems:"center"},children:Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flex:1},children:[(0,o.jsx)(V,{size:8}),t<n-1&&(0,o.jsx)("div",{style:{flex:1,width:1,background:"var(--agd-stroke)"}})]},t))}),(0,o.jsx)("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-around",paddingLeft:8},children:Array.from({length:n},(e,t)=>(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:`${35+13*t%25}%`,h:3,strong:!0}),(0,o.jsx)(Q,{w:`${50+17*t%30}%`,h:2})]},t))})]})},fileUpload:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",borderRadius:8,border:"2px dashed var(--agd-stroke)",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:.06*t},children:[(0,o.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("path",{d:"M12 16V4m0 0l-4 4m4-4l4 4",stroke:"var(--agd-stroke)",strokeWidth:"1.5"}),(0,o.jsx)("path",{d:"M4 17v2a1 1 0 001 1h14a1 1 0 001-1v-2",stroke:"var(--agd-stroke)",strokeWidth:"1.5"})]}),(0,o.jsx)(Q,{w:.4*e,h:2}),(0,o.jsx)(Q,{w:.25*e,h:2})]})},codeBlock:function({width:e,height:t}){let n=Math.max(3,Math.min(8,Math.floor(t/20)));return(0,o.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,o.jsxs)("div",{style:{display:"flex",gap:3,marginBottom:4},children:[(0,o.jsx)(V,{size:6}),(0,o.jsx)(V,{size:6}),(0,o.jsx)(V,{size:6})]}),Array.from({length:n},(e,t)=>(0,o.jsx)("div",{style:{display:"flex",gap:6,paddingLeft:12*(t>0&&t<n-1)},children:(0,o.jsx)(Q,{w:`${25+23*t%50}%`,h:2,strong:0===t})},t))]})},calendar:function({width:e,height:t}){let n=Math.min((e-16)/7,(t-40)/6);return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"6px 8px"},children:[(0,o.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:"‹"}),(0,o.jsx)(Q,{w:.3*e,h:3,strong:!0}),(0,o.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:"›"})]}),(0,o.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:2,padding:"0 4px",flex:1},children:[Array.from({length:7},(e,t)=>(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:.6*n},children:(0,o.jsx)(Q,{w:.5*n,h:2})},`h${t}`)),Array.from({length:35},(e,t)=>(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:n},children:(0,o.jsx)("div",{style:{width:.6*n,height:.6*n,borderRadius:"50%",background:12===t?"var(--agd-bar)":"transparent",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)("div",{style:{width:2,height:2,borderRadius:1,background:"var(--agd-bar-strong)",opacity:12===t?1:.3}})})},t))]})]})},notification:function({width:e,height:t}){return(0,o.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,o.jsx)(V,{size:Math.min(32,.55*t)}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:"50%",h:3,strong:!0}),(0,o.jsx)(Q,{w:"75%",h:2})]}),(0,o.jsx)(Q,{w:30,h:2})]})},productCard:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[(0,o.jsx)("div",{style:{height:"50%",background:"var(--agd-fill)",borderBottom:"1px dashed var(--agd-stroke)"}}),(0,o.jsxs)("div",{style:{flex:1,padding:10,display:"flex",flexDirection:"column",gap:5},children:[(0,o.jsx)(Q,{w:"65%",h:4,strong:!0}),(0,o.jsx)(Q,{w:"40%",h:3}),(0,o.jsx)("div",{style:{flex:1}}),(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,o.jsx)(Q,{w:"30%",h:5,strong:!0}),(0,o.jsx)(q,{w:Math.min(70,.3*e),h:26,radius:4,style:{background:"var(--agd-bar)"}})]})]})]})},profile:function({width:e,height:t}){let n=Math.min(48,.3*t);return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:.06*t},children:[(0,o.jsx)(V,{size:n}),(0,o.jsx)(Q,{w:.45*e,h:4,strong:!0}),(0,o.jsx)(Q,{w:.3*e,h:2}),(0,o.jsxs)("div",{style:{display:"flex",gap:.08*e,marginTop:.04*t},children:[(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[(0,o.jsx)(Q,{w:20,h:3,strong:!0}),(0,o.jsx)(Q,{w:28,h:2})]}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[(0,o.jsx)(Q,{w:20,h:3,strong:!0}),(0,o.jsx)(Q,{w:28,h:2})]}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[(0,o.jsx)(Q,{w:20,h:3,strong:!0}),(0,o.jsx)(Q,{w:28,h:2})]})]})]})},drawer:function({width:e,height:t}){let n=Math.max(.6*e,80),r=Math.max(3,Math.floor(t/40));return(0,o.jsxs)("div",{style:{height:"100%",display:"flex"},children:[(0,o.jsx)("div",{style:{width:e-n,background:"var(--agd-fill)",opacity:.3}}),(0,o.jsxs)("div",{style:{flex:1,borderLeft:"1px solid var(--agd-stroke)",display:"flex",flexDirection:"column",padding:.04*e},children:[(0,o.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:.06*t},children:[(0,o.jsx)(Q,{w:.4*n,h:4,strong:!0}),(0,o.jsx)("div",{style:{width:12,height:12,border:"1px solid var(--agd-stroke)",borderRadius:3}})]}),Array.from({length:r},(e,t)=>(0,o.jsx)("div",{style:{padding:"6px 0"},children:(0,o.jsx)(Q,{w:`${50+17*t%35}%`,h:2,strong:0===t})},t))]})]})},popover:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,o.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,o.jsx)(Q,{w:"70%",h:3,strong:!0}),(0,o.jsx)(Q,{w:"90%",h:2}),(0,o.jsx)(Q,{w:"60%",h:2})]}),(0,o.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({width:e,height:t}){let n=Math.min(.7*t,.3*e);return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",alignItems:"center",gap:.08*e},children:[(0,o.jsx)(q,{w:n,h:n,radius:.25*n}),(0,o.jsx)(Q,{w:.45*e,h:Math.max(4,.2*t),strong:!0})]})},faq:function({width:e,height:t}){let n=Math.max(2,Math.min(5,Math.floor(t/56)));return(0,o.jsx)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:Array.from({length:n},(t,n)=>(0,o.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,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,o.jsx)("span",{style:{fontSize:9,fontWeight:700,color:"var(--agd-stroke)"},children:"Q"}),(0,o.jsx)(Q,{w:e*(.3+13*n%25/100),h:3,strong:!0})]}),(0,o.jsx)("span",{style:{fontSize:8,color:"var(--agd-stroke)"},children:0===n?"▼":"▶"})]},n))})},gallery:function({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(e/120))),r=Math.max(1,Math.min(3,Math.floor(t/120)));return(0,o.jsx)("div",{style:{display:"grid",gridTemplateColumns:`repeat(${n}, 1fr)`,gridTemplateRows:`repeat(${r}, 1fr)`,gap:4,height:"100%"},children:Array.from({length:n*r},(e,t)=>(0,o.jsx)("div",{style:{borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",position:"relative",overflow:"hidden"},children:(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 100 100",preserveAspectRatio:"none",fill:"none",children:[(0,o.jsx)("line",{x1:"0",y1:"0",x2:"100",y2:"100",stroke:"var(--agd-stroke)",strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"100",y1:"0",x2:"0",y2:"100",stroke:"var(--agd-stroke)",strokeWidth:"0.5"})]})},t))})},checkbox:function({width:e,height:t}){let n=Math.min(e,t);return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:(t-n+2)/2,width:n-2,height:n-2,rx:.15*n,stroke:"var(--agd-stroke)",strokeWidth:"1.5"}),(0,o.jsx)("path",{d:`M${.25*n} ${t/2}l${.2*n} ${.2*n} ${.3*n}-${.35*n}`,stroke:"var(--agd-bar)",strokeWidth:"1.5",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})]})},radio:function({width:e,height:t}){let n=Math.min(e,t)/2-1;return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:[(0,o.jsx)("circle",{cx:e/2,cy:t/2,r:n,stroke:"var(--agd-stroke)",strokeWidth:"1.5"}),(0,o.jsx)("circle",{cx:e/2,cy:t/2,r:.45*n,fill:"var(--agd-bar)"})]})},slider:function({width:e,height:t}){let n=Math.max(2,.12*t),r=Math.min(.35*t,10),s=.55*e;return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",alignItems:"center",position:"relative"},children:[(0,o.jsx)("div",{style:{width:"100%",height:n,borderRadius:n/2,background:"var(--agd-fill)",border:"1px solid var(--agd-stroke)",position:"relative"},children:(0,o.jsx)("div",{style:{width:s,height:"100%",borderRadius:n/2,background:"var(--agd-bar)"}})}),(0,o.jsx)("div",{style:{position:"absolute",left:s-r,width:2*r,height:2*r,borderRadius:"50%",border:"1.5px solid var(--agd-stroke)",background:"var(--agd-fill)"}})]})},datePicker:function({width:e,height:t}){let n=Math.min(36,.15*t),r=Math.min((e-16)/7,(t-n-40)/5);return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",gap:4},children:[(0,o.jsxs)("div",{style:{height:n,borderRadius:4,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",padding:"0 8px",justifyContent:"space-between"},children:[(0,o.jsx)(Q,{w:"40%",h:2}),(0,o.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 16 16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"3",width:"12",height:"11",rx:"1",stroke:"var(--agd-stroke)",strokeWidth:"1"}),(0,o.jsx)("line",{x1:"2",y1:"6",x2:"14",y2:"6",stroke:"var(--agd-stroke)",strokeWidth:"0.5"})]})]}),(0,o.jsxs)("div",{style:{flex:1,borderRadius:6,border:"1px dashed var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",flexDirection:"column"},children:[(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"4px 6px"},children:[(0,o.jsx)("span",{style:{fontSize:7,color:"var(--agd-stroke)"},children:"‹"}),(0,o.jsx)(Q,{w:.25*e,h:2,strong:!0}),(0,o.jsx)("span",{style:{fontSize:7,color:"var(--agd-stroke)"},children:"›"})]}),(0,o.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:1,padding:"0 4px",flex:1},children:Array.from({length:28},(e,t)=>(0,o.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:r},children:(0,o.jsx)("div",{style:{width:.5*r,height:.5*r,borderRadius:"50%",background:10===t?"var(--agd-bar)":"transparent"},children:(0,o.jsx)("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)("div",{style:{width:1.5,height:1.5,borderRadius:1,background:"var(--agd-bar-strong)",opacity:10===t?1:.25}})})})},t))})]})]})},skeleton:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",gap:.08*t,padding:4},children:[(0,o.jsx)("div",{style:{width:"100%",height:.2*t,borderRadius:4,background:"var(--agd-fill)"}}),(0,o.jsx)("div",{style:{width:"70%",height:Math.max(6,.1*t),borderRadius:3,background:"var(--agd-fill)"}}),(0,o.jsx)("div",{style:{width:"90%",height:Math.max(4,.06*t),borderRadius:3,background:"var(--agd-fill)"}}),(0,o.jsx)("div",{style:{width:"50%",height:Math.max(4,.06*t),borderRadius:3,background:"var(--agd-fill)"}})]})},chip:function({width:e,height:t}){return(0,o.jsx)("div",{style:{height:"100%",display:"flex",alignItems:"center",gap:6},children:(0,o.jsxs)("div",{style:{height:"100%",flex:1,borderRadius:t/2,border:"1px solid var(--agd-stroke)",background:"var(--agd-fill)",display:"flex",alignItems:"center",padding:`0 ${.3*t}px`,gap:4},children:[(0,o.jsx)(Q,{w:"60%",h:2,strong:!0}),(0,o.jsx)("div",{style:{width:Math.max(6,.3*t),height:Math.max(6,.3*t),borderRadius:"50%",border:"1px solid var(--agd-stroke)",flexShrink:0,marginLeft:"auto"}})]})})},icon:function({width:e,height:t}){let n=Math.min(e,t);return(0,o.jsx)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:(0,o.jsx)("path",{d:`M${e/2} ${(t-n)/2+.1*n}l${.12*n} ${.25*n} ${.28*n} ${.04*n}-${.2*n} ${.2*n} ${.05*n} ${.28*n}-${.25*n}-${.12*n}-${.25*n} ${.12*n} ${.05*n}-${.28*n}-${.2*n}-${.2*n} ${.28*n}-${.04*n}z`,stroke:"var(--agd-stroke)",strokeWidth:"1",fill:"var(--agd-fill)"})})},spinner:function({width:e,height:t}){let n=Math.min(e,t)/2-2;return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:`0 0 ${e} ${t}`,fill:"none",children:[(0,o.jsx)("circle",{cx:e/2,cy:t/2,r:n,stroke:"var(--agd-stroke)",strokeWidth:"1.5",opacity:".2"}),(0,o.jsx)("path",{d:`M${e/2} ${t/2-n}a${n} ${n} 0 0 1 ${n} ${n}`,stroke:"var(--agd-bar-strong)",strokeWidth:"1.5",strokeLinecap:"round"})]})},feature:function({width:e,height:t}){let n=Math.min(36,.25*t,.12*e),r=Math.max(1,Math.min(3,Math.floor(t/80)));return(0,o.jsx)("div",{style:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"space-around",padding:8},children:Array.from({length:r},(t,r)=>(0,o.jsxs)("div",{style:{display:"flex",gap:.04*e,alignItems:"flex-start"},children:[(0,o.jsx)(q,{w:n,h:n,radius:.25*n}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4},children:[(0,o.jsx)(Q,{w:`${40+13*r%20}%`,h:3,strong:!0}),(0,o.jsx)(Q,{w:`${60+17*r%25}%`,h:2})]})]},r))})},team:function({width:e,height:t}){let n=Math.max(2,Math.min(4,Math.floor(e/120))),r=Math.min(36,.25*t);return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",gap:.06*t,padding:.06*t},children:[(0,o.jsx)(Q,{w:.3*e,h:4,strong:!0}),(0,o.jsx)("div",{style:{display:"flex",gap:.06*e,justifyContent:"center",flex:1,alignItems:"center"},children:Array.from({length:n},(t,n)=>(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:6},children:[(0,o.jsx)(V,{size:r}),(0,o.jsx)(Q,{w:.12*e,h:3,strong:!0}),(0,o.jsx)(Q,{w:.08*e,h:2})]},n))})]})},login:function({width:e,height:t}){let n=Math.max(2,Math.min(3,Math.floor(t/80)));return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",alignItems:"center",padding:.06*e,gap:.04*t},children:[(0,o.jsx)(Q,{w:.5*e,h:Math.max(5,.04*t),strong:!0}),(0,o.jsx)(Q,{w:.35*e,h:2}),(0,o.jsx)("div",{style:{width:"100%",display:"flex",flexDirection:"column",gap:.03*t,marginTop:.04*t},children:Array.from({length:n},(n,r)=>(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:Math.min(60,.2*e),h:2}),(0,o.jsx)(q,{w:"100%",h:Math.min(32,.1*t),radius:4})]},r))}),(0,o.jsx)(q,{w:"100%",h:Math.min(36,.12*t),radius:6,style:{marginTop:.03*t,background:"var(--agd-bar)"}}),(0,o.jsx)(Q,{w:.4*e,h:2})]})},contact:function({width:e,height:t}){return(0,o.jsxs)("div",{style:{height:"100%",display:"flex",flexDirection:"column",padding:.04*e,gap:.03*t},children:[(0,o.jsx)(Q,{w:.4*e,h:4,strong:!0}),(0,o.jsx)(Q,{w:.6*e,h:2}),(0,o.jsxs)("div",{style:{display:"flex",gap:6,marginTop:.03*t},children:[(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:50,h:2}),(0,o.jsx)(q,{w:"100%",h:Math.min(28,.1*t),radius:4})]}),(0,o.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:40,h:2}),(0,o.jsx)(q,{w:"100%",h:Math.min(28,.1*t),radius:4})]})]}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3},children:[(0,o.jsx)(Q,{w:50,h:2}),(0,o.jsx)(q,{w:"100%",h:Math.min(28,.1*t),radius:4})]}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:3,flex:1},children:[(0,o.jsx)(Q,{w:60,h:2}),(0,o.jsx)(q,{w:"100%",h:"100%",radius:4})]}),(0,o.jsx)(q,{w:Math.min(120,.3*e),h:Math.min(30,.1*t),radius:6,style:{alignSelf:"flex-end",background:"var(--agd-bar)"}})]})}};function K({type:e,width:t,height:n,text:r}){let s=Z[e];return s?(0,o.jsx)("div",{style:{width:"100%",height:"100%",padding:8,position:"relative",pointerEvents:"none"},children:(0,o.jsx)(s,{width:t,height:n,text:r})}):(0,o.jsx)("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,o.jsx)("span",{style:{fontSize:10,fontWeight:600,color:"var(--agd-text-3)",textTransform:"uppercase",letterSpacing:"0.06em",opacity:.5},children:e})})}if("u">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 {\n  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 {\n  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}\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}\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 .styles-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 {\n  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}\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 {\n  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}\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 J={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___Y6DD1",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 G(e,t,n,o,r){let s=1/0,l=1/0,i=e.x,a=e.x+e.width,d=e.x+e.width/2,_=e.y,c=e.y+e.height,u=e.y+e.height/2,h=!o,m=h?[i,a,d]:[...o.left?[i]:[],...o.right?[a]:[]],g=h?[_,c,u]:[...o.top?[_]:[],...o.bottom?[c]:[]],p=[];for(let e of t)n.has(e.id)||p.push(e);for(let e of(r&&p.push(...r),p)){let t=e.x,n=e.x+e.width,o=e.x+e.width/2,r=e.y,i=e.y+e.height,a=e.y+e.height/2;for(let e of m)for(let r of[t,n,o]){let t=r-e;5>Math.abs(t)&&Math.abs(t)<Math.abs(s)&&(s=t)}for(let e of g)for(let t of[r,i,a]){let n=t-e;5>Math.abs(n)&&Math.abs(n)<Math.abs(l)&&(l=n)}}let y=5>Math.abs(s)?s:0,x=5>Math.abs(l)?l:0,f=[],b=new Set,w=i+y,v=a+y,k=d+y,j=_+x,C=c+x,S=u+x;for(let e of p){let t=e.x,n=e.x+e.width,o=e.x+e.width/2,r=e.y,s=e.y+e.height,l=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:${Math.round(e)}`;b.has(t)||(b.add(t),f.push({axis:"x",pos:e}))}for(let e of[r,l,s])for(let t of[j,S,C])if(.5>Math.abs(t-e)){let t=`y:${Math.round(e)}`;b.has(t)||(b.add(t),f.push({axis:"y",pos:e}))}}return{dx:y,dy:x,guides:f}}function ee(){return`dp-${Date.now()}-${Math.random().toString(36).slice(2,7)}`}function et({placements:e,onChange:n,activeComponent:r,onActiveComponentChange:s,isDarkMode:l,exiting:i,onInteractionChange:a,className:d,passthrough:_,extraSnapRects:c,onSelectionChange:u,deselectSignal:h,onDragMove:m,onDragEnd:g,clearSignal:p,wireframe:y}){let[x,f]=(0,t.useState)(new Set),[b,w]=(0,t.useState)(null),[v,k]=(0,t.useState)(null),[j,C]=(0,t.useState)(null),[S,M]=(0,t.useState)([]),[$,L]=(0,t.useState)(null),[I,B]=(0,t.useState)(!1),N=(0,t.useRef)(!1),[E,R]=(0,t.useState)(new Set),W=(0,t.useRef)(new Map),P=(0,t.useRef)(null),z=(0,t.useRef)(null),T=(0,t.useRef)(e);T.current=e;let O=(0,t.useRef)(u);O.current=u;let F=(0,t.useRef)(m);F.current=m;let H=(0,t.useRef)(g);H.current=g;let X=(0,t.useRef)(h);(0,t.useEffect)(()=>{h!==X.current&&(X.current=h,f(new Set))},[h]);let Q=(0,t.useRef)(p);(0,t.useEffect)(()=>{if(void 0!==p&&p!==Q.current){Q.current=p;let e=new Set(T.current.map(e=>e.id));e.size>0&&(R(e),f(new Set),z.current=null,D(()=>{n([]),R(new Set)},180))}},[p,n]),(0,t.useEffect)(()=>{let t=t=>{let o=t.target;if(!("INPUT"===o.tagName||"TEXTAREA"===o.tagName||o.isContentEditable)){if(("Backspace"===t.key||"Delete"===t.key)&&x.size>0){t.preventDefault();let e=new Set(x);R(e),f(new Set),D(()=>{n(T.current.filter(t=>!e.has(t.id))),R(new Set)},180);return}if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t.key)&&x.size>0){t.preventDefault();let o=t.shiftKey?20:1,r="ArrowLeft"===t.key?-o:"ArrowRight"===t.key?o:0,s="ArrowUp"===t.key?-o:"ArrowDown"===t.key?o:0;n(e.map(e=>x.has(e.id)?{...e,x:Math.max(0,e.x+r),y:Math.max(0,e.y+s)}:e));return}if("Escape"===t.key)return void(r?s(null):x.size>0&&f(new Set))}};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[x,r,e,n,s]);let q=(0,t.useCallback)(t=>{if(0!==t.button||_||t.target.closest(`.${J.placement}`))return;t.preventDefault(),t.stopPropagation();let o=window.scrollY,l=t.clientX,i=t.clientY;if(r){z.current="place",a?.(!0);let t=!1,d=l,_=i,c=e=>{d=e.clientX;let n=Math.abs((_=e.clientY)-i);if((Math.abs(d-l)>5||n>5)&&(t=!0),t){let t=Math.min(l,d),n=Math.min(i,_),o=Math.abs(d-l),r=Math.abs(_-i);w({x:t,y:n,w:o,h:r}),C({x:e.clientX+12,y:e.clientY+12,text:`${Math.round(o)} \xd7 ${Math.round(r)}`})}},u=h=>{let m,g,p,y;window.removeEventListener("mousemove",c),window.removeEventListener("mouseup",u),w(null),C(null),z.current=null,a?.(!1);let x=Y[r];t?(m=Math.min(l,d),g=Math.min(i,_)+o,p=Math.max(24,Math.abs(d-l)),y=Math.max(24,Math.abs(_-i))):(p=x.width,y=x.height,m=l-p/2,g=i+o-y/2),m=Math.max(0,m),g=Math.max(0,g);let b={id:ee(),type:r,x:m,y:g,width:p,height:y,scrollY:o,timestamp:Date.now()};n([...e,b]),f(new Set([b.id])),s(null)};window.addEventListener("mousemove",c),window.addEventListener("mouseup",u)}else{t.shiftKey||f(new Set),z.current="select";let n=!1,r=e=>{let t=Math.abs(e.clientX-l),o=Math.abs(e.clientY-i);(t>4||o>4)&&(n=!0),n&&k({x:Math.min(l,e.clientX),y:Math.min(i,e.clientY),w:Math.abs(e.clientX-l),h:Math.abs(e.clientY-i)})},s=a=>{if(window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",s),z.current=null,n){let n=Math.min(l,a.clientX),r=Math.min(i,a.clientY)+o,s=Math.abs(a.clientX-l),d=Math.abs(a.clientY-i),_=new Set(t.shiftKey?x:new Set);for(let t of e)t.y,t.x+t.width>n&&t.x<n+s&&t.y+t.height>r&&t.y<r+d&&_.add(t.id);f(_)}k(null)};window.addEventListener("mousemove",r),window.addEventListener("mouseup",s)}},[r,_,e,n,x]),V=(0,t.useCallback)((t,o)=>{let r;if(0!==t.button)return;let s=t.target;if(s.closest(`.${J.handle}`)||s.closest(`.${J.deleteButton}`))return;t.preventDefault(),t.stopPropagation(),t.shiftKey?(r=new Set(x)).has(o)?r.delete(o):r.add(o):r=new Set(x.has(o)?x:[o]),f(r),(r.size!==x.size||[...r].some(e=>!x.has(e)))&&O.current?.(r,t.shiftKey),window.scrollY;let l=t.clientX,i=t.clientY,d=new Map;for(let t of e)r.has(t.id)&&d.set(t.id,{x:t.x,y:t.y});z.current="move",a?.(!0);let _=!1,u=!1,h=e,m=0,g=0,p=new Map;for(let t of e)d.has(t.id)&&p.set(t.id,{w:t.width,h:t.height});let y=t=>{let o=t.clientX-l,r=t.clientY-i;if((Math.abs(o)>2||Math.abs(r)>2)&&(_=!0),!_)return;if(t.altKey&&!u){u=!0;let t=[];for(let n of e)d.has(n.id)&&t.push({...n,id:ee(),timestamp:Date.now()});h=[...e,...t]}let s=1/0,a=1/0,y=-1/0,x=-1/0;for(let[e,t]of d){let n=p.get(e);n&&(s=Math.min(s,t.x+o),a=Math.min(a,t.y+r),y=Math.max(y,t.x+o+n.w),x=Math.max(x,t.y+r+n.h))}let{dx:f,dy:b,guides:w}=G({x:s,y:a,width:y-s,height:x-a},h,new Set(d.keys()),void 0,c);M(w);let v=o+f,k=r+b;m=v,g=k,n(h.map(e=>{let t=d.get(e.id);return t?{...e,x:Math.max(0,t.x+v),y:Math.max(0,t.y+k)}:e})),F.current?.(v,k)},b=()=>{window.removeEventListener("mousemove",y),window.removeEventListener("mouseup",b),z.current=null,a?.(!1),M([]),H.current?.(m,g,_)};window.addEventListener("mousemove",y),window.addEventListener("mouseup",b)},[x,e,n,a]),Z=(0,t.useCallback)((t,o,r)=>{t.preventDefault(),t.stopPropagation();let s=e.find(e=>e.id===o);if(!s)return;f(new Set([o])),z.current="resize",a?.(!0);let l=t.clientX,i=t.clientY,d=s.width,_=s.height,u=s.x,h=s.y,m={left:r.includes("w"),right:r.includes("e"),top:r.includes("n"),bottom:r.includes("s")},g=e=>{let t=e.clientX-l,s=e.clientY-i,a=d,g=_,p=u,y=h;r.includes("e")&&(a=Math.max(24,d+t)),r.includes("w")&&(a=Math.max(24,d-t),p=u+d-a),r.includes("s")&&(g=Math.max(24,_+s)),r.includes("n")&&(g=Math.max(24,_-s),y=h+_-g);let{dx:x,dy:f,guides:b}=G({x:p,y:y,width:a,height:g},T.current,new Set([o]),m,c);M(b),0!==x&&(m.right?a+=x:m.left&&(p+=x,a-=x)),0!==f&&(m.bottom?g+=f:m.top&&(y+=f,g-=f)),n(T.current.map(e=>e.id===o?{...e,x:p,y:y,width:a,height:g}:e)),C({x:e.clientX+12,y:e.clientY+12,text:`${Math.round(a)} \xd7 ${Math.round(g)}`})},p=()=>{window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",p),C(null),z.current=null,a?.(!1),M([])};window.addEventListener("mousemove",g),window.addEventListener("mouseup",p)},[e,n,a]),en=(0,t.useCallback)(e=>{z.current=null,R(t=>{let n=new Set(t);return n.add(e),n}),f(t=>{let n=new Set(t);return n.delete(e),n}),D(()=>{n(T.current.filter(t=>t.id!==e)),R(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"},er=(0,t.useCallback)(t=>{let n=e.find(e=>e.id===t);n&&(N.current=!!n.text,L(t),B(!1))},[e]),es=(0,t.useCallback)(()=>{$&&(B(!0),D(()=>{L(null),B(!1)},150))},[$]);(0,t.useEffect)(()=>{i&&$&&es()},[i]);let el=(0,t.useCallback)(t=>{$&&(n(e.map(e=>e.id===$?{...e,text:t.trim()||void 0}:e)),es())},[$,e,n,es]),ei="u">typeof window?window.scrollY:0,ea=["nw","ne","se","sw"],ed=y?"#f97316":"#3c82f7",e_=[{dir:"n",cls:J.edgeN,arrow:(0,o.jsx)("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",children:(0,o.jsx)("path",{d:"M4 0.5L1 4.5h6z",fill:ed})})},{dir:"e",cls:J.edgeE,arrow:(0,o.jsx)("svg",{width:"6",height:"8",viewBox:"0 0 6 8",fill:"none",children:(0,o.jsx)("path",{d:"M5.5 4L1.5 1v6z",fill:ed})})},{dir:"s",cls:J.edgeS,arrow:(0,o.jsx)("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",children:(0,o.jsx)("path",{d:"M4 5.5L1 1.5h6z",fill:ed})})},{dir:"w",cls:J.edgeW,arrow:(0,o.jsx)("svg",{width:"6",height:"8",viewBox:"0 0 6 8",fill:"none",children:(0,o.jsx)("path",{d:"M0.5 4L4.5 1v6z",fill:ed})})}];return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{ref:P,className:`${J.overlay} ${!l?J.light:""} ${r?J.placing:""} ${_?J.passthrough:""} ${i?J.overlayExiting:""} ${y?J.wireframe:""}${d?` ${d}`:""}`,"data-feedback-toolbar":!0,onMouseDown:q,children:e.map(e=>{let t=x.has(e.id),n=U[e.type]?.label||e.type,r=e.y-ei;return(0,o.jsxs)("div",{"data-design-placement":e.id,className:`${J.placement} ${t?J.selected:""} ${E.has(e.id)?J.exiting:""}`,style:{left:e.x,top:r,width:e.width,height:e.height,position:"fixed"},onMouseDown:t=>V(t,e.id),onDoubleClick:()=>er(e.id),children:[(0,o.jsx)("span",{className:J.placementLabel,children:n}),(0,o.jsx)("span",{className:`${J.placementAnnotation} ${e.text?J.annotationVisible:""}`,children:(e.text&&W.current.set(e.id,e.text),e.text||W.current.get(e.id)||"")}),(0,o.jsx)("div",{className:J.placementContent,children:(0,o.jsx)(K,{type:e.type,width:e.width,height:e.height,text:e.text})}),(0,o.jsx)("div",{className:J.deleteButton,onMouseDown:e=>e.stopPropagation(),onClick:()=>en(e.id),children:"✕"}),ea.map(t=>(0,o.jsx)("div",{className:`${J.handle} ${J[`handle${t.charAt(0).toUpperCase()}${t.slice(1)}`]}`,onMouseDown:n=>Z(n,e.id,t)},t)),e_.map(({dir:t,cls:n,arrow:r})=>(0,o.jsx)("div",{className:`${J.edgeHandle} ${n}`,onMouseDown:n=>Z(n,e.id,t),children:r},t))]},e.id)})}),$&&(()=>{let t,n=e.find(e=>e.id===$);if(!n)return null;let r=n.y-ei,s=n.x+n.width/2,i=r-8,a=r+n.height+8,d=a<window.innerHeight-100,_=Math.max(160,Math.min(window.innerWidth-160,s));return t=i>200?{left:_,bottom:window.innerHeight-i}:d?{left:_,top:a}:{left:_,top:Math.max(80,window.innerHeight/2-80)},(0,o.jsx)(A,{element:U[n.type]?.label||n.type,placeholder:eo[n.type]||"Label or content text",initialValue:n.text??"",submitLabel:N.current?"Save":"Set",onSubmit:el,onCancel:es,onDelete:N.current?()=>{el("")}:void 0,isExiting:I,lightMode:!l,style:t})})(),b&&(0,o.jsx)("div",{className:J.drawBox,style:{left:b.x,top:b.y,width:b.w,height:b.h},"data-feedback-toolbar":!0}),v&&(0,o.jsx)("div",{className:J.selectBox,style:{left:v.x,top:v.y,width:v.w,height:v.h},"data-feedback-toolbar":!0}),j&&(0,o.jsx)("div",{className:J.sizeIndicator,style:{left:j.x,top:j.y},"data-feedback-toolbar":!0,children:j.text}),S.map((e,t)=>(0,o.jsx)("div",{className:J.guideLine,style:"x"===e.axis?{position:"fixed",left:e.pos,top:0,width:1,bottom:0}:{position:"fixed",left:0,top:e.pos-ei,right:0,height:1},"data-feedback-toolbar":!0},`${e.axis}-${e.pos}-${t}`))]})}var en="currentColor";function eo({type:e}){switch(e){case"navigation":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"4",width:"18",height:"8",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2.5",y:"7",width:"3",height:"1.5",rx:".5",fill:en,opacity:".4"}),(0,o.jsx)("rect",{x:"7",y:"7",width:"2.5",height:"1.5",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"11",y:"7",width:"2.5",height:"1.5",rx:".5",fill:en,opacity:".25"})]});case"header":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"2",width:"18",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3",y:"5.5",width:"8",height:"2",rx:".5",fill:en,opacity:".35"}),(0,o.jsx)("rect",{x:"3",y:"9",width:"12",height:"1",rx:".5",fill:en,opacity:".15"})]});case"hero":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"1",width:"18",height:"14",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5",y:"5",width:"10",height:"1.5",rx:".5",fill:en,opacity:".35"}),(0,o.jsx)("rect",{x:"7",y:"8",width:"6",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"7.5",y:"10.5",width:"5",height:"2.5",rx:"1",stroke:en,strokeWidth:"0.5"})]});case"section":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"1",width:"18",height:"14",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3",y:"4",width:"6",height:"1",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"3",y:"6.5",width:"14",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"3",y:"9",width:"10",height:"1",rx:".5",fill:en,opacity:".15"})]});case"sidebar":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"1",width:"7",height:"14",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2.5",y:"4",width:"4",height:"1",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"2.5",y:"6.5",width:"3.5",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"2.5",y:"9",width:"4",height:"1",rx:".5",fill:en,opacity:".15"})]});case"footer":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"7",width:"18",height:"8",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3",y:"9.5",width:"4",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"9",y:"9.5",width:"4",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"15",y:"9.5",width:"3",height:"1",rx:".5",fill:en,opacity:".2"})]});case"modal":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"2",width:"14",height:"12",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5",y:"4.5",width:"7",height:"1",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"5",y:"7",width:"10",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"11",y:"11",width:"5",height:"2",rx:".75",stroke:en,strokeWidth:"0.5"})]});case"divider":return(0,o.jsx)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:(0,o.jsx)("line",{x1:"2",y1:"8",x2:"18",y2:"8",stroke:en,strokeWidth:"0.5",opacity:".3"})});case"card":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2",y:"1",width:"16",height:"5.5",rx:"1",fill:en,opacity:".04"}),(0,o.jsx)("rect",{x:"4",y:"8.5",width:"8",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"4",y:"11",width:"11",height:"1",rx:".5",fill:en,opacity:".12"})]});case"text":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"4",width:"14",height:"1.5",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"2",y:"7",width:"11",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"2",y:"9.5",width:"13",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"2",y:"12",width:"8",height:"1",rx:".5",fill:en,opacity:".12"})]});case"image":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"2",y1:"2",x2:"18",y2:"14",stroke:en,strokeWidth:".3",opacity:".25"}),(0,o.jsx)("line",{x1:"18",y1:"2",x2:"2",y2:"14",stroke:en,strokeWidth:".3",opacity:".25"})]});case"video":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("path",{d:"M8.5 5.5v5l4.5-2.5z",stroke:en,strokeWidth:"0.5",fill:en,opacity:".15"})]});case"table":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"2",width:"18",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"1",y1:"5.5",x2:"19",y2:"5.5",stroke:en,strokeWidth:".3",opacity:".25"}),(0,o.jsx)("line",{x1:"1",y1:"9",x2:"19",y2:"9",stroke:en,strokeWidth:".3",opacity:".25"}),(0,o.jsx)("line",{x1:"7",y1:"2",x2:"7",y2:"14",stroke:en,strokeWidth:".3",opacity:".25"}),(0,o.jsx)("line",{x1:"13",y1:"2",x2:"13",y2:"14",stroke:en,strokeWidth:".3",opacity:".25"})]});case"grid":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1.5",y:"2",width:"7",height:"5.5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"11.5",y:"2",width:"7",height:"5.5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"1.5",y:"9.5",width:"7",height:"5.5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"11.5",y:"9.5",width:"7",height:"5.5",rx:"1",stroke:en,strokeWidth:"0.5"})]});case"list":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"3.5",cy:"4.5",r:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6.5",y:"4",width:"10",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"3.5",cy:"8",r:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6.5",y:"7.5",width:"8",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"3.5",cy:"11.5",r:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6.5",y:"11",width:"11",height:"1",rx:".5",fill:en,opacity:".2"})]});case"chart":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"9",width:"2.5",height:"4",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("rect",{x:"7",y:"6",width:"2.5",height:"7",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"11",y:"3",width:"2.5",height:"10",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"15",y:"5",width:"2.5",height:"8",rx:".5",fill:en,opacity:".2"})]});case"accordion":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1.5",y:"2",width:"17",height:"4",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3",y:"3.5",width:"6",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"1.5",y:"7.5",width:"17",height:"3",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"1.5",y:"12",width:"17",height:"3",rx:"1",stroke:en,strokeWidth:"0.5"})]});case"carousel":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"2",width:"14",height:"10",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("path",{d:"M1.5 7L3 8.5 1.5 10",stroke:en,strokeWidth:"0.5",opacity:".35"}),(0,o.jsx)("path",{d:"M18.5 7L17 8.5 18.5 10",stroke:en,strokeWidth:"0.5",opacity:".35"}),(0,o.jsx)("circle",{cx:"8.5",cy:"14",r:".6",fill:en,opacity:".35"}),(0,o.jsx)("circle",{cx:"10",cy:"14",r:".6",fill:en,opacity:".15"}),(0,o.jsx)("circle",{cx:"11.5",cy:"14",r:".6",fill:en,opacity:".15"})]});case"button":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"5",width:"14",height:"6",rx:"2",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6.5",y:"7.5",width:"7",height:"1",rx:".5",fill:en,opacity:".25"})]});case"input":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"4",width:"5.5",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"2",y:"6.5",width:"16",height:"5.5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3.5",y:"8.5",width:"7",height:"1",rx:".5",fill:en,opacity:".12"})]});case"search":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"4.5",width:"16",height:"7",rx:"3.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"6",cy:"8",r:"2",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("line",{x1:"7.5",y1:"9.5",x2:"9",y2:"11",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("rect",{x:"9.5",y:"7.5",width:"6",height:"1",rx:".5",fill:en,opacity:".12"})]});case"form":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"1.5",width:"5.5",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"2",y:"3.5",width:"16",height:"3",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2",y:"8",width:"7",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"2",y:"10",width:"16",height:"3",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"12",y:"14",width:"6",height:"2",rx:".75",stroke:en,strokeWidth:"0.5"})]});case"tabs":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"5",width:"18",height:"10",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"1",y:"2",width:"6",height:"3.5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2.5",y:"3.25",width:"3",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"7",y:"2",width:"6",height:"3.5",rx:".75",stroke:en,strokeWidth:"0.5"})]});case"dropdown":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"16",height:"4",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3.5",y:"3.5",width:"7",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("path",{d:"M15 3.5l1.5 1.5L18 3.5",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("rect",{x:"2",y:"7",width:"16",height:"7",rx:"1",stroke:en,strokeWidth:"0.5",strokeDasharray:"2 1",opacity:".3"})]});case"toggle":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"4",y:"5",width:"12",height:"6",rx:"3",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"13",cy:"8",r:"2",fill:en,opacity:".3"})]});case"avatar":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"10",cy:"8",r:"6",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"10",cy:"6.5",r:"2",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("path",{d:"M6.5 13c0-2 1.5-3.5 3.5-3.5s3.5 1.5 3.5 3.5",stroke:en,strokeWidth:"0.5"})]});case"badge":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"5",width:"14",height:"6",rx:"3",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6",y:"7.5",width:"8",height:"1",rx:".5",fill:en,opacity:".25"})]});case"breadcrumb":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1.5",y:"7",width:"3.5",height:"1",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("path",{d:"M6.5 7l1 1-1 1",stroke:en,strokeWidth:"0.5",opacity:".2"}),(0,o.jsx)("rect",{x:"9",y:"7",width:"3.5",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("path",{d:"M14 7l1 1-1 1",stroke:en,strokeWidth:"0.5",opacity:".2"}),(0,o.jsx)("rect",{x:"16.5",y:"7",width:"2",height:"1",rx:".5",fill:en,opacity:".15"})]});case"pagination":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"5.5",width:"3.5",height:"5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6.5",y:"5.5",width:"3.5",height:"5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"11",y:"5.5",width:"3.5",height:"5",rx:"1",fill:en,opacity:".15",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"15.5",y:"5.5",width:"3.5",height:"5",rx:"1",stroke:en,strokeWidth:"0.5"})]});case"progress":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"7",width:"16",height:"2",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2",y:"7",width:"10",height:"2",rx:"1",fill:en,opacity:".2"})]});case"toast":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"4",width:"16",height:"8",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"5",cy:"8",r:"1.5",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("rect",{x:"8",y:"6.5",width:"7",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"8",y:"9",width:"5",height:"1",rx:".5",fill:en,opacity:".12"})]});case"tooltip":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"3",width:"14",height:"7",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5.5",y:"5.5",width:"9",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("path",{d:"M9 10l1 2.5 1-2.5",stroke:en,strokeWidth:"0.5"})]});case"pricing":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6",y:"3",width:"8",height:"1.5",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"7",y:"5.5",width:"6",height:"2",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"5",y:"9",width:"10",height:"1",rx:".5",fill:en,opacity:".1"}),(0,o.jsx)("rect",{x:"5",y:"11",width:"10",height:"1",rx:".5",fill:en,opacity:".1"}),(0,o.jsx)("rect",{x:"6",y:"13",width:"8",height:"1.5",rx:".5",fill:en,opacity:".2"})]});case"testimonial":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("text",{x:"4",y:"5.5",fontSize:"4",fill:en,opacity:".2",fontFamily:"serif",children:"“"}),(0,o.jsx)("rect",{x:"4",y:"7",width:"12",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"4",y:"9",width:"9",height:"1",rx:".5",fill:en,opacity:".12"}),(0,o.jsx)("circle",{cx:"5.5",cy:"12.5",r:"1.5",stroke:en,strokeWidth:"0.5",opacity:".25"}),(0,o.jsx)("rect",{x:"8",y:"12",width:"5",height:"1",rx:".5",fill:en,opacity:".15"})]});case"cta":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"2",width:"18",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5",y:"4.5",width:"10",height:"1.5",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"6",y:"7.5",width:"8",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"7",y:"10",width:"6",height:"2.5",rx:"1",stroke:en,strokeWidth:"0.5"})]});case"alert":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"4",width:"16",height:"8",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"6",cy:"8",r:"2",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("line",{x1:"6",y1:"7",x2:"6",y2:"8.5",stroke:en,strokeWidth:"0.6",opacity:".5"}),(0,o.jsx)("circle",{cx:"6",cy:"9.3",r:".3",fill:en,opacity:".5"}),(0,o.jsx)("rect",{x:"9.5",y:"7",width:"6",height:"1",rx:".5",fill:en,opacity:".2"})]});case"banner":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"5",width:"18",height:"6",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"4",y:"7.5",width:"8",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"14",y:"7",width:"3.5",height:"2",rx:".75",stroke:en,strokeWidth:"0.5"})]});case"stat":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"2",width:"14",height:"12",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6",y:"4.5",width:"8",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"5",y:"7",width:"10",height:"2.5",rx:".5",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"7",y:"11",width:"6",height:"1",rx:".5",fill:en,opacity:".12"})]});case"stepper":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"4",cy:"8",r:"2",fill:en,opacity:".2",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"6",y1:"8",x2:"8",y2:"8",stroke:en,strokeWidth:".4",opacity:".3"}),(0,o.jsx)("circle",{cx:"10",cy:"8",r:"2",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"12",y1:"8",x2:"14",y2:"8",stroke:en,strokeWidth:".4",opacity:".3"}),(0,o.jsx)("circle",{cx:"16",cy:"8",r:"2",stroke:en,strokeWidth:"0.5"})]});case"tag":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"5",width:"14",height:"6",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5.5",y:"7.5",width:"6",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("line",{x1:"14",y1:"6.5",x2:"15.5",y2:"9.5",stroke:en,strokeWidth:"0.5",opacity:".2"}),(0,o.jsx)("line",{x1:"15.5",y1:"6.5",x2:"14",y2:"9.5",stroke:en,strokeWidth:"0.5",opacity:".2"})]});case"rating":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.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:en,opacity:".25"}),(0,o.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:en,opacity:".25"}),(0,o.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:en,strokeWidth:"0.5",opacity:".25"})]});case"map":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"2",y1:"6",x2:"18",y2:"10",stroke:en,strokeWidth:".3",opacity:".15"}),(0,o.jsx)("line",{x1:"7",y1:"2",x2:"11",y2:"14",stroke:en,strokeWidth:".3",opacity:".15"}),(0,o.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:en,opacity:".15",stroke:en,strokeWidth:"0.5"})]});case"timeline":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("line",{x1:"5",y1:"2",x2:"5",y2:"14",stroke:en,strokeWidth:".4",opacity:".25"}),(0,o.jsx)("circle",{cx:"5",cy:"4",r:"1.5",fill:en,opacity:".2",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"8",y:"3",width:"8",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("circle",{cx:"5",cy:"8.5",r:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"8",y:"7.5",width:"6",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("circle",{cx:"5",cy:"13",r:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"8",y:"12",width:"7",height:"1",rx:".5",fill:en,opacity:".15"})]});case"fileUpload":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"2",width:"14",height:"12",rx:"1.5",stroke:en,strokeWidth:"0.5",strokeDasharray:"2 1"}),(0,o.jsx)("path",{d:"M10 10V5.5m0 0L7.5 8m2.5-2.5L12.5 8",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("rect",{x:"7",y:"11.5",width:"6",height:"1",rx:".5",fill:en,opacity:".15"})]});case"codeBlock":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"16",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"4",cy:"4",r:".6",fill:en,opacity:".3"}),(0,o.jsx)("circle",{cx:"5.5",cy:"4",r:".6",fill:en,opacity:".3"}),(0,o.jsx)("circle",{cx:"7",cy:"4",r:".6",fill:en,opacity:".3"}),(0,o.jsx)("rect",{x:"4",y:"7",width:"7",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("rect",{x:"6",y:"9",width:"5",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"4",y:"11",width:"8",height:"1",rx:".5",fill:en,opacity:".12"})]});case"calendar":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"3",width:"16",height:"12",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("line",{x1:"2",y1:"6.5",x2:"18",y2:"6.5",stroke:en,strokeWidth:".4",opacity:".25"}),(0,o.jsx)("rect",{x:"5",y:"4",width:"1",height:"1.5",rx:".3",fill:en,opacity:".2"}),(0,o.jsx)("rect",{x:"14",y:"4",width:"1",height:"1.5",rx:".3",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"7",cy:"9",r:".6",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"10",cy:"9",r:".6",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"13",cy:"9",r:".6",fill:en,opacity:".3"}),(0,o.jsx)("circle",{cx:"7",cy:"12",r:".6",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"10",cy:"12",r:".6",fill:en,opacity:".2"})]});case"notification":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"3",width:"16",height:"10",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"5.5",cy:"8",r:"2",stroke:en,strokeWidth:"0.5",opacity:".25"}),(0,o.jsx)("rect",{x:"9",y:"6",width:"6",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"9",y:"8.5",width:"4.5",height:"1",rx:".5",fill:en,opacity:".12"}),(0,o.jsx)("circle",{cx:"16.5",cy:"4.5",r:"1.5",fill:en,opacity:".25"})]});case"productCard":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"1",width:"14",height:"14",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3",y:"1",width:"14",height:"6",rx:"1",fill:en,opacity:".04"}),(0,o.jsx)("rect",{x:"5",y:"8.5",width:"7",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"5",y:"10.5",width:"4",height:"1.5",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"12",y:"12",width:"4",height:"2",rx:".75",stroke:en,strokeWidth:"0.5"})]});case"profile":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"10",cy:"5",r:"3",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5",y:"10",width:"10",height:"1.5",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"7",y:"12.5",width:"6",height:"1",rx:".5",fill:en,opacity:".12"})]});case"drawer":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"9",y:"1",width:"10",height:"14",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"10.5",y:"4",width:"5",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"10.5",y:"6.5",width:"7",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"10.5",y:"9",width:"6",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"1",y:"1",width:"7",height:"14",rx:"1",stroke:en,strokeWidth:"0.5",opacity:".15"})]});case"popover":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"2",width:"14",height:"9",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5",y:"4.5",width:"8",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"5",y:"7",width:"6",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("path",{d:"M9 11l1 2.5 1-2.5",stroke:en,strokeWidth:"0.5"})]});case"logo":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"3",width:"10",height:"10",rx:"2",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("path",{d:"M5 9.5l2-4 2 4",stroke:en,strokeWidth:"0.5",opacity:".3"}),(0,o.jsx)("rect",{x:"14",y:"6",width:"4",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("rect",{x:"14",y:"8.5",width:"3",height:"1",rx:".5",fill:en,opacity:".12"})]});case"faq":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("text",{x:"2.5",y:"5.5",fontSize:"4",fill:en,opacity:".3",fontWeight:"bold",children:"?"}),(0,o.jsx)("rect",{x:"7",y:"3",width:"10",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"7",y:"5.5",width:"8",height:"1",rx:".5",fill:en,opacity:".12"}),(0,o.jsx)("text",{x:"2.5",y:"11.5",fontSize:"4",fill:en,opacity:".3",fontWeight:"bold",children:"?"}),(0,o.jsx)("rect",{x:"7",y:"9",width:"9",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"7",y:"11.5",width:"7",height:"1",rx:".5",fill:en,opacity:".12"})]});case"gallery":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1.5",y:"1.5",width:"5",height:"5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"7.5",y:"1.5",width:"5",height:"5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"13.5",y:"1.5",width:"5",height:"5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"1.5",y:"9.5",width:"5",height:"5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"7.5",y:"9.5",width:"5",height:"5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"13.5",y:"9.5",width:"5",height:"5",rx:".75",stroke:en,strokeWidth:"0.5"})]});case"checkbox":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"5",y:"4",width:"8",height:"8",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("path",{d:"M7.5 8l1.5 1.5 3-3",stroke:en,strokeWidth:"0.5",opacity:".35"})]});case"radio":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"10",cy:"8",r:"4",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("circle",{cx:"10",cy:"8",r:"2",fill:en,opacity:".3"})]});case"slider":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"7.5",width:"16",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"2",y:"7.5",width:"10",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("circle",{cx:"12",cy:"8",r:"2.5",stroke:en,strokeWidth:"0.5"})]});case"datePicker":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"1",width:"16",height:"5",rx:"1",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"3.5",y:"3",width:"5",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("rect",{x:"14",y:"2.5",width:"2.5",height:"2",rx:".5",fill:en,opacity:".12"}),(0,o.jsx)("rect",{x:"2",y:"7",width:"16",height:"8",rx:"1",stroke:en,strokeWidth:"0.5",strokeDasharray:"2 1",opacity:".3"}),(0,o.jsx)("circle",{cx:"6",cy:"10",r:".6",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"10",cy:"10",r:".6",fill:en,opacity:".3"}),(0,o.jsx)("circle",{cx:"14",cy:"10",r:".6",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"6",cy:"13",r:".6",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"10",cy:"13",r:".6",fill:en,opacity:".2"})]});case"skeleton":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"16",height:"3",rx:"1",fill:en,opacity:".08"}),(0,o.jsx)("rect",{x:"2",y:"7",width:"10",height:"2",rx:".75",fill:en,opacity:".08"}),(0,o.jsx)("rect",{x:"2",y:"11",width:"13",height:"2",rx:".75",fill:en,opacity:".08"})]});case"chip":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"1.5",y:"5",width:"10",height:"6",rx:"3",fill:en,opacity:".08",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"4",y:"7.5",width:"4",height:"1",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("line",{x1:"9.5",y1:"6.5",x2:"10.5",y2:"9.5",stroke:en,strokeWidth:"0.5",opacity:".2"}),(0,o.jsx)("line",{x1:"10.5",y1:"6.5",x2:"9.5",y2:"9.5",stroke:en,strokeWidth:"0.5",opacity:".2"}),(0,o.jsx)("rect",{x:"13",y:"5",width:"5.5",height:"6",rx:"3",stroke:en,strokeWidth:"0.5",opacity:".25"})]});case"icon":return(0,o.jsx)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:(0,o.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:en,strokeWidth:"0.5",opacity:".3"})});case"spinner":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"10",cy:"8",r:"5",stroke:en,strokeWidth:"0.5",opacity:".12"}),(0,o.jsx)("path",{d:"M10 3a5 5 0 0 1 5 5",stroke:en,strokeWidth:"0.5",opacity:".35",strokeLinecap:"round"})]});case"feature":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"2",width:"5",height:"5",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("path",{d:"M4.5 3.5v3m-1.5-1.5h3",stroke:en,strokeWidth:"0.5",opacity:".25"}),(0,o.jsx)("rect",{x:"9",y:"2.5",width:"8",height:"1.5",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"9",y:"5.5",width:"6",height:"1",rx:".5",fill:en,opacity:".12"}),(0,o.jsx)("rect",{x:"2",y:"10",width:"5",height:"5",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"9",y:"10.5",width:"7",height:"1.5",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"9",y:"13.5",width:"5",height:"1",rx:".5",fill:en,opacity:".12"})]});case"team":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("circle",{cx:"5",cy:"5",r:"2.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"2.5",y:"9",width:"5",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"15",cy:"5",r:"2.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"12.5",y:"9",width:"5",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("circle",{cx:"10",cy:"5",r:"2.5",stroke:en,strokeWidth:"0.5",opacity:".5"}),(0,o.jsx)("rect",{x:"7.5",y:"9",width:"5",height:"1",rx:".5",fill:en,opacity:".15"}),(0,o.jsx)("rect",{x:"4",y:"12",width:"12",height:"1",rx:".5",fill:en,opacity:".1"})]});case"login":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"3",y:"1",width:"14",height:"14",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6",y:"3",width:"8",height:"1.5",rx:".5",fill:en,opacity:".25"}),(0,o.jsx)("rect",{x:"5",y:"5.5",width:"10",height:"3",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"5",y:"9.5",width:"10",height:"3",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"6.5",y:"13.5",width:"7",height:"2",rx:".75",fill:en,opacity:".2"})]});case"contact":return(0,o.jsxs)("svg",{viewBox:"0 0 20 16",width:"20",height:"16",fill:"none",children:[(0,o.jsx)("rect",{x:"2",y:"1",width:"16",height:"14",rx:"1.5",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"4",y:"3",width:"5",height:"1",rx:".5",fill:en,opacity:".2"}),(0,o.jsx)("rect",{x:"4",y:"5",width:"12",height:"2.5",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"4",y:"8.5",width:"12",height:"4",rx:".75",stroke:en,strokeWidth:"0.5"}),(0,o.jsx)("rect",{x:"11",y:"13.5",width:"5",height:"1.5",rx:".5",fill:en,opacity:".2"})]});default:return null}}function er({activeType:e,onSelect:t,onDragStart:n,scrollRef:r,fadeClass:s,blankCanvas:l}){return(0,o.jsx)("div",{ref:r,className:`${J.placeScroll} ${s||""}`,children:X.map(r=>(0,o.jsxs)("div",{className:J.paletteSection,children:[(0,o.jsx)("div",{className:J.paletteSectionTitle,children:r.section}),r.items.map(r=>(0,o.jsxs)("div",{className:`${J.paletteItem} ${e===r.type?J.active:""} ${l?J.wireframe:""}`,onClick:()=>t(r.type),onMouseDown:e=>{0===e.button&&n(r.type,e)},children:[(0,o.jsx)("div",{className:J.paletteItemIcon,children:(0,o.jsx)(eo,{type:r.type})}),(0,o.jsx)("span",{className:J.paletteItemLabel,children:r.label})]},r.type))]},r.section))})}function es({value:e,suffix:n}){let[r,s]=(0,t.useState)(null),[l,i]=(0,t.useState)(n),[a,d]=(0,t.useState)("up"),_=(0,t.useRef)(e),c=(0,t.useRef)(n),u=(0,t.useRef)(),h=null!==r&&l!==n;return((0,t.useEffect)(()=>{if(e!==_.current){if(0===e){_.current=e,c.current=n,s(null);return}d(e>_.current?"up":"down"),s(_.current),i(c.current),_.current=e,c.current=n,clearTimeout(u.current),u.current=D(()=>s(null),250)}else c.current=n},[e,n]),null===r)?(0,o.jsxs)(o.Fragment,{children:[e,n?` ${n}`:""]}):h?(0,o.jsxs)("span",{className:J.rollingWrap,children:[(0,o.jsxs)("span",{style:{visibility:"hidden"},children:[e," ",n]}),(0,o.jsxs)("span",{className:`${J.rollingNum} ${"up"===a?J.exitUp:J.exitDown}`,children:[r," ",l]},`o${r}-${e}`),(0,o.jsxs)("span",{className:`${J.rollingNum} ${"up"===a?J.enterUp:J.enterDown}`,children:[e," ",n]},`n${e}`)]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("span",{className:J.rollingWrap,children:[(0,o.jsx)("span",{style:{visibility:"hidden"},children:e}),(0,o.jsx)("span",{className:`${J.rollingNum} ${"up"===a?J.exitUp:J.exitDown}`,children:r},`o${r}-${e}`),(0,o.jsx)("span",{className:`${J.rollingNum} ${"up"===a?J.enterUp:J.enterDown}`,children:e},`n${e}`)]}),n?` ${n}`:""]})}function el({activeType:e,onSelect:n,isDarkMode:r,sectionCount:s,onDetectSections:l,visible:i,onExited:a,placementCount:d,onClearPlacements:_,onDragStart:c,blankCanvas:u,onBlankCanvasChange:h,wireframePurpose:m,onWireframePurposeChange:g,Tooltip:p}){let[y,x]=(0,t.useState)(!1),[f,b]=(0,t.useState)("exit"),[w,v]=(0,t.useState)(!1),[k,j]=(0,t.useState)(!0),C=(0,t.useRef)(0),S=(0,t.useRef)(""),M=(0,t.useRef)(0),$=(0,t.useRef)(),L=(0,t.useRef)(null),[I,B]=(0,t.useState)("");(0,t.useEffect)(()=>(i?(x(!0),clearTimeout($.current),cancelAnimationFrame(M.current),M.current=z(()=>{M.current=z(()=>{b("enter")})})):(cancelAnimationFrame(M.current),b("exit"),clearTimeout($.current),$.current=D(()=>{x(!1),a?.()},200)),()=>cancelAnimationFrame(M.current)),[i]);let N=d>0||s>0,E=d+s;if(E>0&&(C.current=E,S.current=u?1===E?"Component":"Components":1===E?"Change":"Changes"),(0,t.useEffect)(()=>{if(N)w?j(!1):(j(!0),v(!0),z(()=>{z(()=>{j(!1)})}));else{j(!0);let e=D(()=>v(!1),300);return()=>clearTimeout(e)}},[N]),(0,t.useEffect)(()=>{if(!y)return;let e=L.current;if(!e)return;let t=()=>B(function(e){if(!e)return"";let t=e.scrollTop>2,n=e.scrollTop+e.clientHeight<e.scrollHeight-2;return`${t?J.fadeTop:""} ${n?J.fadeBottom:""}`}(e));t(),e.addEventListener("scroll",t,{passive:!0});let n=new ResizeObserver(t);return n.observe(e),()=>{e.removeEventListener("scroll",t),n.disconnect()}},[y]),!y)return null;let R=[];return d>0&&R.push("placed"),s>0&&R.push("captured"),(0,o.jsxs)("div",{className:`${J.palette} ${J[f]} ${!r?J.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($.current),x(!1),b("exit"),a?.()))},children:[(0,o.jsxs)("div",{className:J.paletteHeader,children:[(0,o.jsx)("div",{className:J.paletteHeaderTitle,children:"Layout Mode"}),(0,o.jsxs)("div",{className:J.paletteHeaderDesc,children:["Rearrange and resize existing elements, add new components, and explore layout ideas. Agent results may vary."," ",(0,o.jsx)("a",{href:"https://agentation.dev/features#layout-mode",target:"_blank",rel:"noopener noreferrer",children:"Learn more."})]})]}),(0,o.jsxs)("div",{className:`${J.canvasToggle} ${u?J.active:""}`,onClick:()=>h(!u),children:[(0,o.jsx)("span",{className:J.canvasToggleIcon,children:(0,o.jsxs)("svg",{viewBox:"0 0 14 14",width:"14",height:"14",fill:"none",children:[(0,o.jsx)("rect",{x:"1",y:"1",width:"12",height:"12",rx:"2",stroke:"currentColor",strokeWidth:"1"}),(0,o.jsx)("circle",{cx:"4.5",cy:"4.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"7",cy:"4.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"9.5",cy:"4.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"4.5",cy:"7",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"7",cy:"7",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"9.5",cy:"7",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"4.5",cy:"9.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"7",cy:"9.5",r:"0.8",fill:"currentColor",opacity:".6"}),(0,o.jsx)("circle",{cx:"9.5",cy:"9.5",r:"0.8",fill:"currentColor",opacity:".6"})]})}),(0,o.jsx)("span",{className:J.canvasToggleLabel,children:"Wireframe New Page"})]}),(0,o.jsx)("div",{className:`${J.wireframePurposeWrap} ${!u?J.collapsed:""}`,children:(0,o.jsx)("div",{className:J.wireframePurposeInner,children:(0,o.jsx)("textarea",{className:J.wireframePurposeInput,placeholder:"Describe this page to provide additional context for your agent.",value:m,onChange:e=>g(e.target.value),rows:2})})}),(0,o.jsx)(er,{activeType:e,onSelect:n,onDragStart:c,scrollRef:L,fadeClass:I,blankCanvas:u}),w&&(0,o.jsx)("div",{className:`${J.paletteFooterWrap} ${k?J.footerHidden:""}`,children:(0,o.jsx)("div",{className:J.paletteFooterInner,children:(0,o.jsx)("div",{className:J.paletteFooterInnerContent,children:(0,o.jsxs)("div",{className:J.paletteFooter,children:[(0,o.jsx)("span",{className:J.paletteFooterCount,children:(0,o.jsx)(es,{value:C.current,suffix:S.current})}),(0,o.jsx)("button",{className:J.paletteFooterClear,onClick:_,children:"Clear"})]})})})})]})}function ei(e){if(e.parentElement)return e.parentElement;let t=e.getRootNode();return t instanceof ShadowRoot?t.host:null}function ea(e,t){let n=e;for(;n;){if(n.matches(t))return n;n=ei(n)}return null}function ed(e,t=4){let n=[],o=e,r=0;for(;o&&r<t;){let e=o.tagName.toLowerCase();if("html"===e||"body"===e)break;let t=e;if(o.id)t=`#${o.id}`;else if(o.className&&"string"==typeof o.className){let e=o.className.split(/\s+/).find(e=>e.length>2&&!e.match(/^[a-z]{1,2}$/)&&!e.match(/[A-Z0-9]{5,}/));e&&(t=`.${e.split("_")[0]}`)}let s=ei(o);!o.parentElement&&s&&(t=`\u27E8shadow\u27E9 ${t}`),n.unshift(t),o=s,r++}return n.join(" > ")}function e_(e){let t=ed(e);if(e.dataset.element)return{name:e.dataset.element,path:t};let n=e.tagName.toLowerCase();if(["path","circle","rect","line","g"].includes(n)){let n=ea(e,"svg");if(n){let e=ei(n);if(e instanceof HTMLElement){let n=e_(e).name;return{name:`graphic in ${n}`,path:t}}}return{name:"graphic element",path:t}}if("svg"===n){let n=ei(e);if(n?.tagName.toLowerCase()==="button"){let e=n.textContent?.trim();return{name:e?`icon in "${e}" button`:"button icon",path:t}}return{name:"icon",path:t}}if("button"===n){let n=e.textContent?.trim(),o=e.getAttribute("aria-label");return o?{name:`button [${o}]`,path:t}:{name:n?`button "${n.slice(0,25)}"`:"button",path:t}}if("a"===n){let n=e.textContent?.trim(),o=e.getAttribute("href");return n?{name:`link "${n.slice(0,25)}"`,path:t}:o?{name:`link to ${o.slice(0,30)}`,path:t}:{name:"link",path:t}}if("input"===n){let n=e.getAttribute("type")||"text",o=e.getAttribute("placeholder"),r=e.getAttribute("name");return o?{name:`input "${o}"`,path:t}:r?{name:`input [${r}]`,path:t}:{name:`${n} input`,path:t}}if(["h1","h2","h3","h4","h5","h6"].includes(n)){let o=e.textContent?.trim();return{name:o?`${n} "${o.slice(0,35)}"`:n,path:t}}if("p"===n){let n=e.textContent?.trim();return n?{name:`paragraph: "${n.slice(0,40)}${n.length>40?"...":""}"`,path:t}:{name:"paragraph",path:t}}if("span"===n||"label"===n){let o=e.textContent?.trim();return o&&o.length<40?{name:`"${o}"`,path:t}:{name:n,path:t}}if("li"===n){let n=e.textContent?.trim();return n&&n.length<40?{name:`list item: "${n.slice(0,35)}"`,path:t}:{name:"list item",path:t}}if("blockquote"===n)return{name:"blockquote",path:t};if("code"===n){let n=e.textContent?.trim();return n&&n.length<30?{name:`code: \`${n}\``,path:t}:{name:"code",path:t}}if("pre"===n)return{name:"code block",path:t};if("img"===n){let n=e.getAttribute("alt");return{name:n?`image "${n.slice(0,30)}"`:"image",path:t}}if("video"===n)return{name:"video",path:t};if(["div","section","article","nav","header","footer","aside","main"].includes(n)){let o=e.className,r=e.getAttribute("role"),s=e.getAttribute("aria-label");if(s)return{name:`${n} [${s}]`,path:t};if(r)return{name:`${r}`,path:t};if("string"==typeof o&&o){let e=o.split(/[\s_-]+/).map(e=>e.replace(/[A-Z0-9]{5,}.*$/,"")).filter(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e)).slice(0,2);if(e.length>0)return{name:e.join(" "),path:t}}return{name:"div"===n?"container":n,path:t}}return{name:n,path:t}}function ec(e){let t=[],n=e.textContent?.trim();n&&n.length<100&&t.push(n);let o=e.previousElementSibling;if(o){let e=o.textContent?.trim();e&&e.length<50&&t.unshift(`[before: "${e.slice(0,40)}"]`)}let r=e.nextElementSibling;if(r){let e=r.textContent?.trim();e&&e.length<50&&t.push(`[after: "${e.slice(0,40)}"]`)}return t.join(" ")}function eu(e){let t=ei(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=`.${e}`)}if("button"===t||"a"===t){let n=e.textContent?.trim().slice(0,15);if(n)return`${t}${o} "${n}"`}return`${t}${o}`}),r=t.tagName.toLowerCase();if("string"==typeof t.className&&t.className){let e=t.className.split(/\s+/).map(e=>e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e));e&&(r=`.${e}`)}let s=t.children.length,l=s>o.length+1?` (${s} total in ${r})`:"";return o.join(", ")+l}function eh(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}).filter((e,t,n)=>n.indexOf(e)===t).join(", "):""}var em=new Set(["none","normal","auto","0px","rgba(0, 0, 0, 0)","transparent","static","visible"]),eg=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"]),ep=new Set(["input","textarea","select"]),ey=new Set(["img","video","canvas","svg"]),ex=new Set(["div","section","article","nav","header","footer","aside","main","ul","ol","form","fieldset"]);function ef(e){if("u"<typeof window)return{};let t=window.getComputedStyle(e),n={},o=e.tagName.toLowerCase();for(let r of eg.has(o)?["color","fontSize","fontWeight","fontFamily","lineHeight"]:"button"===o||"a"===o&&"button"===e.getAttribute("role")||ep.has(o)?["backgroundColor","color","padding","borderRadius","fontSize"]:ey.has(o)?["width","height","objectFit","borderRadius"]:ex.has(o)?["display","padding","margin","gap","backgroundColor"]:["color","fontSize","margin","padding","backgroundColor"]){let e=r.replace(/([A-Z])/g,"-$1").toLowerCase(),o=t.getPropertyValue(e);o&&!em.has(o)&&(n[r]=o)}return n}var eb=["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 ew(e){if("u"<typeof window)return"";let t=window.getComputedStyle(e),n=[];for(let e of eb){let o=e.replace(/([A-Z])/g,"-$1").toLowerCase(),r=t.getPropertyValue(o);r&&!em.has(r)&&n.push(`${o}: ${r}`)}return n.join("; ")}function ev(e){let t=[],n=e.getAttribute("role"),o=e.getAttribute("aria-label"),r=e.getAttribute("aria-describedby"),s=e.getAttribute("tabindex"),l=e.getAttribute("aria-hidden");return n&&t.push(`role="${n}"`),o&&t.push(`aria-label="${o}"`),r&&t.push(`aria-describedby="${r}"`),s&&t.push(`tabindex=${s}`),"true"===l&&t.push("aria-hidden"),e.matches("a, button, input, select, textarea, [tabindex]")&&t.push("focusable"),t.join(", ")}function ek(e){let t=[],n=e;for(;n&&"html"!==n.tagName.toLowerCase();){let e=n.tagName.toLowerCase(),o=e;if(n.id)o=`${e}#${n.id}`;else if(n.className&&"string"==typeof n.className){let t=n.className.split(/\s+/).map(e=>e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"")).find(e=>e.length>2);t&&(o=`${e}.${t}`)}let r=ei(n);!n.parentElement&&r&&(o=`\u27E8shadow\u27E9 ${o}`),t.unshift(o),n=r}return t.join(" > ")}var ej=new Set(["nav","header","main","section","article","footer","aside"]),eC={banner:"Header",navigation:"Navigation",main:"Main Content",contentinfo:"Footer",complementary:"Sidebar",region:"Section"},eS={nav:"Navigation",header:"Header",main:"Main Content",section:"Section",article:"Article",footer:"Footer",aside:"Sidebar"},eM=new Set(["script","style","noscript","link","meta"]);function e$(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 eL(e){let t=e.tagName.toLowerCase();if(["nav","header","footer","main"].includes(t)&&1===document.querySelectorAll(t).length)return t;if(e.id)return`#${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=`${t}.${CSS.escape(n)}`;if(1===document.querySelectorAll(e).length)return e}}let n=e.parentElement;if(n){let o=Array.from(n.children).indexOf(e)+1,r=n===document.body?"body":eL(n);return`${r} > ${t}:nth-child(${o})`}return t}function eI(e){let t=e.tagName.toLowerCase(),n=e.getAttribute("aria-label");if(n)return n;let o=e.getAttribute("role");if(o&&eC[o])return eC[o];if(eS[t])return eS[t];let r=e.querySelector("h1, h2, h3, h4, h5, h6");if(r){let e=r.textContent?.trim();if(e&&e.length<=50)return e;if(e)return e.slice(0,47)+"..."}let{name:s}=e_(e);return s.charAt(0).toUpperCase()+s.slice(1)}function eB(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 eN(e){let t=e.textContent?.trim();if(!t)return null;let n=t.replace(/\s+/g," ");return n.length<=30?n:n.slice(0,30)+"…"}var eE="rgba(59, 130, 246, 0.08)",eR="rgba(59, 130, 246, 0.5)",eW="#3b82f6",eD=["nw","n","ne","e","se","s","sw","w"];function eP(e,t,n,o){let r=1/0,s=1/0,l=e.x,i=e.x+e.width,a=e.x+e.width/2,d=e.y,_=e.y+e.height,c=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;for(let e of[l,i,a])for(let s of[t,n,o]){let t=s-e;5>Math.abs(t)&&Math.abs(t)<Math.abs(r)&&(r=t)}for(let e of[d,_,c])for(let t of[u,h,m]){let n=t-e;5>Math.abs(n)&&Math.abs(n)<Math.abs(s)&&(s=n)}}let h=5>Math.abs(r)?r:0,m=5>Math.abs(s)?s:0,g=[],p=new Set,y=l+h,x=i+h,f=a+h,b=d+m,w=_+m,v=c+m;for(let e of u){let t=e.x,n=e.x+e.width,o=e.x+e.width/2,r=e.y,s=e.y+e.height,l=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:${Math.round(e)}`;p.has(t)||(p.add(t),g.push({axis:"x",pos:e}))}for(let e of[r,l,s])for(let t of[b,v,w])if(.5>Math.abs(t-e)){let t=`y:${Math.round(e)}`;p.has(t)||(p.add(t),g.push({axis:"y",pos:e}))}}return{dx:h,dy:m,guides:g}}var ez=new Set(["script","style","noscript","link","meta","br","hr"]);function eT(e){let t=e;for(;t&&t!==document.body&&t!==document.documentElement&&!t.closest("[data-feedback-toolbar]");){if(ez.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 eO({rearrangeState:e,onChange:n,isDarkMode:r,exiting:s,className:l,blankCanvas:i,extraSnapRects:a,onSelectionChange:d,deselectSignal:_,onDragMove:c,onDragEnd:u,clearSignal:h}){let{sections:m}=e,g=(0,t.useRef)(e);g.current=e;let[p,y]=(0,t.useState)(new Set),[x,f]=(0,t.useState)(!1),b=(0,t.useRef)(h);(0,t.useEffect)(()=>{void 0!==h&&h!==b.current&&(b.current=h,m.length>0&&f(!0))},[h,m.length]);let w=(0,t.useRef)(_);(0,t.useEffect)(()=>{_!==w.current&&(w.current=_,y(new Set))},[_]);let[v,k]=(0,t.useState)(null),[j,C]=(0,t.useState)(!1),S=(0,t.useRef)(!1),M=(0,t.useCallback)(e=>{let t=m.find(t=>t.id===e);t&&(S.current=!!t.note,k(e),C(!1))},[m]),$=(0,t.useCallback)(()=>{v&&(C(!0),D(()=>{k(null),C(!1)},150))},[v]),L=(0,t.useCallback)(t=>{v&&(n({...e,sections:m.map(e=>e.id===v?{...e,note:t.trim()||void 0}:e)}),$())},[v,m,e,n,$]);(0,t.useEffect)(()=>{s&&v&&$()},[s]);let[I,B]=(0,t.useState)(new Set),N=(0,t.useRef)(new Map),[E,R]=(0,t.useState)(null),[W,P]=(0,t.useState)(null),[z,T]=(0,t.useState)([]),[O,F]=(0,t.useState)(0),H=(0,t.useRef)(null),Y=(0,t.useRef)(new Set),X=(0,t.useRef)(new Map),[U,Q]=(0,t.useState)(new Map),[q,V]=(0,t.useState)(new Map),Z=(0,t.useRef)(new Set),K=(0,t.useRef)(new Map),G=(0,t.useRef)(d);G.current=d;let ee=(0,t.useRef)(c);ee.current=c;let et=(0,t.useRef)(u);et.current=u,(0,t.useEffect)(()=>{i&&y(new Set)},[i]);let[en,eo]=(0,t.useState)(()=>!e.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,t.useEffect)(()=>{if(!en){let e=D(()=>eo(!0),380);return()=>clearTimeout(e)}},[]);let er=(0,t.useRef)(new Set);(0,t.useEffect)(()=>{er.current=new Set(m.map(e=>e.selector))},[m]),(0,t.useEffect)(()=>{let e=()=>F(window.scrollY);return e(),window.addEventListener("scroll",e,{passive:!0}),window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[]),(0,t.useEffect)(()=>{let e=e=>{if(H.current)return void R(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 R(null);let n=eT(t);if(!n)return void R(null);for(let e of er.current)try{let t=document.querySelector(e);if(t&&(t===n||n.contains(t)))return void R(null)}catch{}let o=n.getBoundingClientRect();R({x:o.x,y:o.y,w:o.width,h:o.height})};return document.addEventListener("mousemove",e,{passive:!0}),()=>document.removeEventListener("mousemove",e)},[m]),(0,t.useEffect)(()=>{let e=document.body.style.userSelect;return document.body.style.userSelect="none",()=>{document.body.style.userSelect=e}},[]),(0,t.useEffect)(()=>{let t=t=>{if(H.current||0!==t.button)return;let o=t.target;if(!o||o.closest("[data-feedback-toolbar]")||o.closest("[data-design-placement]")||o.closest("[data-annotation-popup]"))return;let r=eT(o),s=!1;if(r)for(let e of er.current)try{let t=document.querySelector(e);if(t&&(t===r||r.contains(t))){s=!0;break}}catch{}let l=!!(t.shiftKey||t.metaKey||t.ctrlKey);if(r&&!s){let o,s,i,d,_,c;t.preventDefault(),t.stopPropagation();let u=(o=window.scrollY,s=r.getBoundingClientRect(),i=e$(r),d={x:s.x,y:i?s.y:s.y+o,width:s.width,height:s.height},_=r.parentElement,c=0,_&&(c=Array.from(_.children).indexOf(r)),{id:`rs-${Date.now()}-${Math.random().toString(36).slice(2,7)}`,label:eI(r),tagName:r.tagName.toLowerCase(),selector:eL(r),role:r.getAttribute("role"),className:eB(r),textSnippet:eN(r),originalRect:d,currentRect:{...d},originalIndex:c,isFixed:i}),h=[...m,u],g=[...e.originalOrder,u.id];n({...e,sections:h,originalOrder:g});let p=new Set([u.id]);y(p),G.current?.(p,l),R(null);let x=t.clientX,f=t.clientY,b={x:u.currentRect.x,y:u.currentRect.y};u.originalRect;let w=!1,v=0,k=0;H.current="move";let j=e=>{let t=e.clientX-x,n=e.clientY-f;if(!w&&(Math.abs(t)>2||Math.abs(n)>2)&&(w=!0),!w)return;let o=eP({x:b.x+t,y:b.y+n,width:u.currentRect.width,height:u.currentRect.height},h,new Set([u.id]),a);T(o.guides);let r=t+o.dx,s=n+o.dy;v=r,k=s;let l=document.querySelector(`[data-rearrange-section="${u.id}"]`);l&&(l.style.transform=`translate(${r}px, ${s}px)`),Q(new Map([[u.id,{x:b.x+r,y:b.y+s,width:u.currentRect.width,height:u.currentRect.height}]])),ee.current?.(r,s)},C=()=>{window.removeEventListener("mousemove",j),window.removeEventListener("mouseup",C),H.current=null,T([]),Q(new Map);let t=document.querySelector(`[data-rearrange-section="${u.id}"]`);t&&(t.style.transform=""),w&&n({...e,sections:h.map(e=>e.id===u.id?{...e,currentRect:{...e.currentRect,x:Math.max(0,b.x+v),y:Math.max(0,b.y+k)}}:e),originalOrder:g}),et.current?.(v,k,w)};window.addEventListener("mousemove",j),window.addEventListener("mouseup",C)}else if(s&&r){for(let e of(t.preventDefault(),m))try{let t=document.querySelector(e.selector);if(t&&t===r){let t=new Set([e.id]);y(t),G.current?.(t,l);return}}catch{}l||(y(new Set),G.current?.(new Set,!1))}else l||(y(new Set),G.current?.(new Set,!1))};return document.addEventListener("mousedown",t,!0),()=>document.removeEventListener("mousedown",t,!0)},[m,e,n]),(0,t.useEffect)(()=>{let t=t=>{let o=t.target;if("INPUT"!==o.tagName&&"TEXTAREA"!==o.tagName&&!o.isContentEditable){if(("Backspace"===t.key||"Delete"===t.key)&&p.size>0){t.preventDefault();let e=new Set(p);B(t=>{let n=new Set(t);for(let t of e)n.add(t);return n}),y(new Set),D(()=>{let t=g.current;n({...t,sections:t.sections.filter(t=>!e.has(t.id)),originalOrder:t.originalOrder.filter(t=>!e.has(t))}),B(t=>{let n=new Set(t);for(let t of e)n.delete(t);return n})},180);return}if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t.key)&&p.size>0){t.preventDefault();let o=t.shiftKey?20:1,r="ArrowLeft"===t.key?-o:"ArrowRight"===t.key?o:0,s="ArrowUp"===t.key?-o:"ArrowDown"===t.key?o:0;n({...e,sections:m.map(e=>p.has(e.id)?{...e,currentRect:{...e.currentRect,x:Math.max(0,e.currentRect.x+r),y:Math.max(0,e.currentRect.y+s)}}:e)});return}"Escape"===t.key&&p.size>0&&y(new Set)}};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[p,m,e,n]);let es=(0,t.useCallback)((t,o)=>{let r;if(0!==t.button)return;let s=t.target;if(s.closest(`.${J.handle}`)||s.closest(`.${J.deleteButton}`))return;t.preventDefault(),t.stopPropagation(),t.shiftKey||t.metaKey||t.ctrlKey?(r=new Set(p)).has(o)?r.delete(o):r.add(o):r=new Set(p.has(o)?p:[o]),y(r),(r.size!==p.size||[...r].some(e=>!p.has(e)))&&G.current?.(r,!!(t.shiftKey||t.metaKey||t.ctrlKey));let l=t.clientX,i=t.clientY,d=new Map;for(let e of m)r.has(e.id)&&d.set(e.id,{x:e.currentRect.x,y:e.currentRect.y});H.current="move";let _=!1,c=0,u=0,h=new Map;for(let e of m)if(r.has(e.id)){let t=document.querySelector(`[data-rearrange-section="${e.id}"]`);h.set(e.id,{outlineEl:t,curW:e.currentRect.width,curH:e.currentRect.height})}let g=e=>{let t=e.clientX-l,n=e.clientY-i;if(0===t&&0===n)return;_=!0;let o=1/0,s=1/0,g=-1/0,p=-1/0;for(let[e,{curW:r,curH:l}]of h){let i=d.get(e);if(!i)continue;let a=i.x+t,_=i.y+n;o=Math.min(o,a),s=Math.min(s,_),g=Math.max(g,a+r),p=Math.max(p,_+l)}let y=eP({x:o,y:s,width:g-o,height:p-s},m,r,a),x=t+y.dx,f=n+y.dy;for(let[,{outlineEl:e}]of(c=x,u=f,T(y.guides),h))e&&(e.style.transform=`translate(${x}px, ${f}px)`);let b=new Map;for(let[e,{curW:t,curH:n}]of h){let o=d.get(e);if(o){let r={x:Math.max(0,o.x+x),y:Math.max(0,o.y+f),width:t,height:n};b.set(e,r)}}Q(b),ee.current?.(x,f)},x=t=>{for(let[,{outlineEl:e}]of(window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",x),H.current=null,T([]),Q(new Map),h))e&&(e.style.transform="");if(_){let o=t.clientX-l,r=t.clientY-i;if(5>Math.abs(o)&&5>Math.abs(r))n({...e,sections:m.map(e=>{let t=d.get(e.id);return t?{...e,currentRect:{...e.currentRect,x:t.x,y:t.y}}:e})});else{n({...e,sections:m.map(e=>{let t=d.get(e.id);return t?{...e,currentRect:{...e.currentRect,x:Math.max(0,t.x+c),y:Math.max(0,t.y+u)}}:e})}),et.current?.(c,u,!0);return}}et.current?.(0,0,!1)};window.addEventListener("mousemove",g),window.addEventListener("mouseup",x)},[p,m,e,n]),el=(0,t.useCallback)((t,o,r)=>{t.preventDefault(),t.stopPropagation();let s=m.find(e=>e.id===o);if(!s)return;y(new Set([o])),H.current="resize";let l=t.clientX,i=t.clientY,a={...s.currentRect};s.originalRect;let d=a.width/a.height,_={...a},c=document.querySelector(`[data-rearrange-section="${o}"]`),u=e=>{let t=e.clientX-l,n=e.clientY-i,s=a.x,u=a.y,h=a.width,m=a.height;r.includes("e")&&(h=Math.max(24,a.width+t)),r.includes("w")&&(h=Math.max(24,a.width-t),s=a.x+a.width-h),r.includes("s")&&(m=Math.max(24,a.height+n)),r.includes("n")&&(m=Math.max(24,a.height-n),u=a.y+a.height-m),e.shiftKey&&(2===r.length?(Math.abs(h-a.width)>Math.abs(m-a.height)?m=h/d:h=m*d,r.includes("w")&&(s=a.x+a.width-h),r.includes("n")&&(u=a.y+a.height-m)):("e"===r||"w"===r?m=h/d:h=m*d,"w"===r&&(s=a.x+a.width-h),"n"===r&&(u=a.y+a.height-m))),_={x:s,y:u,width:h,height:m},c&&(c.style.left=`${s}px`,c.style.top=`${u-O}px`,c.style.width=`${h}px`,c.style.height=`${m}px`),P({x:e.clientX+12,y:e.clientY+12,text:`${Math.round(h)} \xd7 ${Math.round(m)}`}),Q(new Map([[o,_]]))},h=()=>{window.removeEventListener("mousemove",u),window.removeEventListener("mouseup",h),P(null),H.current=null,Q(new Map),n({...e,sections:m.map(e=>e.id===o?{...e,currentRect:_}:e)})};window.addEventListener("mousemove",u),window.addEventListener("mouseup",h)},[m,e,n,O]),ei=(0,t.useCallback)(e=>{B(t=>{let n=new Set(t);return n.add(e),n}),y(t=>{let n=new Set(t);return n.delete(e),n}),D(()=>{let t=g.current;n({...t,sections:t.sections.filter(t=>t.id!==e),originalOrder:t.originalOrder.filter(t=>t!==e)}),B(t=>{let n=new Set(t);return n.delete(e),n})},180)},[n]),ea=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 m)!X.current.has(e.id)&&(ed(e)?X.current.set(e.id,"move"):e_(e)&&X.current.set(e.id,"resize"));for(let e of X.current.keys())m.some(t=>t.id===e)||X.current.delete(e);let ec=m.filter(e=>{try{if(I.has(e.id)||p.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{return!1}}),eu=ec.filter(e=>ea(e)),eh=ec.filter(e=>!ea(e)),em=new Set(eu.map(e=>e.id));for(let e of Y.current)em.has(e)||Y.current.delete(e);let eg=[...em].sort().join(",");for(let e of eu)K.current.set(e.id,{currentRect:e.currentRect,originalRect:e.originalRect,isFixed:e.isFixed});return(0,t.useEffect)(()=>{let e=Z.current;Z.current=em;let t=new Map;for(let n of e)if(!em.has(n)){if(!m.some(e=>e.id===n))continue;let e=K.current.get(n);e&&(t.set(n,{orig:e.originalRect,target:e.currentRect,isFixed:e.isFixed}),K.current.delete(n))}if(t.size>0){V(e=>{let n=new Map(e);for(let[e,o]of t)n.set(e,o);return n});let e=D(()=>{V(e=>{let n=new Map(e);for(let e of t.keys())n.delete(e);return n})},250);return()=>clearTimeout(e)}},[eg,m]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:`${J.rearrangeOverlay} ${!r?J.light:""} ${s?J.overlayExiting:""}${l?` ${l}`:""}`,"data-feedback-toolbar":!0,children:[E&&(0,o.jsx)("div",{className:J.hoverHighlight,style:{left:E.x,top:E.y,width:E.w,height:E.h}}),eh.map(e=>{let t=e.currentRect,n=e.isFixed?t.y:t.y-O,r=p.has(e.id);return(0,o.jsxs)("div",{"data-rearrange-section":e.id,className:`${J.sectionOutline} ${r?J.selected:""} ${x||s||I.has(e.id)?J.exiting:""}`,style:{left:t.x,top:n,width:t.width,height:t.height,borderColor:eR,backgroundColor:eE,...en?{}:{opacity:0,animation:"none",transition:"none"}},onMouseDown:t=>es(t,e.id),onDoubleClick:()=>M(e.id),children:[(0,o.jsx)("span",{className:J.sectionLabel,style:{backgroundColor:eW},children:e.label}),(0,o.jsx)("span",{className:`${J.sectionAnnotation} ${e.note?J.annotationVisible:""}`,children:(e.note&&N.current.set(e.id,e.note),e.note||N.current.get(e.id)||"")}),(0,o.jsxs)("span",{className:J.sectionDimensions,children:[Math.round(t.width)," × ",Math.round(t.height)]}),(0,o.jsx)("div",{className:J.deleteButton,onMouseDown:e=>e.stopPropagation(),onClick:()=>ei(e.id),children:"✕"}),eD.map(t=>(0,o.jsx)("div",{className:`${J.handle} ${J[`handle${t.charAt(0).toUpperCase()}${t.slice(1)}`]}`,onMouseDown:n=>el(n,e.id,t)},t))]},e.id)}),eu.map(e=>{let t=e.currentRect,n=e.isFixed?t.y:t.y-O,r=p.has(e.id),l=ed(e),a=e_(e);if(i&&!r)return null;let d=!Y.current.has(e.id);return d&&Y.current.add(e.id),(0,o.jsxs)("div",{"data-rearrange-section":e.id,className:`${J.ghostOutline} ${r?J.selected:""} ${x||s||I.has(e.id)?J.exiting:""}`,style:{left:t.x,top:n,width:t.width,height:t.height,...en?{}:{opacity:0,animation:"none",transition:"none"},...!d?{animation:"none"}:{}},onMouseDown:t=>es(t,e.id),onDoubleClick:()=>M(e.id),children:[(0,o.jsx)("span",{className:J.sectionLabel,style:{backgroundColor:eW},children:e.label}),(0,o.jsx)("span",{className:`${J.sectionAnnotation} ${e.note?J.annotationVisible:""}`,children:(e.note&&N.current.set(e.id,e.note),e.note||N.current.get(e.id)||"")}),(0,o.jsxs)("span",{className:J.sectionDimensions,children:[Math.round(t.width)," × ",Math.round(t.height)]}),(0,o.jsx)("div",{className:J.deleteButton,onMouseDown:e=>e.stopPropagation(),onClick:()=>ei(e.id),children:"✕"}),eD.map(t=>(0,o.jsx)("div",{className:`${J.handle} ${J[`handle${t.charAt(0).toUpperCase()}${t.slice(1)}`]}`,onMouseDown:n=>el(n,e.id,t)},t)),(0,o.jsx)("span",{className:J.ghostBadge,children:(()=>{let t=X.current.get(e.id);if(l&&a){let[e,n]="resize"===t?["Resize","Move"]:["Move","Resize"];return(0,o.jsxs)(o.Fragment,{children:["Suggested ",e," ",(0,o.jsxs)("span",{className:J.ghostBadgeExtra,children:["& ",n]})]})}return`Suggested ${a?"Resize":"Move"}`})()})]},e.id)})]}),!i&&(()=>{let e=[];for(let t of eu){let n=U.get(t.id);e.push({id:t.id,orig:t.originalRect,target:n||t.currentRect,isFixed:t.isFixed,isSelected:p.has(t.id),isExiting:I.has(t.id)})}for(let[t,n]of U)if(!e.some(e=>e.id===t)){let o=m.find(e=>e.id===t);o&&e.push({id:t,orig:o.originalRect,target:n,isFixed:o.isFixed,isSelected:p.has(t)})}for(let[t,n]of q)e.some(e=>e.id===t)||e.push({id:t,orig:n.orig,target:n.target,isFixed:n.isFixed,isSelected:!1,isExiting:!0});return 0===e.length?null:(0,o.jsxs)("svg",{className:`${J.connectorSvg} ${x||s?J.connectorExiting:""}`,children:[e.map(({id:e,orig:t,target:n,isFixed:r,isSelected:s,isExiting:l})=>{let i=t.x+t.width/2,a=(r?t.y:t.y-O)+t.height/2,d=n.x+n.width/2,_=(r?n.y:n.y-O)+n.height/2,c=d-i,u=_-a,h=Math.sqrt(c*c+u*u);if(h<2)return null;let m=Math.min(1,h/40),g=Math.min(.3*h,60),p=(i+d)/2+(h>0?-u/h:0)*g,y=(a+_)/2+(h>0?c/h:0)*g,x=U.has(e),f=x||s?1:.5;return(0,o.jsxs)("g",{className:l?J.connectorExiting:"",children:[(0,o.jsx)("path",{className:J.connectorLine,d:`M ${i} ${a} Q ${p} ${y} ${d} ${_}`,fill:"none",stroke:"rgba(59, 130, 246, 0.45)",strokeWidth:"1.5",opacity:(x||s?1:.4)*m}),(0,o.jsx)("circle",{className:J.connectorDot,cx:i,cy:a,r:4*m,fill:"rgba(59, 130, 246, 0.8)",stroke:"#fff",strokeWidth:"1.5",opacity:f*m,filter:"url(#connDotShadow)"}),(0,o.jsx)("circle",{className:J.connectorDot,cx:d,cy:_,r:4*m,fill:"rgba(59, 130, 246, 0.8)",stroke:"#fff",strokeWidth:"1.5",opacity:f*m,filter:"url(#connDotShadow)"})]},`conn-${e}`)}),(0,o.jsx)("defs",{children:(0,o.jsx)("filter",{id:"connDotShadow",x:"-50%",y:"-50%",width:"200%",height:"200%",children:(0,o.jsx)("feDropShadow",{dx:"0",dy:"0.5",stdDeviation:"1",floodOpacity:"0.15"})})})]})})(),v&&(()=>{let e,t=m.find(e=>e.id===v);if(!t)return null;let n=t.currentRect,s=t.isFixed?n.y:n.y-O,l=n.x+n.width/2,i=s-8,a=s+n.height+8,d=a<window.innerHeight-100,_=Math.max(160,Math.min(window.innerWidth-160,l));return e=i>200?{left:_,bottom:window.innerHeight-i}:d?{left:_,top:a}:{left:_,top:Math.max(80,window.innerHeight/2-80)},(0,o.jsx)(A,{element:t.label,placeholder:"Add a note about this section",initialValue:t.note??"",submitLabel:S.current?"Save":"Set",onSubmit:L,onCancel:$,onDelete:S.current?()=>{L("")}:void 0,isExiting:j,lightMode:!r,style:e})})(),W&&(0,o.jsx)("div",{className:J.sizeIndicator,style:{left:W.x,top:W.y},"data-feedback-toolbar":!0,children:W.text}),z.map((e,t)=>(0,o.jsx)("div",{className:J.guideLine,style:"x"===e.axis?{position:"fixed",left:e.pos,top:0,width:1,height:"100vh"}:{position:"fixed",left:0,top:e.pos-O,width:"100vw",height:1}},`${e.axis}-${e.pos}-${t}`))]})}var eA=new Set(["script","style","noscript","link","meta","br","hr"]);function eF(e,t){let n,o,r,s,l=t?(n=window.scrollY,t.map(({label:e,selector:t,rect:o})=>{let r=o.y-n;return{label:e,selector:t,top:r,bottom:r+o.height,left:o.x,right:o.x+o.width,area:o.width*o.height}})):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)||eA.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:eI(o),selector:eL(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)||eA.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:eI(e),selector:eL(e),top:o.top,bottom:o.bottom,left:o.left,right:o.right,area:o.width*o.height})}}return t}(),i=(o=window.scrollY,r=e.y-o,s=e.x,{top:r,bottom:r+e.height,left:s,right:s+e.width,area:e.width*e.height}),a=null,d=null,_=null,c=null,u=null;for(let t of l){if(2>Math.abs(t.left-i.left)&&2>Math.abs(t.top-i.top)&&2>Math.abs(t.right-t.left-e.width)&&2>Math.abs(t.bottom-t.top-e.height))continue;t.left<=i.left+2&&t.right>=i.right-2&&t.top<=i.top+2&&t.bottom>=i.bottom-2&&t.area>1.5*i.area&&(!u||t.area<u._area)&&(u={label:t.label,selector:t.selector,_area:t.area});let n=i.right>t.left+5&&i.left<t.right-5,o=i.bottom>t.top+5&&i.top<t.bottom-5;if(n&&t.bottom<=i.top+5){let e=Math.round(i.top-t.bottom);(!a||e<a._dist)&&(a={label:t.label,selector:t.selector,gap:Math.max(0,e),_dist:e})}if(n&&t.top>=i.bottom-5){let e=Math.round(t.top-i.bottom);(!d||e<d._dist)&&(d={label:t.label,selector:t.selector,gap:Math.max(0,e),_dist:e})}if(o&&t.right<=i.left+5){let e=Math.round(i.left-t.right);(!_||e<_._dist)&&(_={label:t.label,selector:t.selector,gap:Math.max(0,e),_dist:e})}if(o&&t.left>=i.right-5){let e=Math.round(t.left-i.right);(!c||e<c._dist)&&(c={label:t.label,selector:t.selector,gap:Math.max(0,e),_dist:e})}}let h=window.innerWidth,m=window.innerHeight,g=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,h),p=e=>e?{label:e.label,selector:e.selector,gap:e.gap}:null,y=function(e,t,n,o,r){let s={},l=!1,i=[];if(e.left<-2&&i.push("left"),e.right>t+2&&i.push("right"),e.top<-2&&i.push("top"),e.bottom>n+2&&i.push("bottom"),i.length>0&&(s.viewport=i,l=!0),o){let t=r.find(e=>e.label===o.label&&e.selector===o.selector&&10>Math.abs(e.area-o._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:o.label,edges:n},l=!0)}}return l?s:null}(i,h,m,u?{label:u.label,selector:u.selector,_area:u._area}:null,l);return{above:p(a),below:p(d),left:p(_),right:p(c),alignment:g,containedIn:u?{label:u.label,selector:u.selector}:null,outOfBounds:y}}function eH(e){switch(e){case"full-width":return"full-width";case"center":return"centered";case"left":return"left-aligned";case"right":return"right-aligned"}}function eY(e,t={}){let n=[];e.above&&n.push(`Below \`${e.above.label}\`${e.above.gap>0?` (${e.above.gap}px gap)`:""}`),e.below&&n.push(`Above \`${e.below.label}\`${e.below.gap>0?` (${e.below.gap}px gap)`:""}`),t.includeLeftRight&&(e.left&&n.push(`Right of \`${e.left.label}\`${e.left.gap>0?` (${e.left.gap}px gap)`:""}`),e.right&&n.push(`Left of \`${e.right.label}\`${e.right.gap>0?` (${e.right.gap}px gap)`:""}`));let o=eH(e.alignment);return e.containedIn?n.push(`${o.charAt(0).toUpperCase()+o.slice(1)} in \`${e.containedIn.label}\``):n.push(`${o.charAt(0).toUpperCase()+o.slice(1)} in page`),t.includePixelRef&&t.pixelRef&&n.push(`Pixel ref: \`${t.pixelRef}\``),e.outOfBounds&&(e.outOfBounds.viewport&&n.push(`**Outside viewport** (${e.outOfBounds.viewport.join(", ")} edge${e.outOfBounds.viewport.length>1?"s":""})`),e.outOfBounds.container&&n.push(`**Outside \`${e.outOfBounds.container.label}\`** (${e.outOfBounds.container.edges.join(", ")} edge${e.outOfBounds.container.edges.length>1?"s":""})`)),n}function eX(e){if(e.length<2)return[];let t=[],n=new Set;for(let o=0;o<e.length;o++){if(n.has(o))continue;let r=[o];for(let t=o+1;t<e.length;t++)!n.has(t)&&15>Math.abs(e[o].rect.y-e[t].rect.y)&&r.push(t);if(r.length>=2){let o=r.map(t=>e[t]);o.sort((e,t)=>e.rect.x-t.rect.x);let s=[];for(let e=0;e<o.length-1;e++)s.push(Math.round(o[e+1].rect.x-(o[e].rect.x+o[e].rect.width)));let l=Math.round(o.reduce((e,t)=>e+t.rect.y,0)/o.length);t.push({labels:o.map(e=>e.label),type:"row",sharedEdge:l,gaps:s,avgGap:s.length?Math.round(s.reduce((e,t)=>e+t,0)/s.length):0}),r.forEach(e=>n.add(e))}}for(let o=0;o<e.length;o++){if(n.has(o))continue;let r=[o];for(let t=o+1;t<e.length;t++)!n.has(t)&&15>Math.abs(e[o].rect.x-e[t].rect.x)&&r.push(t);if(r.length>=2){let o=r.map(t=>e[t]);o.sort((e,t)=>e.rect.y-t.rect.y);let s=[];for(let e=0;e<o.length-1;e++)s.push(Math.round(o[e+1].rect.y-(o[e].rect.y+o[e].rect.height)));let l=Math.round(o.reduce((e,t)=>e+t.rect.x,0)/o.length);t.push({labels:o.map(e=>e.label),type:"column",sharedEdge:l,gaps:s,avgGap:s.length?Math.round(s.reduce((e,t)=>e+t,0)/s.length):0}),r.forEach(e=>n.add(e))}}return t}function eU(e){if("u"<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")||eA.has(e.tagName.toLowerCase())||(n.add(e),t.push(e))},r=document.querySelector("main");r&&o(r);let s=document.querySelector("[role='main']");for(let e of(s&&o(s),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 l=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){(!l||t.width<l.rect.width)&&(l={el:n,rect:t});continue}!l&&t.width<e.width-20&&t.width>100&&(l={el:n,rect:t})}if(l){let{el:t,rect:n}=l;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:eL(t)}}}return{viewport:e,contentArea:null}}function eQ(e,t){let n=t.contentArea,o=n?n.width:t.viewport.width,r=n?n.left:0,s=n?n.centerX:Math.round(t.viewport.width/2),l=Math.round(e.x-r),i=Math.round(r+o-(e.x+e.width)),a=(e.width/o*100).toFixed(1),d=20>Math.abs(e.x+e.width/2-s),_=e.width/o>.95,c=[];return _?c.push("`width: 100%` of container"):c.push(`left \`${l}px\` in container, right \`${i}px\`, width \`${a}%\` (\`${Math.round(e.width)}px\`)`),d&&!_&&c.push("centered — `margin-inline: auto`"),c.join(" — ")}function eq(e){let{viewport:t,contentArea:n}=e,o="### Reference Frame\n";return o+=`- Viewport: \`${t.width}\xd7${t.height}px\`
 `,n?o+=`- Content area: \`${n.width}px\` wide, left edge at \`x=${n.left}\`, right at \`x=${n.right}\` (\`${n.selector}\`)
 - Pixel \u2192 CSS translation:
   - **Horizontal position in container**: \`element.x - ${n.left}\` \u2192 use as \`margin-left\` or \`left\`
@@ -93,14 +93,14 @@
 `),"detailed"===n&&e.nearbyText&&!e.selectedText&&(r+=`**Context:** ${e.nearbyText.slice(0,100)}
 `)),r+=`**Feedback:** ${e.comment}
-`)}),r.trim()}if("u">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;\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 tf="styles-module__marker___9CKF7",tb="styles-module__enter___8kI3q",tw="styles-module__exit___KBdR3",tv="styles-module__multiSelect___CPfTC",tk="styles-module__hovered___-mg2N";function tj({annotation:e,globalIndex:t,layerIndex:n,layerSize:r,isExiting:s,isClearing:l,isAnimated:i,isHovered:a,isDeleting:d,isEditingAny:_,renumberFrom:c,markerClickBehavior:u,tooltipStyle:h,onHoverEnter:m,onHoverLeave:g,onClick:p,onContextMenu:y}){let x=(a||d)&&!_,f=x&&"delete"===u,b=e.isMultiSelect,w=s?`${(r-1-n)*20}ms`:`${20*n}ms`;return(0,o.jsxs)("div",{className:`${tf} ${b?tv:""} ${s?tw:l?"styles-module__clearing___8rM7K":i?"":tb} ${f?tk:""}`,"data-annotation-marker":!0,style:{left:`${e.x}%`,top:e.y,backgroundColor:f?void 0:b?"var(--agentation-color-green)":"var(--agentation-color-accent)",animationDelay:w},onMouseEnter:()=>m(e),onMouseLeave:g,onClick:t=>{t.stopPropagation(),s||p(e)},onContextMenu:y?t=>{"delete"===u&&(t.preventDefault(),t.stopPropagation(),s||y(e))}:void 0,children:[x?f?(0,o.jsx)(k,{size:b?18:16}):(0,o.jsx)(S,{size:16}):(0,o.jsx)("span",{className:null!==c&&t>=c?"styles-module__renumber___16lvD":void 0,children:t+1}),a&&!_&&(0,o.jsxs)("div",{className:`styles-module__markerTooltip___-VUm- ${tb}`,style:h,children:[(0,o.jsxs)("span",{className:"styles-module__markerQuote___tQake",children:[e.element,e.selectedText&&` "${e.selectedText.slice(0,30)}${e.selectedText.length>30?"...":""}"`]}),(0,o.jsx)("span",{className:"styles-module__markerNote___Rh4eI",children:e.comment})]})]})}function tC({x:e,y:t,isMultiSelect:n,isExiting:r}){return(0,o.jsx)("div",{className:`${tf} styles-module__pending___BiY-U ${n?tv:""} ${r?tw:tb}`,style:{left:`${e}%`,top:t,backgroundColor:n?"var(--agentation-color-green)":"var(--agentation-color-accent)"},children:(0,o.jsx)(m,{size:12})})}function tM({annotation:e,fixed:t}){let n=e.isMultiSelect;return(0,o.jsx)("div",{className:`${tf} ${t?"styles-module__fixed___aKrQO":""} ${tk} ${n?tv:""} ${tw}`,"data-annotation-marker":!0,style:{left:`${e.x}%`,top:e.y},children:(0,o.jsx)(k,{size:n?12:10})})}if("u">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}\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 tS=({className:e="",...t})=>(0,o.jsxs)("div",{className:`styles-module__switchContainer___Ka-AB ${e}`,children:[(0,o.jsx)("input",{className:"styles-module__switchInput___kYDSD",type:"checkbox",...t}),(0,o.jsx)("div",{className:"styles-module__switchThumb___4sCPH"})]});if("u">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 t$=({className:e="",...t})=>(0,o.jsxs)("div",{className:`styles-module__checkboxContainer___joqZk ${e}`,children:[(0,o.jsx)("input",{className:"styles-module__checkboxInput___ECzzO",type:"checkbox",...t}),(0,o.jsx)("svg",{className:"styles-module__checkboxCheck___fUXpr",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:(0,o.jsx)("path",{className:"styles-module__checkboxCheckPath___cDyh8",d:"M3.94 7L6.13 9.19L10.5 4.81",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]});if("u">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 tL=({className:e="",label:n,tooltip:r,checked:s,onChange:l,...i})=>{let a=(0,t.useId)();return(0,o.jsxs)("div",{className:`styles-module__container___w8eAF ${e}`,...i,children:[(0,o.jsx)(t$,{id:a,onChange:l,checked:s}),(0,o.jsx)("label",{className:"styles-module__label___J5mxE",htmlFor:a,children:n}),r&&(0,o.jsx)(H,{content:r})]})};if("u">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  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___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;\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}\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  color: 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 tI={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",webhookUrlInput:"styles-module__webhookUrlInput___WDDDC",checkboxField:"styles-module__checkboxField___ZrSqv",divider:"styles-module__divider___h6Yux",scaleIn:"styles-module__scaleIn___QpQ8E"};function tB({settings:e,onSettingsChange:t,isDarkMode:n,onToggleTheme:r,isDevMode:s,connectionStatus:l,endpoint:i,isVisible:a,toolbarNearBottom:d,settingsPage:_,onSettingsPageChange:c,onHideToolbar:u}){return(0,o.jsx)("div",{className:`${tI.settingsPanel} ${a?tI.enter:tI.exit}`,style:d?{bottom:"auto",top:"calc(100% + 0.5rem)"}:void 0,"data-agentation-settings-panel":!0,children:(0,o.jsxs)("div",{className:tI.settingsPanelContainer,children:[(0,o.jsxs)("div",{className:`${tI.settingsPage} ${"automations"===_?tI.slideLeft:""}`,children:[(0,o.jsxs)("div",{className:tI.settingsHeader,children:[(0,o.jsx)("a",{className:tI.settingsBrand,href:"https://agentation.com",target:"_blank",rel:"noopener noreferrer",children:(0,o.jsx)("svg",{width:"72",height:"16",viewBox:"0 0 676 151",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.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,o.jsxs)("p",{className:tI.settingsVersion,children:["v","3.0.2"]}),(0,o.jsx)("button",{className:tI.themeToggle,onClick:r,title:n?"Switch to light mode":"Switch to dark mode",children:(0,o.jsx)("span",{className:tI.themeIconWrapper,children:(0,o.jsx)("span",{className:tI.themeIcon,children:n?(0,o.jsx)(C,{size:20}):(0,o.jsx)(M,{size:20})},n?"sun":"moon")})})]}),(0,o.jsx)("div",{className:tI.divider}),(0,o.jsxs)("div",{className:tI.settingsSection,children:[(0,o.jsxs)("div",{className:tI.settingsRow,children:[(0,o.jsxs)("div",{className:tI.settingsLabel,children:["Output Detail",(0,o.jsx)(H,{content:"Controls how much detail is included in the copied output"})]}),(0,o.jsxs)("button",{className:tI.cycleButton,onClick:()=>{let n=(ty.findIndex(t=>t.value===e.outputDetail)+1)%ty.length;t({outputDetail:ty[n].value})},children:[(0,o.jsx)("span",{className:tI.cycleButtonText,children:ty.find(t=>t.value===e.outputDetail)?.label},e.outputDetail),(0,o.jsx)("span",{className:tI.cycleDots,children:ty.map(t=>(0,o.jsx)("span",{className:`${tI.cycleDot} ${e.outputDetail===t.value?tI.active:""}`},t.value))})]})]}),(0,o.jsxs)("div",{className:`${tI.settingsRow} ${tI.settingsRowMarginTop} ${!s?tI.settingsRowDisabled:""}`,children:[(0,o.jsxs)("div",{className:tI.settingsLabel,children:["React Components",(0,o.jsx)(H,{content:s?"Include React component names in annotations":"Disabled — production builds minify component names, making detection unreliable. Use in development mode."})]}),(0,o.jsx)(tS,{checked:s&&e.reactEnabled,onChange:e=>t({reactEnabled:e.target.checked}),disabled:!s})]}),(0,o.jsxs)("div",{className:`${tI.settingsRow} ${tI.settingsRowMarginTop}`,children:[(0,o.jsxs)("div",{className:tI.settingsLabel,children:["Hide Until Restart",(0,o.jsx)(H,{content:"Hides the toolbar until you open a new tab"})]}),(0,o.jsx)(tS,{checked:!1,onChange:e=>{e.target.checked&&u()}})]})]}),(0,o.jsx)("div",{className:tI.divider}),(0,o.jsxs)("div",{className:tI.settingsSection,children:[(0,o.jsx)("div",{className:`${tI.settingsLabel} ${tI.settingsLabelMarker}`,children:"Marker Color"}),(0,o.jsx)("div",{className:tI.colorOptions,children:tD.map(n=>(0,o.jsx)("button",{className:`${tI.colorOption} ${e.annotationColorId===n.id?tI.selected:""}`,style:{"--swatch":n.srgb,"--swatch-p3":n.p3},onClick:()=>t({annotationColorId:n.id}),title:n.label,type:"button"},n.id))})]}),(0,o.jsx)("div",{className:tI.divider}),(0,o.jsxs)("div",{className:tI.settingsSection,children:[(0,o.jsx)(tL,{className:"checkbox-field",label:"Clear on copy/send",checked:e.autoClearAfterCopy,onChange:e=>t({autoClearAfterCopy:e.target.checked}),tooltip:"Automatically clear annotations after copying"}),(0,o.jsx)(tL,{className:tI.checkboxField,label:"Block page interactions",checked:e.blockInteractions,onChange:e=>t({blockInteractions:e.target.checked})})]}),(0,o.jsx)("div",{className:tI.divider}),(0,o.jsxs)("button",{className:tI.settingsNavLink,onClick:()=>c("automations"),children:[(0,o.jsx)("span",{children:"Manage MCP & Webhooks"}),(0,o.jsxs)("span",{className:tI.settingsNavLinkRight,children:[i&&"disconnected"!==l&&(0,o.jsx)("span",{className:`${tI.mcpNavIndicator} ${tI[l]}`}),(0,o.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M7.5 12.5L12 8L7.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})]}),(0,o.jsxs)("div",{className:`${tI.settingsPage} ${tI.automationsPage} ${"automations"===_?tI.slideIn:""}`,children:[(0,o.jsxs)("button",{className:tI.settingsBackButton,onClick:()=>c("main"),children:[(0,o.jsx)(L,{size:16}),(0,o.jsx)("span",{children:"Manage MCP & Webhooks"})]}),(0,o.jsx)("div",{className:tI.divider}),(0,o.jsxs)("div",{className:tI.settingsSection,children:[(0,o.jsxs)("div",{className:tI.settingsRow,children:[(0,o.jsxs)("span",{className:tI.automationHeader,children:["MCP Connection",(0,o.jsx)(H,{content:"Connect via Model Context Protocol to let AI agents like Claude Code receive annotations in real-time."})]}),i&&(0,o.jsx)("div",{className:`${tI.mcpStatusDot} ${tI[l]}`,title:"connected"===l?"Connected":"connecting"===l?"Connecting...":"Disconnected"})]}),(0,o.jsxs)("p",{className:tI.automationDescription,style:{paddingBottom:6},children:["MCP connection allows agents to receive and act on annotations."," ",(0,o.jsx)("a",{href:"https://agentation.dev/mcp",target:"_blank",rel:"noopener noreferrer",className:tI.learnMoreLink,children:"Learn more"})]})]}),(0,o.jsx)("div",{className:tI.divider}),(0,o.jsxs)("div",{className:`${tI.settingsSection} ${tI.settingsSectionGrow}`,children:[(0,o.jsxs)("div",{className:tI.settingsRow,children:[(0,o.jsxs)("span",{className:tI.automationHeader,children:["Webhooks",(0,o.jsx)(H,{content:"Send annotation data to any URL endpoint when annotations change. Useful for custom integrations."})]}),(0,o.jsxs)("div",{className:tI.autoSendContainer,children:[(0,o.jsx)("label",{htmlFor:"agentation-auto-send",className:`${tI.autoSendLabel} ${e.webhooksEnabled?tI.active:""} ${!e.webhookUrl?tI.disabled:""}`,children:"Auto-Send"}),(0,o.jsx)(tS,{id:"agentation-auto-send",checked:e.webhooksEnabled,onChange:e=>t({webhooksEnabled:e.target.checked}),disabled:!e.webhookUrl})]})]}),(0,o.jsx)("p",{className:tI.automationDescription,children:"The webhook URL will receive live annotation changes and annotation data."}),(0,o.jsx)("textarea",{className:tI.webhookUrlInput,placeholder:"Webhook URL",value:e.webhookUrl,onKeyDown:e=>e.stopPropagation(),onChange:e=>t({webhookUrl:e.target.value})})]})]})]})})}function tN(e,t="filtered"){let{name:n,path:o}=e_(e);if("off"===t)return{name:n,elementName:n,path:o,reactComponents:null};let r=function(e,t){let n,o,r=(n=t?.mode??"filtered",o=tl,t?.skipExact&&(o=new Set([...tl,...t.skipExact instanceof Set?t.skipExact:new Set(t.skipExact)])),{maxComponents:t?.maxComponents??6,maxDepth:t?.maxDepth??30,mode:n,skipExact:o,skipPatterns:t?.skipPatterns?[...ti,...t.skipPatterns]:ti,userPatterns:t?.userPatterns??ta,filter:t?.filter}),s="all"===r.mode;if(s){let t=t_.get(e);if(void 0!==t)return t}if(!function(){if(null!==td)return td;if("u"<typeof document)return!1;if(document.body&&tc(document.body))return td=!0,!0;for(let e of["#root","#app","#__next","[data-reactroot]"]){let t=document.querySelector(e);if(t&&tc(t))return td=!0,!0}if(document.body){for(let e of document.body.children)if(tc(e))return td=!0,!0}return td=!1,!1}()){let t={path:null,components:[]};return s&&t_.set(e,t),t}let l="smart"===r.mode?function(e,t=10){let n=new Set,o=e,r=0;for(;o&&r<t;)o.className&&"string"==typeof o.className&&o.className.split(/\s+/).forEach(e=>{if(e.length>1){let t=e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"").toLowerCase();t.length>1&&n.add(t)}}),o=o.parentElement,r++;return n}(e):void 0,i=[];try{var a;let t,n=(a=e,(t=Object.keys(a).find(e=>e.startsWith("__reactFiber$")||e.startsWith("__reactInternalInstance$"))||null)?a[t]:null),o=0;for(;n&&o<r.maxDepth&&i.length<r.maxComponents;){let e=function(e){let{tag:t,type:n,elementType:o}=e;if(5===t||6===t||26===t||27===t||7===t||8===t||12===t||18===t||3===t||4===t||21===t||22===t||23===t||24===t||25===t||29===t||30===t||31===t)return null;if(11===t){if(o?.render){let e=tu(o.render);if(e)return e}return o?.displayName?o.displayName:tu(n)}if(14===t||15===t){if(o?.type){let e=tu(o.type);if(e)return e}return o?.displayName?o.displayName:tu(n)}return 10===t?n?._context?.displayName?`${n._context.displayName}.Provider`:null:9===t?n?.displayName?`${n.displayName}.Consumer`:null:16===t?o?._status===1&&o._result?tu(o._result):null:13===t||19===t?null:17===t||28===t||0===t||1===t||2===t?tu(n):null}(n);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,r,l)&&i.push(e),n=n.return,o++}}catch{let t={path:null,components:[]};return s&&t_.set(e,t),t}if(0===i.length){let t={path:null,components:[]};return s&&t_.set(e,t),t}let d={path:i.slice().reverse().map(e=>`<${e}>`).join(" "),components:i};return s&&t_.set(e,d),d}(e,{mode:t});return{name:r.path?`${r.path} ${n}`:n,elementName:n,path:o,reactComponents:r.path}}var tE=!1,tR={outputDetail:"standard",autoClearAfterCopy:!1,annotationColorId:"blue",blockInteractions:!0,reactEnabled:!0,markerClickBehavior:"edit",webhookUrl:"",webhooksEnabled:!0},tW=e=>{if(!e||!e.trim())return!1;try{let t=new URL(e.trim());return"http:"===t.protocol||"https:"===t.protocol}catch{return!1}},tD=[{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 tz(e,t){let n=document.elementFromPoint(e,t);if(!n)return null;for(;n?.shadowRoot;){let o=n.shadowRoot.elementFromPoint(e,t);if(!o||o===n)break;n=o}return n}function tP(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 tT(e){return"resolved"!==e.status&&"dismissed"!==e.status}function tO(e){let t=tg(e),n=t.found?t:function(e,t=10){let n=e,o=0;for(;n&&o<t;){let e=tg(n);if(e.found)return e;n=n.parentElement,o++}return tg(e)}(e);if(n.found&&n.source)return function(e,t="path"){let{fileName:n,lineNumber:o,columnNumber:r}=e,s=`${n}:${o}`;return(void 0!==r&&(s+=`:${r}`),"vscode"===t)?`vscode://file${n.startsWith("/")?"":"/"}${s}`:s}(n.source,"path")}function tA({demoAnnotations:e,demoDelay:r=1e3,enableDemoMode:s=!1,onAnnotationAdd:l,onAnnotationDelete:i,onAnnotationUpdate:a,onAnnotationsClear:d,onCopy:_,onSubmit:c,copyToClipboard:u=!0,endpoint:h,sessionId:m,onSessionCreated:p,webhookUrl:k,className:C}={}){let M,S,$,L,R,O,[F,X]=(0,t.useState)(!1),[U,Q]=(0,t.useState)([]),[q,V]=(0,t.useState)(!0),[Z,K]=(0,t.useState)(()=>(function(){if("u"<typeof window)return!1;try{return"1"===sessionStorage.getItem(te)}catch{return!1}})()),[G,ee]=(0,t.useState)(!1),en=(0,t.useRef)(null);(0,t.useEffect)(()=>{let e=e=>{let t=en.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[eo,er]=(0,t.useState)(!1),[es,ei]=(0,t.useState)(!1),[ed,em]=(0,t.useState)(null),[eg,ep]=(0,t.useState)({x:0,y:0}),[ey,ex]=(0,t.useState)(null),[eb,eM]=(0,t.useState)(!1),[eE,eR]=(0,t.useState)("idle"),[eW,eD]=(0,t.useState)(!1),[ez,eP]=(0,t.useState)(!1),[eT,eA]=(0,t.useState)(null),[eF,eH]=(0,t.useState)(null),[eY,eX]=(0,t.useState)([]),[eU,eQ]=(0,t.useState)(null),[eq,e8]=(0,t.useState)(null),[tl,ti]=(0,t.useState)(null),[ta,td]=(0,t.useState)(null),[t_,tc]=(0,t.useState)([]),[tu,th]=(0,t.useState)(0),[tm,tg]=(0,t.useState)(!1),[ty,tf]=(0,t.useState)(!1),[tb,tw]=(0,t.useState)(!1),[tv,tk]=(0,t.useState)(!1),[tS,t$]=(0,t.useState)(!1),[tL,tI]=(0,t.useState)("main"),[tF,tH]=(0,t.useState)(!1),[tY,tX]=(0,t.useState)(!1),[tU,tQ]=(0,t.useState)(!1),[tq,tV]=(0,t.useState)([]),[tZ,tK]=(0,t.useState)(null),tJ=(0,t.useRef)(!1),[tG,t0]=(0,t.useState)(!1),[t1,t5]=(0,t.useState)(!1),[t2,t4]=(0,t.useState)(1),[t6,t3]=(0,t.useState)("new-page"),[t8,t7]=(0,t.useState)(""),[t9,ne]=(0,t.useState)(!1),[nt,nn]=(0,t.useState)(null),no=(0,t.useRef)(!1),nr=(0,t.useRef)({rearrange:null,placements:[]}),ns=(0,t.useRef)({rearrange:null,placements:[]}),[nl,ni]=(0,t.useState)(0),[na,nd]=(0,t.useState)(0),[n_,nc]=(0,t.useState)(0),[nu,nh]=(0,t.useState)(0),nm=(0,t.useRef)(new Set),ng=(0,t.useRef)(new Set),np=(0,t.useRef)(null),ny=(0,t.useRef)(),nx=tY&&F&&!tU&&tG;(0,t.useEffect)(()=>{if(nx){t5(!1);let e=P(()=>{t5(!0)});return()=>cancelAnimationFrame(e)}t5(!1)},[nx]);let nf=(0,t.useRef)(new Map),nb=(0,t.useRef)(new Map),nw=(0,t.useRef)(),[nv,nk]=(0,t.useState)(!1),[nj,nC]=(0,t.useState)([]);(0,t.useRef)(nj).current=nj;let[nM,nS]=(0,t.useState)(null),n$=(0,t.useRef)(null);(0,t.useRef)(!1),(0,t.useRef)([]),(0,t.useRef)(0),(0,t.useRef)(null),(0,t.useRef)(null),(0,t.useRef)(1);let[nL,nI]=(0,t.useState)(!1),nB=(0,t.useRef)(null),[nN,nE]=(0,t.useState)([]),nR=(0,t.useRef)({cmd:!1,shift:!1}),nW=()=>{tH(!0)};(0,t.useEffect)(()=>()=>{nB.current&&clearTimeout(nB.current)},[]);let[nD,nz]=(0,t.useState)(()=>{try{let e=JSON.parse(localStorage.getItem("feedback-toolbar-settings")??"");return{...tR,...e,annotationColorId:tD.find(t=>t.id===e.annotationColorId)?e.annotationColorId:tR.annotationColorId}}catch{return tR}}),[nP,nT]=(0,t.useState)(!0),[nO,nA]=(0,t.useState)(!1),[nF,nH]=(0,t.useState)(m??null),nY=(0,t.useRef)(!1),[nX,nU]=(0,t.useState)(h?"connecting":"disconnected"),[nQ,nq]=(0,t.useState)(null),[nV,nZ]=(0,t.useState)(!1),[nK,nJ]=(0,t.useState)(null),nG=(0,t.useRef)(!1),[n0,n1]=(0,t.useState)(new Set),[n5,n2]=(0,t.useState)(new Set),[n4,n6]=(0,t.useState)(!1),[n3,n8]=(0,t.useState)(!1),[n7,n9]=(0,t.useState)(!1),oe=(0,t.useRef)(null),ot=(0,t.useRef)(null),on=(0,t.useRef)(null),oo=(0,t.useRef)(null),or=(0,t.useRef)(!1),os=(0,t.useRef)(0),ol=(0,t.useRef)(null),oi=(0,t.useRef)(null),oa=(0,t.useRef)(null),od=(0,t.useRef)(null),o_=(0,t.useRef)(null),oc="u">typeof window?window.location.pathname:"/";(0,t.useEffect)(()=>{if(tv)t$(!0);else{tH(!1),tI("main");let e=D(()=>t$(!1),0);return()=>clearTimeout(e)}},[tv]);let ou=F&&q&&!tY;(0,t.useEffect)(()=>{if(ou){ei(!1),er(!0),n1(new Set);let e=D(()=>{n1(e=>{let t=new Set(e);return U.forEach(e=>t.add(e.id)),t})},350);return()=>clearTimeout(e)}if(eo){ei(!0);let e=D(()=>{er(!1),ei(!1)},250);return()=>clearTimeout(e)}},[ou]),(0,t.useEffect)(()=>{tf(!0),th(window.scrollY),Q(eG(oc).filter(tT)),tE||(nA(!0),tE=!0,D(()=>nA(!1),750));try{let e=localStorage.getItem("feedback-toolbar-theme");null!==e&&nT("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&&nq(t)}}catch(e){}},[oc]),(0,t.useEffect)(()=>{ty&&localStorage.setItem("feedback-toolbar-settings",JSON.stringify(nD))},[nD,ty]),(0,t.useEffect)(()=>{ty&&localStorage.setItem("feedback-toolbar-theme",nP?"dark":"light")},[nP,ty]);let oh=(0,t.useRef)(!1);(0,t.useEffect)(()=>{let e=oh.current;oh.current=nV,e&&!nV&&nQ&&ty&&localStorage.setItem("feedback-toolbar-position",JSON.stringify(nQ))},[nV,nQ,ty]),(0,t.useEffect)(()=>{h&&ty&&!nY.current&&(nY.current=!0,nU("connecting"),(async()=>{try{let e=function(e){if("u"<typeof window)return null;try{return localStorage.getItem(e7(e))}catch{return null}}(oc),t=m||e,n=!1;if(t)try{let e=await tn(h,t);nH(e.id),nU("connected"),e9(oc,e.id),n=!0;let o=eG(oc),r=new Set(e.annotations.map(e=>e.id)),s=o.filter(e=>!r.has(e.id));if(s.length>0){let t="u">typeof window?window.location.origin:"",n=`${t}${oc}`,o=(await Promise.allSettled(s.map(t=>to(h,e.id,{...t,sessionId:e.id,url:n})))).map((e,t)=>"fulfilled"===e.status?e.value:(console.warn("[Agentation] Failed to sync annotation:",e.reason),s[t])),r=[...e.annotations,...o];Q(r.filter(tT)),e1(oc,r.filter(tT),e.id)}else Q(e.annotations.filter(tT)),e1(oc,e.annotations.filter(tT),e.id)}catch(e){console.warn("[Agentation] Could not join session, creating new:",e);if("u">typeof window)try{localStorage.removeItem(e7(oc))}catch{}}if(!n){let e="u">typeof window?window.location.href:"/",t=await tt(h,e);nH(t.id),nU("connected"),e9(oc,t.id),p?.(t.id);let n=function(){let e=new Map;if("u"<typeof window)return e;try{let t=Date.now()-6048e5;for(let n=0;n<localStorage.length;n++){let o=localStorage.key(n);if(o?.startsWith(eK)){let n=o.slice(eK.length),r=localStorage.getItem(o);if(r){let o=JSON.parse(r).filter(e=>!e.timestamp||e.timestamp>t);o.length>0&&e.set(n,o)}}}}catch{}return e}(),o="u">typeof window?window.location.origin:"",r=[];for(let[e,s]of n){let n=s.filter(e=>!e._syncedTo);if(0===n.length)continue;let l=`${o}${e}`,i=e===oc;r.push((async()=>{try{let o=i?t:await tt(h,l),r=(await Promise.allSettled(n.map(e=>to(h,o.id,{...e,sessionId:o.id,url:l})))).map((e,t)=>"fulfilled"===e.status?e.value:(console.warn("[Agentation] Failed to sync annotation:",e.reason),n[t])).filter(tT);if(e1(e,r,o.id),i){let e=new Set(n.map(e=>e.id));Q(t=>{let n=t.filter(t=>!e.has(t.id));return[...r,...n]})}}catch(t){console.warn(`[Agentation] Failed to sync annotations for ${e}:`,t)}})())}await Promise.allSettled(r)}}catch(e){nU("disconnected"),console.warn("[Agentation] Failed to initialize session, using local storage:",e)}})())},[h,m,ty,p,oc]),(0,t.useEffect)(()=>{if(!h||!ty)return;let e=async()=>{try{(await fetch(`${h}/health`)).ok?nU("connected"):nU("disconnected")}catch{nU("disconnected")}};e();let t=z(e,1e4);return()=>clearInterval(t)},[h,ty]),(0,t.useEffect)(()=>{if(!h||!ty||!nF)return;let e=new EventSource(`${h}/sessions/${nF}/events`),t=["resolved","dismissed"],n=e=>{try{let n=JSON.parse(e.data);if(t.includes(n.payload?.status)){let e=n.payload.id,t=n.payload.kind;if("placement"===t){for(let[t,n]of nf.current)if(n===e){nf.current.delete(t),tV(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)),D(()=>{Q(t=>t.filter(t=>t.id!==e)),n2(t=>{let n=new Set(t);return n.delete(e),n})},150)}}catch{}};return e.addEventListener("annotation.updated",n),()=>{e.removeEventListener("annotation.updated",n),e.close()}},[h,ty,nF]),(0,t.useEffect)(()=>{if(!h||!ty)return;let e="disconnected"===oi.current,t="connected"===nX;oi.current=nX,e&&t&&(async()=>{try{let e=eG(oc);if(0===e.length)return;let t="u">typeof window?window.location.origin:"",n=`${t}${oc}`,o=nF,r=[];if(o)try{r=(await tn(h,o)).annotations}catch{o=null}o||(o=(await tt(h,n)).id,nH(o),e9(oc,o));let s=new Set(r.map(e=>e.id)),l=e.filter(e=>!s.has(e.id));if(l.length>0){let e=(await Promise.allSettled(l.map(e=>to(h,o,{...e,sessionId:o,url:n})))).map((e,t)=>"fulfilled"===e.status?e.value:(console.warn("[Agentation] Failed to sync annotation on reconnect:",e.reason),l[t])),t=[...r,...e].filter(tT);Q(t),e1(oc,t,o)}}catch(e){console.warn("[Agentation] Failed to sync on reconnect:",e)}})()},[nX,h,ty,nF,oc]);let om=(0,t.useCallback)(()=>{G||(ee(!0),tk(!1),X(!1),D(()=>{if("u">typeof window)try{sessionStorage.setItem(te,"1")}catch{}K(!0),ee(!1)},400))},[G]);(0,t.useEffect)(()=>{if(!s||!ty||!e||0===e.length||U.length>0)return;let t=[];return t.push(D(()=>{X(!0)},r-200)),e.forEach((e,n)=>{t.push(D(()=>{let t=document.querySelector(e.selector);if(!t)return;let o=t.getBoundingClientRect(),{name:r,path:s}=e_(t),l={id:`demo-${Date.now()}-${n}`,x:(o.left+o.width/2)/window.innerWidth*100,y:o.top+o.height/2+window.scrollY,comment:e.comment,element:r,elementPath:s,timestamp:Date.now(),selectedText:e.selectedText,boundingBox:{x:o.left,y:o.top+window.scrollY,width:o.width,height:o.height},nearbyText:ec(t),cssClasses:eh(t)};Q(e=>[...e,l])},r+300*n))}),()=>{t.forEach(clearTimeout)}},[s,ty,e,r]),(0,t.useEffect)(()=>{let e=()=>{th(window.scrollY),tg(!0),o_.current&&clearTimeout(o_.current),o_.current=D(()=>{tg(!1)},150)};return window.addEventListener("scroll",e,{passive:!0}),()=>{window.removeEventListener("scroll",e),o_.current&&clearTimeout(o_.current)}},[]),(0,t.useEffect)(()=>{ty&&U.length>0?nF?e1(oc,U,nF):e0(oc,U):ty&&0===U.length&&localStorage.removeItem(eJ(oc))},[U,oc,ty,nF]),(0,t.useEffect)(()=>{if(ty&&!tJ.current){tJ.current=!0;let e=function(e){if("u"<typeof window)return[];try{let t=localStorage.getItem(`${e5}${e}`);if(!t)return[];return JSON.parse(t)}catch{return[]}}(oc);e.length>0&&tV(e)}},[ty,oc]),(0,t.useEffect)(()=>{if(ty&&tJ.current&&!tG){if(tq.length>0){if("u">typeof window)try{localStorage.setItem(`${e5}${oc}`,JSON.stringify(tq))}catch{}}else if("u">typeof window)try{localStorage.removeItem(`${e5}${oc}`)}catch{}}},[tq,oc,ty,tG]),(0,t.useEffect)(()=>{if(ty&&!no.current){no.current=!0;let e=function(e){if("u"<typeof window)return null;try{let t=localStorage.getItem(`${e2}${e}`);if(!t)return null;return JSON.parse(t)}catch{return null}}(oc);e&&nn({...e,sections:e.sections.map(e=>({...e,currentRect:e.currentRect??{...e.originalRect}}))})}},[ty,oc]),(0,t.useEffect)(()=>{if(ty&&no.current&&!tG){if(nt){if("u">typeof window)try{localStorage.setItem(`${e2}${oc}`,JSON.stringify(nt))}catch{}}else if("u">typeof window)try{localStorage.removeItem(`${e2}${oc}`)}catch{}}},[nt,oc,ty,tG]);let og=(0,t.useRef)(!1);(0,t.useEffect)(()=>{if(ty&&!og.current){og.current=!0;let e=function(e){if("u"<typeof window)return null;try{let t=localStorage.getItem(`${e4}${e}`);if(!t)return null;return JSON.parse(t)}catch{return null}}(oc);e&&(ns.current={rearrange:e.rearrange,placements:e.placements||[]},e.purpose&&t7(e.purpose))}},[ty,oc]),(0,t.useEffect)(()=>{if(!ty||!og.current)return;let e=ns.current;tG?(nt?.sections?.length??0)>0||tq.length>0||t8?e6(oc,{rearrange:nt,placements:tq,purpose:t8}):e3(oc):(e.rearrange?.sections?.length??0)>0||e.placements.length>0||t8?e6(oc,{rearrange:e.rearrange,placements:e.placements,purpose:t8}):e3(oc)},[nt,tq,t8,tG,oc,ty]),(0,t.useEffect)(()=>{tY&&!nt&&nn({sections:[],originalOrder:[],detectedAt:Date.now()})},[tY,nt]),(0,t.useEffect)(()=>{if(!h||!nF)return;let e=nf.current,t=new Set(tq.map(e=>e.id));for(let t of tq){if(e.has(t.id))continue;e.set(t.id,"");let n="u">typeof window?window.location.pathname+window.location.search+window.location.hash:oc;to(h,nF,{id:t.id,x:t.x/window.innerWidth*100,y:t.y,comment:`Place ${t.type} at (${Math.round(t.x)}, ${Math.round(t.y)}), ${t.width}\xd7${t.height}px${t.text?` \u2014 "${t.text}"`:""}`,element:`[design:${t.type}]`,elementPath:"[placement]",timestamp:t.timestamp,url:n,intent:"change",severity:"important",kind:"placement",placement:{componentType:t.type,width:t.width,height:t.height,scrollY:t.scrollY,text:t.text}}).then(n=>{e.has(t.id)&&e.set(t.id,n.id)}).catch(n=>{console.warn("[Agentation] Failed to sync placement annotation:",n),e.delete(t.id)})}for(let[n,o]of e)!t.has(n)&&(e.delete(n),o&&ts(h,o).catch(()=>{}))},[tq,h,nF,oc]),(0,t.useEffect)(()=>{if(h&&nF)return nw.current&&clearTimeout(nw.current),nw.current=D(()=>{let e=nb.current;if(!nt||0===nt.sections.length){for(let[,t]of e)t&&ts(h,t).catch(()=>{});e.clear();return}let t=new Set(nt.sections.map(e=>e.id)),n="u">typeof window?window.location.pathname+window.location.search+window.location.hash:oc;for(let t of nt.sections){let o=t.originalRect,r=t.currentRect;if(!(Math.abs(o.x-r.x)>1||Math.abs(o.y-r.y)>1||Math.abs(o.width-r.width)>1||Math.abs(o.height-r.height)>1)){let n=e.get(t.id);n&&(e.delete(t.id),ts(h,n).catch(()=>{}));continue}let s=e.get(t.id);s?tr(h,s,{comment:`Move ${t.label} section (${t.tagName}) \u2014 from (${Math.round(o.x)},${Math.round(o.y)}) ${Math.round(o.width)}\xd7${Math.round(o.height)} to (${Math.round(r.x)},${Math.round(r.y)}) ${Math.round(r.width)}\xd7${Math.round(r.height)}`}).catch(e=>{console.warn("[Agentation] Failed to update rearrange annotation:",e)}):(e.set(t.id,""),to(h,nF,{id:t.id,x:r.x/window.innerWidth*100,y:r.y,comment:`Move ${t.label} section (${t.tagName}) \u2014 from (${Math.round(o.x)},${Math.round(o.y)}) ${Math.round(o.width)}\xd7${Math.round(o.height)} to (${Math.round(r.x)},${Math.round(r.y)}) ${Math.round(r.width)}\xd7${Math.round(r.height)}`,element:t.selector,elementPath:"[rearrange]",timestamp:Date.now(),url:n,intent:"change",severity:"important",kind:"rearrange",rearrange:{selector:t.selector,label:t.label,tagName:t.tagName,originalRect:o,currentRect:r}}).then(n=>{e.has(t.id)&&e.set(t.id,n.id)}).catch(n=>{console.warn("[Agentation] Failed to sync rearrange annotation:",n),e.delete(t.id)}))}for(let[n,o]of e)!t.has(n)&&(e.delete(n),o&&ts(h,o).catch(()=>{}))},300),()=>{nw.current&&clearTimeout(nw.current)}},[nt,h,nF,oc]);let op=(0,t.useRef)(new Map);(0,t.useLayoutEffect)(()=>{let e=nt?.sections??[],t=new Set;if((tY||tU)&&F)for(let n of e){t.add(n.id);try{let e=document.querySelector(n.selector);if(!e)continue;if(!op.current.has(n.id)){let t={transform:e.style.transform,transformOrigin:e.style.transformOrigin,opacity:e.style.opacity,position:e.style.position,zIndex:e.style.zIndex,display:e.style.display},o=[],r=e.parentElement;for(;r&&r!==document.body;){let e=getComputedStyle(r);("visible"!==e.overflow||"visible"!==e.overflowX||"visible"!==e.overflowY)&&(o.push({el:r,overflow:r.style.overflow}),r.style.overflow="visible"),r=r.parentElement}let s=getComputedStyle(e);"inline"===s.display&&(e.style.display="inline-block"),op.current.set(n.id,{el:e,origStyles:t,ancestors:o}),e.style.transformOrigin="top left",e.style.zIndex="9999"}}catch{}}for(let[e,n]of op.current)if(!t.has(e)){let{el:t,origStyles:o,ancestors:r}=n;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=o.transform,t.style.transformOrigin=o.transformOrigin,t.style.opacity=o.opacity,t.style.position=o.position,t.style.zIndex=o.zIndex,op.current.delete(e),D(()=>{for(let e of(t.style.transition="",t.style.display=o.display,r))e.el.style.overflow=e.overflow},450)}},[nt,tY,tU,F]),(0,t.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,D(()=>{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,t.useCallback)(()=>{tQ(!0),tX(!1),tK(null),clearTimeout(ny.current),ny.current=D(()=>{tQ(!1)},300)},[]),ox=(0,t.useCallback)(()=>{tY&&(tQ(!0),tX(!1),tK(null),clearTimeout(ny.current),ny.current=D(()=>{tQ(!1)},300)),X(!1)},[tY]),of=(0,t.useCallback)(()=>{tb||(!function(){if("u"<typeof document||W.frozen)return;W.frozen=!0,W.frozenTimeoutQueue=[],W.frozenRAFQueue=[];let e=document.getElementById(E);e||((e=document.createElement("style")).id=E),e.textContent=`
+`)}),r.trim()}if("u">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;\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 tf="styles-module__marker___9CKF7",tb="styles-module__enter___8kI3q",tw="styles-module__exit___KBdR3",tv="styles-module__multiSelect___CPfTC",tk="styles-module__hovered___-mg2N";function tj({annotation:e,globalIndex:t,layerIndex:n,layerSize:r,isExiting:s,isClearing:l,isAnimated:i,isHovered:a,isDeleting:d,isEditingAny:_,renumberFrom:c,markerClickBehavior:u,tooltipStyle:h,onHoverEnter:m,onHoverLeave:g,onClick:p,onContextMenu:y}){let x=(a||d)&&!_,f=x&&"delete"===u,b=e.isMultiSelect,w=s?`${(r-1-n)*20}ms`:`${20*n}ms`;return(0,o.jsxs)("div",{className:`${tf} ${b?tv:""} ${s?tw:l?"styles-module__clearing___8rM7K":i?"":tb} ${f?tk:""}`,"data-annotation-marker":!0,style:{left:`${e.x}%`,top:e.y,backgroundColor:f?void 0:b?"var(--agentation-color-green)":"var(--agentation-color-accent)",animationDelay:w},onMouseEnter:()=>m(e),onMouseLeave:g,onClick:t=>{t.stopPropagation(),s||p(e)},onContextMenu:y?t=>{"delete"===u&&(t.preventDefault(),t.stopPropagation(),s||y(e))}:void 0,children:[x?f?(0,o.jsx)(k,{size:b?18:16}):(0,o.jsx)(M,{size:16}):(0,o.jsx)("span",{className:null!==c&&t>=c?"styles-module__renumber___16lvD":void 0,children:t+1}),a&&!_&&(0,o.jsxs)("div",{className:`styles-module__markerTooltip___-VUm- ${tb}`,style:h,children:[(0,o.jsxs)("span",{className:"styles-module__markerQuote___tQake",children:[e.element,e.selectedText&&` "${e.selectedText.slice(0,30)}${e.selectedText.length>30?"...":""}"`]}),(0,o.jsx)("span",{className:"styles-module__markerNote___Rh4eI",children:e.comment})]})]})}function tC({x:e,y:t,isMultiSelect:n,isExiting:r}){return(0,o.jsx)("div",{className:`${tf} styles-module__pending___BiY-U ${n?tv:""} ${r?tw:tb}`,style:{left:`${e}%`,top:t,backgroundColor:n?"var(--agentation-color-green)":"var(--agentation-color-accent)"},children:(0,o.jsx)(m,{size:12})})}function tS({annotation:e,fixed:t}){let n=e.isMultiSelect;return(0,o.jsx)("div",{className:`${tf} ${t?"styles-module__fixed___aKrQO":""} ${tk} ${n?tv:""} ${tw}`,"data-annotation-marker":!0,style:{left:`${e.x}%`,top:e.y},children:(0,o.jsx)(k,{size:n?12:10})})}if("u">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}\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 tM=({className:e="",...t})=>(0,o.jsxs)("div",{className:`styles-module__switchContainer___Ka-AB ${e}`,children:[(0,o.jsx)("input",{className:"styles-module__switchInput___kYDSD",type:"checkbox",...t}),(0,o.jsx)("div",{className:"styles-module__switchThumb___4sCPH"})]});if("u">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 t$=({className:e="",...t})=>(0,o.jsxs)("div",{className:`styles-module__checkboxContainer___joqZk ${e}`,children:[(0,o.jsx)("input",{className:"styles-module__checkboxInput___ECzzO",type:"checkbox",...t}),(0,o.jsx)("svg",{className:"styles-module__checkboxCheck___fUXpr",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:(0,o.jsx)("path",{className:"styles-module__checkboxCheckPath___cDyh8",d:"M3.94 7L6.13 9.19L10.5 4.81",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]});if("u">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 tL=({className:e="",label:n,tooltip:r,checked:s,onChange:l,...i})=>{let a=(0,t.useId)();return(0,o.jsxs)("div",{className:`styles-module__container___w8eAF ${e}`,...i,children:[(0,o.jsx)(t$,{id:a,onChange:l,checked:s}),(0,o.jsx)("label",{className:"styles-module__label___J5mxE",htmlFor:a,children:n}),r&&(0,o.jsx)(H,{content:r})]})};if("u">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  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___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;\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}\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  color: 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 tI={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",webhookUrlInput:"styles-module__webhookUrlInput___WDDDC",checkboxField:"styles-module__checkboxField___ZrSqv",divider:"styles-module__divider___h6Yux",scaleIn:"styles-module__scaleIn___QpQ8E"};function tB({settings:e,onSettingsChange:t,isDarkMode:n,onToggleTheme:r,isDevMode:s,connectionStatus:l,endpoint:i,isVisible:a,toolbarNearBottom:d,settingsPage:_,onSettingsPageChange:c,onHideToolbar:u}){return(0,o.jsx)("div",{className:`${tI.settingsPanel} ${a?tI.enter:tI.exit}`,style:d?{bottom:"auto",top:"calc(100% + 0.5rem)"}:void 0,"data-agentation-settings-panel":!0,children:(0,o.jsxs)("div",{className:tI.settingsPanelContainer,children:[(0,o.jsxs)("div",{className:`${tI.settingsPage} ${"automations"===_?tI.slideLeft:""}`,children:[(0,o.jsxs)("div",{className:tI.settingsHeader,children:[(0,o.jsx)("a",{className:tI.settingsBrand,href:"https://agentation.com",target:"_blank",rel:"noopener noreferrer",children:(0,o.jsx)("svg",{width:"72",height:"16",viewBox:"0 0 676 151",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.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,o.jsxs)("p",{className:tI.settingsVersion,children:["v","3.0.2"]}),(0,o.jsx)("button",{className:tI.themeToggle,onClick:r,title:n?"Switch to light mode":"Switch to dark mode",children:(0,o.jsx)("span",{className:tI.themeIconWrapper,children:(0,o.jsx)("span",{className:tI.themeIcon,children:n?(0,o.jsx)(C,{size:20}):(0,o.jsx)(S,{size:20})},n?"sun":"moon")})})]}),(0,o.jsx)("div",{className:tI.divider}),(0,o.jsxs)("div",{className:tI.settingsSection,children:[(0,o.jsxs)("div",{className:tI.settingsRow,children:[(0,o.jsxs)("div",{className:tI.settingsLabel,children:["Output Detail",(0,o.jsx)(H,{content:"Controls how much detail is included in the copied output"})]}),(0,o.jsxs)("button",{className:tI.cycleButton,onClick:()=>{let n=(ty.findIndex(t=>t.value===e.outputDetail)+1)%ty.length;t({outputDetail:ty[n].value})},children:[(0,o.jsx)("span",{className:tI.cycleButtonText,children:ty.find(t=>t.value===e.outputDetail)?.label},e.outputDetail),(0,o.jsx)("span",{className:tI.cycleDots,children:ty.map(t=>(0,o.jsx)("span",{className:`${tI.cycleDot} ${e.outputDetail===t.value?tI.active:""}`},t.value))})]})]}),(0,o.jsxs)("div",{className:`${tI.settingsRow} ${tI.settingsRowMarginTop} ${!s?tI.settingsRowDisabled:""}`,children:[(0,o.jsxs)("div",{className:tI.settingsLabel,children:["React Components",(0,o.jsx)(H,{content:s?"Include React component names in annotations":"Disabled — production builds minify component names, making detection unreliable. Use in development mode."})]}),(0,o.jsx)(tM,{checked:s&&e.reactEnabled,onChange:e=>t({reactEnabled:e.target.checked}),disabled:!s})]}),(0,o.jsxs)("div",{className:`${tI.settingsRow} ${tI.settingsRowMarginTop}`,children:[(0,o.jsxs)("div",{className:tI.settingsLabel,children:["Hide Until Restart",(0,o.jsx)(H,{content:"Hides the toolbar until you open a new tab"})]}),(0,o.jsx)(tM,{checked:!1,onChange:e=>{e.target.checked&&u()}})]})]}),(0,o.jsx)("div",{className:tI.divider}),(0,o.jsxs)("div",{className:tI.settingsSection,children:[(0,o.jsx)("div",{className:`${tI.settingsLabel} ${tI.settingsLabelMarker}`,children:"Marker Color"}),(0,o.jsx)("div",{className:tI.colorOptions,children:tD.map(n=>(0,o.jsx)("button",{className:`${tI.colorOption} ${e.annotationColorId===n.id?tI.selected:""}`,style:{"--swatch":n.srgb,"--swatch-p3":n.p3},onClick:()=>t({annotationColorId:n.id}),title:n.label,type:"button"},n.id))})]}),(0,o.jsx)("div",{className:tI.divider}),(0,o.jsxs)("div",{className:tI.settingsSection,children:[(0,o.jsx)(tL,{className:"checkbox-field",label:"Clear on copy/send",checked:e.autoClearAfterCopy,onChange:e=>t({autoClearAfterCopy:e.target.checked}),tooltip:"Automatically clear annotations after copying"}),(0,o.jsx)(tL,{className:tI.checkboxField,label:"Block page interactions",checked:e.blockInteractions,onChange:e=>t({blockInteractions:e.target.checked})})]}),(0,o.jsx)("div",{className:tI.divider}),(0,o.jsxs)("button",{className:tI.settingsNavLink,onClick:()=>c("automations"),children:[(0,o.jsx)("span",{children:"Manage MCP & Webhooks"}),(0,o.jsxs)("span",{className:tI.settingsNavLinkRight,children:[i&&"disconnected"!==l&&(0,o.jsx)("span",{className:`${tI.mcpNavIndicator} ${tI[l]}`}),(0,o.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M7.5 12.5L12 8L7.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})]}),(0,o.jsxs)("div",{className:`${tI.settingsPage} ${tI.automationsPage} ${"automations"===_?tI.slideIn:""}`,children:[(0,o.jsxs)("button",{className:tI.settingsBackButton,onClick:()=>c("main"),children:[(0,o.jsx)(L,{size:16}),(0,o.jsx)("span",{children:"Manage MCP & Webhooks"})]}),(0,o.jsx)("div",{className:tI.divider}),(0,o.jsxs)("div",{className:tI.settingsSection,children:[(0,o.jsxs)("div",{className:tI.settingsRow,children:[(0,o.jsxs)("span",{className:tI.automationHeader,children:["MCP Connection",(0,o.jsx)(H,{content:"Connect via Model Context Protocol to let AI agents like Claude Code receive annotations in real-time."})]}),i&&(0,o.jsx)("div",{className:`${tI.mcpStatusDot} ${tI[l]}`,title:"connected"===l?"Connected":"connecting"===l?"Connecting...":"Disconnected"})]}),(0,o.jsxs)("p",{className:tI.automationDescription,style:{paddingBottom:6},children:["MCP connection allows agents to receive and act on annotations."," ",(0,o.jsx)("a",{href:"https://agentation.dev/mcp",target:"_blank",rel:"noopener noreferrer",className:tI.learnMoreLink,children:"Learn more"})]})]}),(0,o.jsx)("div",{className:tI.divider}),(0,o.jsxs)("div",{className:`${tI.settingsSection} ${tI.settingsSectionGrow}`,children:[(0,o.jsxs)("div",{className:tI.settingsRow,children:[(0,o.jsxs)("span",{className:tI.automationHeader,children:["Webhooks",(0,o.jsx)(H,{content:"Send annotation data to any URL endpoint when annotations change. Useful for custom integrations."})]}),(0,o.jsxs)("div",{className:tI.autoSendContainer,children:[(0,o.jsx)("label",{htmlFor:"agentation-auto-send",className:`${tI.autoSendLabel} ${e.webhooksEnabled?tI.active:""} ${!e.webhookUrl?tI.disabled:""}`,children:"Auto-Send"}),(0,o.jsx)(tM,{id:"agentation-auto-send",checked:e.webhooksEnabled,onChange:e=>t({webhooksEnabled:e.target.checked}),disabled:!e.webhookUrl})]})]}),(0,o.jsx)("p",{className:tI.automationDescription,children:"The webhook URL will receive live annotation changes and annotation data."}),(0,o.jsx)("textarea",{className:tI.webhookUrlInput,placeholder:"Webhook URL",value:e.webhookUrl,onKeyDown:e=>e.stopPropagation(),onChange:e=>t({webhookUrl:e.target.value})})]})]})]})})}function tN(e,t="filtered"){let{name:n,path:o}=e_(e);if("off"===t)return{name:n,elementName:n,path:o,reactComponents:null};let r=function(e,t){let n,o,r=(n=t?.mode??"filtered",o=tl,t?.skipExact&&(o=new Set([...tl,...t.skipExact instanceof Set?t.skipExact:new Set(t.skipExact)])),{maxComponents:t?.maxComponents??6,maxDepth:t?.maxDepth??30,mode:n,skipExact:o,skipPatterns:t?.skipPatterns?[...ti,...t.skipPatterns]:ti,userPatterns:t?.userPatterns??ta,filter:t?.filter}),s="all"===r.mode;if(s){let t=t_.get(e);if(void 0!==t)return t}if(!function(){if(null!==td)return td;if("u"<typeof document)return!1;if(document.body&&tc(document.body))return td=!0,!0;for(let e of["#root","#app","#__next","[data-reactroot]"]){let t=document.querySelector(e);if(t&&tc(t))return td=!0,!0}if(document.body){for(let e of document.body.children)if(tc(e))return td=!0,!0}return td=!1,!1}()){let t={path:null,components:[]};return s&&t_.set(e,t),t}let l="smart"===r.mode?function(e,t=10){let n=new Set,o=e,r=0;for(;o&&r<t;)o.className&&"string"==typeof o.className&&o.className.split(/\s+/).forEach(e=>{if(e.length>1){let t=e.replace(/[_][a-zA-Z0-9]{5,}.*$/,"").toLowerCase();t.length>1&&n.add(t)}}),o=o.parentElement,r++;return n}(e):void 0,i=[];try{var a;let t,n=(a=e,(t=Object.keys(a).find(e=>e.startsWith("__reactFiber$")||e.startsWith("__reactInternalInstance$"))||null)?a[t]:null),o=0;for(;n&&o<r.maxDepth&&i.length<r.maxComponents;){let e=function(e){let{tag:t,type:n,elementType:o}=e;if(5===t||6===t||26===t||27===t||7===t||8===t||12===t||18===t||3===t||4===t||21===t||22===t||23===t||24===t||25===t||29===t||30===t||31===t)return null;if(11===t){if(o?.render){let e=tu(o.render);if(e)return e}return o?.displayName?o.displayName:tu(n)}if(14===t||15===t){if(o?.type){let e=tu(o.type);if(e)return e}return o?.displayName?o.displayName:tu(n)}return 10===t?n?._context?.displayName?`${n._context.displayName}.Provider`:null:9===t?n?.displayName?`${n.displayName}.Consumer`:null:16===t?o?._status===1&&o._result?tu(o._result):null:13===t||19===t?null:17===t||28===t||0===t||1===t||2===t?tu(n):null}(n);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,r,l)&&i.push(e),n=n.return,o++}}catch{let t={path:null,components:[]};return s&&t_.set(e,t),t}if(0===i.length){let t={path:null,components:[]};return s&&t_.set(e,t),t}let d={path:i.slice().reverse().map(e=>`<${e}>`).join(" "),components:i};return s&&t_.set(e,d),d}(e,{mode:t});return{name:r.path?`${r.path} ${n}`:n,elementName:n,path:o,reactComponents:r.path}}var tE=!1,tR={outputDetail:"standard",autoClearAfterCopy:!1,annotationColorId:"blue",blockInteractions:!0,reactEnabled:!0,markerClickBehavior:"edit",webhookUrl:"",webhooksEnabled:!0},tW=e=>{if(!e||!e.trim())return!1;try{let t=new URL(e.trim());return"http:"===t.protocol||"https:"===t.protocol}catch{return!1}},tD=[{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 tP(e,t){let n=document.elementFromPoint(e,t);if(!n)return null;for(;n?.shadowRoot;){let o=n.shadowRoot.elementFromPoint(e,t);if(!o||o===n)break;n=o}return n}function tz(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 tT(e){return"resolved"!==e.status&&"dismissed"!==e.status}function tO(e){let t=tg(e),n=t.found?t:function(e,t=10){let n=e,o=0;for(;n&&o<t;){let e=tg(n);if(e.found)return e;n=n.parentElement,o++}return tg(e)}(e);if(n.found&&n.source)return function(e,t="path"){let{fileName:n,lineNumber:o,columnNumber:r}=e,s=`${n}:${o}`;return(void 0!==r&&(s+=`:${r}`),"vscode"===t)?`vscode://file${n.startsWith("/")?"":"/"}${s}`:s}(n.source,"path")}function tA({demoAnnotations:e,demoDelay:r=1e3,enableDemoMode:s=!1,onAnnotationAdd:l,onAnnotationDelete:i,onAnnotationUpdate:a,onAnnotationsClear:d,onCopy:_,onSubmit:c,copyToClipboard:u=!0,endpoint:h,sessionId:m,onSessionCreated:p,webhookUrl:k,className:C}={}){let S,M,$,L,R,O,[F,X]=(0,t.useState)(!1),[U,Q]=(0,t.useState)([]),[q,V]=(0,t.useState)(!0),[Z,K]=(0,t.useState)(()=>(function(){if("u"<typeof window)return!1;try{return"1"===sessionStorage.getItem(te)}catch{return!1}})()),[G,ee]=(0,t.useState)(!1),en=(0,t.useRef)(null);(0,t.useEffect)(()=>{let e=e=>{let t=en.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[eo,er]=(0,t.useState)(!1),[es,ei]=(0,t.useState)(!1),[ed,em]=(0,t.useState)(null),[eg,ep]=(0,t.useState)({x:0,y:0}),[ey,ex]=(0,t.useState)(null),[eb,eS]=(0,t.useState)(!1),[eE,eR]=(0,t.useState)("idle"),[eW,eD]=(0,t.useState)(!1),[eP,ez]=(0,t.useState)(!1),[eT,eA]=(0,t.useState)(null),[eF,eH]=(0,t.useState)(null),[eY,eX]=(0,t.useState)([]),[eU,eQ]=(0,t.useState)(null),[eq,e8]=(0,t.useState)(null),[tl,ti]=(0,t.useState)(null),[ta,td]=(0,t.useState)(null),[t_,tc]=(0,t.useState)([]),[tu,th]=(0,t.useState)(0),[tm,tg]=(0,t.useState)(!1),[ty,tf]=(0,t.useState)(!1),[tb,tw]=(0,t.useState)(!1),[tv,tk]=(0,t.useState)(!1),[tM,t$]=(0,t.useState)(!1),[tL,tI]=(0,t.useState)("main"),[tF,tH]=(0,t.useState)(!1),[tY,tX]=(0,t.useState)(!1),[tU,tQ]=(0,t.useState)(!1),[tq,tV]=(0,t.useState)([]),[tZ,tK]=(0,t.useState)(null),tJ=(0,t.useRef)(!1),[tG,t0]=(0,t.useState)(!1),[t1,t5]=(0,t.useState)(!1),[t2,t4]=(0,t.useState)(1),[t6,t3]=(0,t.useState)("new-page"),[t8,t7]=(0,t.useState)(""),[t9,ne]=(0,t.useState)(!1),[nt,nn]=(0,t.useState)(null),no=(0,t.useRef)(!1),nr=(0,t.useRef)({rearrange:null,placements:[]}),ns=(0,t.useRef)({rearrange:null,placements:[]}),[nl,ni]=(0,t.useState)(0),[na,nd]=(0,t.useState)(0),[n_,nc]=(0,t.useState)(0),[nu,nh]=(0,t.useState)(0),nm=(0,t.useRef)(new Set),ng=(0,t.useRef)(new Set),np=(0,t.useRef)(null),ny=(0,t.useRef)(),nx=tY&&F&&!tU&&tG;(0,t.useEffect)(()=>{if(nx){t5(!1);let e=z(()=>{t5(!0)});return()=>cancelAnimationFrame(e)}t5(!1)},[nx]);let nf=(0,t.useRef)(new Map),nb=(0,t.useRef)(new Map),nw=(0,t.useRef)(),[nv,nk]=(0,t.useState)(!1),[nj,nC]=(0,t.useState)([]);(0,t.useRef)(nj).current=nj;let[nS,nM]=(0,t.useState)(null),n$=(0,t.useRef)(null);(0,t.useRef)(!1),(0,t.useRef)([]),(0,t.useRef)(0),(0,t.useRef)(null),(0,t.useRef)(null),(0,t.useRef)(1);let[nL,nI]=(0,t.useState)(!1),nB=(0,t.useRef)(null),[nN,nE]=(0,t.useState)([]),nR=(0,t.useRef)({cmd:!1,shift:!1}),nW=()=>{tH(!0)};(0,t.useEffect)(()=>()=>{nB.current&&clearTimeout(nB.current)},[]);let[nD,nP]=(0,t.useState)(()=>{try{let e=JSON.parse(localStorage.getItem("feedback-toolbar-settings")??"");return{...tR,...e,annotationColorId:tD.find(t=>t.id===e.annotationColorId)?e.annotationColorId:tR.annotationColorId}}catch{return tR}}),[nz,nT]=(0,t.useState)(!0),[nO,nA]=(0,t.useState)(!1),[nF,nH]=(0,t.useState)(m??null),nY=(0,t.useRef)(!1),[nX,nU]=(0,t.useState)(h?"connecting":"disconnected"),[nQ,nq]=(0,t.useState)(null),[nV,nZ]=(0,t.useState)(!1),[nK,nJ]=(0,t.useState)(null),nG=(0,t.useRef)(!1),[n0,n1]=(0,t.useState)(new Set),[n5,n2]=(0,t.useState)(new Set),[n4,n6]=(0,t.useState)(!1),[n3,n8]=(0,t.useState)(!1),[n7,n9]=(0,t.useState)(!1),oe=(0,t.useRef)(null),ot=(0,t.useRef)(null),on=(0,t.useRef)(null),oo=(0,t.useRef)(null),or=(0,t.useRef)(!1),os=(0,t.useRef)(0),ol=(0,t.useRef)(null),oi=(0,t.useRef)(null),oa=(0,t.useRef)(null),od=(0,t.useRef)(null),o_=(0,t.useRef)(null),oc="u">typeof window?window.location.pathname:"/";(0,t.useEffect)(()=>{if(tv)t$(!0);else{tH(!1),tI("main");let e=D(()=>t$(!1),0);return()=>clearTimeout(e)}},[tv]);let ou=F&&q&&!tY;(0,t.useEffect)(()=>{if(ou){ei(!1),er(!0),n1(new Set);let e=D(()=>{n1(e=>{let t=new Set(e);return U.forEach(e=>t.add(e.id)),t})},350);return()=>clearTimeout(e)}if(eo){ei(!0);let e=D(()=>{er(!1),ei(!1)},250);return()=>clearTimeout(e)}},[ou]),(0,t.useEffect)(()=>{tf(!0),th(window.scrollY),Q(eG(oc).filter(tT)),tE||(nA(!0),tE=!0,D(()=>nA(!1),750));try{let e=localStorage.getItem("feedback-toolbar-theme");null!==e&&nT("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&&nq(t)}}catch(e){}},[oc]),(0,t.useEffect)(()=>{ty&&localStorage.setItem("feedback-toolbar-settings",JSON.stringify(nD))},[nD,ty]),(0,t.useEffect)(()=>{ty&&localStorage.setItem("feedback-toolbar-theme",nz?"dark":"light")},[nz,ty]);let oh=(0,t.useRef)(!1);(0,t.useEffect)(()=>{let e=oh.current;oh.current=nV,e&&!nV&&nQ&&ty&&localStorage.setItem("feedback-toolbar-position",JSON.stringify(nQ))},[nV,nQ,ty]),(0,t.useEffect)(()=>{h&&ty&&!nY.current&&(nY.current=!0,nU("connecting"),(async()=>{try{let e=function(e){if("u"<typeof window)return null;try{return localStorage.getItem(e7(e))}catch{return null}}(oc),t=m||e,n=!1;if(t)try{let e=await tn(h,t);nH(e.id),nU("connected"),e9(oc,e.id),n=!0;let o=eG(oc),r=new Set(e.annotations.map(e=>e.id)),s=o.filter(e=>!r.has(e.id));if(s.length>0){let t="u">typeof window?window.location.origin:"",n=`${t}${oc}`,o=(await Promise.allSettled(s.map(t=>to(h,e.id,{...t,sessionId:e.id,url:n})))).map((e,t)=>"fulfilled"===e.status?e.value:(console.warn("[Agentation] Failed to sync annotation:",e.reason),s[t])),r=[...e.annotations,...o];Q(r.filter(tT)),e1(oc,r.filter(tT),e.id)}else Q(e.annotations.filter(tT)),e1(oc,e.annotations.filter(tT),e.id)}catch(e){console.warn("[Agentation] Could not join session, creating new:",e);if("u">typeof window)try{localStorage.removeItem(e7(oc))}catch{}}if(!n){let e="u">typeof window?window.location.href:"/",t=await tt(h,e);nH(t.id),nU("connected"),e9(oc,t.id),p?.(t.id);let n=function(){let e=new Map;if("u"<typeof window)return e;try{let t=Date.now()-6048e5;for(let n=0;n<localStorage.length;n++){let o=localStorage.key(n);if(o?.startsWith(eK)){let n=o.slice(eK.length),r=localStorage.getItem(o);if(r){let o=JSON.parse(r).filter(e=>!e.timestamp||e.timestamp>t);o.length>0&&e.set(n,o)}}}}catch{}return e}(),o="u">typeof window?window.location.origin:"",r=[];for(let[e,s]of n){let n=s.filter(e=>!e._syncedTo);if(0===n.length)continue;let l=`${o}${e}`,i=e===oc;r.push((async()=>{try{let o=i?t:await tt(h,l),r=(await Promise.allSettled(n.map(e=>to(h,o.id,{...e,sessionId:o.id,url:l})))).map((e,t)=>"fulfilled"===e.status?e.value:(console.warn("[Agentation] Failed to sync annotation:",e.reason),n[t])).filter(tT);if(e1(e,r,o.id),i){let e=new Set(n.map(e=>e.id));Q(t=>{let n=t.filter(t=>!e.has(t.id));return[...r,...n]})}}catch(t){console.warn(`[Agentation] Failed to sync annotations for ${e}:`,t)}})())}await Promise.allSettled(r)}}catch(e){nU("disconnected"),console.warn("[Agentation] Failed to initialize session, using local storage:",e)}})())},[h,m,ty,p,oc]),(0,t.useEffect)(()=>{if(!h||!ty)return;let e=async()=>{try{(await fetch(`${h}/health`)).ok?nU("connected"):nU("disconnected")}catch{nU("disconnected")}};e();let t=P(e,1e4);return()=>clearInterval(t)},[h,ty]),(0,t.useEffect)(()=>{if(!h||!ty||!nF)return;let e=new EventSource(`${h}/sessions/${nF}/events`),t=["resolved","dismissed"],n=e=>{try{let n=JSON.parse(e.data);if(t.includes(n.payload?.status)){let e=n.payload.id,t=n.payload.kind;if("placement"===t){for(let[t,n]of nf.current)if(n===e){nf.current.delete(t),tV(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)),D(()=>{Q(t=>t.filter(t=>t.id!==e)),n2(t=>{let n=new Set(t);return n.delete(e),n})},150)}}catch{}};return e.addEventListener("annotation.updated",n),()=>{e.removeEventListener("annotation.updated",n),e.close()}},[h,ty,nF]),(0,t.useEffect)(()=>{if(!h||!ty)return;let e="disconnected"===oi.current,t="connected"===nX;oi.current=nX,e&&t&&(async()=>{try{let e=eG(oc);if(0===e.length)return;let t="u">typeof window?window.location.origin:"",n=`${t}${oc}`,o=nF,r=[];if(o)try{r=(await tn(h,o)).annotations}catch{o=null}o||(o=(await tt(h,n)).id,nH(o),e9(oc,o));let s=new Set(r.map(e=>e.id)),l=e.filter(e=>!s.has(e.id));if(l.length>0){let e=(await Promise.allSettled(l.map(e=>to(h,o,{...e,sessionId:o,url:n})))).map((e,t)=>"fulfilled"===e.status?e.value:(console.warn("[Agentation] Failed to sync annotation on reconnect:",e.reason),l[t])),t=[...r,...e].filter(tT);Q(t),e1(oc,t,o)}}catch(e){console.warn("[Agentation] Failed to sync on reconnect:",e)}})()},[nX,h,ty,nF,oc]);let om=(0,t.useCallback)(()=>{G||(ee(!0),tk(!1),X(!1),D(()=>{if("u">typeof window)try{sessionStorage.setItem(te,"1")}catch{}K(!0),ee(!1)},400))},[G]);(0,t.useEffect)(()=>{if(!s||!ty||!e||0===e.length||U.length>0)return;let t=[];return t.push(D(()=>{X(!0)},r-200)),e.forEach((e,n)=>{t.push(D(()=>{let t=document.querySelector(e.selector);if(!t)return;let o=t.getBoundingClientRect(),{name:r,path:s}=e_(t),l={id:`demo-${Date.now()}-${n}`,x:(o.left+o.width/2)/window.innerWidth*100,y:o.top+o.height/2+window.scrollY,comment:e.comment,element:r,elementPath:s,timestamp:Date.now(),selectedText:e.selectedText,boundingBox:{x:o.left,y:o.top+window.scrollY,width:o.width,height:o.height},nearbyText:ec(t),cssClasses:eh(t)};Q(e=>[...e,l])},r+300*n))}),()=>{t.forEach(clearTimeout)}},[s,ty,e,r]),(0,t.useEffect)(()=>{let e=()=>{th(window.scrollY),tg(!0),o_.current&&clearTimeout(o_.current),o_.current=D(()=>{tg(!1)},150)};return window.addEventListener("scroll",e,{passive:!0}),()=>{window.removeEventListener("scroll",e),o_.current&&clearTimeout(o_.current)}},[]),(0,t.useEffect)(()=>{ty&&U.length>0?nF?e1(oc,U,nF):e0(oc,U):ty&&0===U.length&&localStorage.removeItem(eJ(oc))},[U,oc,ty,nF]),(0,t.useEffect)(()=>{if(ty&&!tJ.current){tJ.current=!0;let e=function(e){if("u"<typeof window)return[];try{let t=localStorage.getItem(`${e5}${e}`);if(!t)return[];return JSON.parse(t)}catch{return[]}}(oc);e.length>0&&tV(e)}},[ty,oc]),(0,t.useEffect)(()=>{if(ty&&tJ.current&&!tG){if(tq.length>0){if("u">typeof window)try{localStorage.setItem(`${e5}${oc}`,JSON.stringify(tq))}catch{}}else if("u">typeof window)try{localStorage.removeItem(`${e5}${oc}`)}catch{}}},[tq,oc,ty,tG]),(0,t.useEffect)(()=>{if(ty&&!no.current){no.current=!0;let e=function(e){if("u"<typeof window)return null;try{let t=localStorage.getItem(`${e2}${e}`);if(!t)return null;return JSON.parse(t)}catch{return null}}(oc);e&&nn({...e,sections:e.sections.map(e=>({...e,currentRect:e.currentRect??{...e.originalRect}}))})}},[ty,oc]),(0,t.useEffect)(()=>{if(ty&&no.current&&!tG){if(nt){if("u">typeof window)try{localStorage.setItem(`${e2}${oc}`,JSON.stringify(nt))}catch{}}else if("u">typeof window)try{localStorage.removeItem(`${e2}${oc}`)}catch{}}},[nt,oc,ty,tG]);let og=(0,t.useRef)(!1);(0,t.useEffect)(()=>{if(ty&&!og.current){og.current=!0;let e=function(e){if("u"<typeof window)return null;try{let t=localStorage.getItem(`${e4}${e}`);if(!t)return null;return JSON.parse(t)}catch{return null}}(oc);e&&(ns.current={rearrange:e.rearrange,placements:e.placements||[]},e.purpose&&t7(e.purpose))}},[ty,oc]),(0,t.useEffect)(()=>{if(!ty||!og.current)return;let e=ns.current;tG?(nt?.sections?.length??0)>0||tq.length>0||t8?e6(oc,{rearrange:nt,placements:tq,purpose:t8}):e3(oc):(e.rearrange?.sections?.length??0)>0||e.placements.length>0||t8?e6(oc,{rearrange:e.rearrange,placements:e.placements,purpose:t8}):e3(oc)},[nt,tq,t8,tG,oc,ty]),(0,t.useEffect)(()=>{tY&&!nt&&nn({sections:[],originalOrder:[],detectedAt:Date.now()})},[tY,nt]),(0,t.useEffect)(()=>{if(!h||!nF)return;let e=nf.current,t=new Set(tq.map(e=>e.id));for(let t of tq){if(e.has(t.id))continue;e.set(t.id,"");let n="u">typeof window?window.location.pathname+window.location.search+window.location.hash:oc;to(h,nF,{id:t.id,x:t.x/window.innerWidth*100,y:t.y,comment:`Place ${t.type} at (${Math.round(t.x)}, ${Math.round(t.y)}), ${t.width}\xd7${t.height}px${t.text?` \u2014 "${t.text}"`:""}`,element:`[design:${t.type}]`,elementPath:"[placement]",timestamp:t.timestamp,url:n,intent:"change",severity:"important",kind:"placement",placement:{componentType:t.type,width:t.width,height:t.height,scrollY:t.scrollY,text:t.text}}).then(n=>{e.has(t.id)&&e.set(t.id,n.id)}).catch(n=>{console.warn("[Agentation] Failed to sync placement annotation:",n),e.delete(t.id)})}for(let[n,o]of e)!t.has(n)&&(e.delete(n),o&&ts(h,o).catch(()=>{}))},[tq,h,nF,oc]),(0,t.useEffect)(()=>{if(h&&nF)return nw.current&&clearTimeout(nw.current),nw.current=D(()=>{let e=nb.current;if(!nt||0===nt.sections.length){for(let[,t]of e)t&&ts(h,t).catch(()=>{});e.clear();return}let t=new Set(nt.sections.map(e=>e.id)),n="u">typeof window?window.location.pathname+window.location.search+window.location.hash:oc;for(let t of nt.sections){let o=t.originalRect,r=t.currentRect;if(!(Math.abs(o.x-r.x)>1||Math.abs(o.y-r.y)>1||Math.abs(o.width-r.width)>1||Math.abs(o.height-r.height)>1)){let n=e.get(t.id);n&&(e.delete(t.id),ts(h,n).catch(()=>{}));continue}let s=e.get(t.id);s?tr(h,s,{comment:`Move ${t.label} section (${t.tagName}) \u2014 from (${Math.round(o.x)},${Math.round(o.y)}) ${Math.round(o.width)}\xd7${Math.round(o.height)} to (${Math.round(r.x)},${Math.round(r.y)}) ${Math.round(r.width)}\xd7${Math.round(r.height)}`}).catch(e=>{console.warn("[Agentation] Failed to update rearrange annotation:",e)}):(e.set(t.id,""),to(h,nF,{id:t.id,x:r.x/window.innerWidth*100,y:r.y,comment:`Move ${t.label} section (${t.tagName}) \u2014 from (${Math.round(o.x)},${Math.round(o.y)}) ${Math.round(o.width)}\xd7${Math.round(o.height)} to (${Math.round(r.x)},${Math.round(r.y)}) ${Math.round(r.width)}\xd7${Math.round(r.height)}`,element:t.selector,elementPath:"[rearrange]",timestamp:Date.now(),url:n,intent:"change",severity:"important",kind:"rearrange",rearrange:{selector:t.selector,label:t.label,tagName:t.tagName,originalRect:o,currentRect:r}}).then(n=>{e.has(t.id)&&e.set(t.id,n.id)}).catch(n=>{console.warn("[Agentation] Failed to sync rearrange annotation:",n),e.delete(t.id)}))}for(let[n,o]of e)!t.has(n)&&(e.delete(n),o&&ts(h,o).catch(()=>{}))},300),()=>{nw.current&&clearTimeout(nw.current)}},[nt,h,nF,oc]);let op=(0,t.useRef)(new Map);(0,t.useLayoutEffect)(()=>{let e=nt?.sections??[],t=new Set;if((tY||tU)&&F)for(let n of e){t.add(n.id);try{let e=document.querySelector(n.selector);if(!e)continue;if(!op.current.has(n.id)){let t={transform:e.style.transform,transformOrigin:e.style.transformOrigin,opacity:e.style.opacity,position:e.style.position,zIndex:e.style.zIndex,display:e.style.display},o=[],r=e.parentElement;for(;r&&r!==document.body;){let e=getComputedStyle(r);("visible"!==e.overflow||"visible"!==e.overflowX||"visible"!==e.overflowY)&&(o.push({el:r,overflow:r.style.overflow}),r.style.overflow="visible"),r=r.parentElement}let s=getComputedStyle(e);"inline"===s.display&&(e.style.display="inline-block"),op.current.set(n.id,{el:e,origStyles:t,ancestors:o}),e.style.transformOrigin="top left",e.style.zIndex="9999"}}catch{}}for(let[e,n]of op.current)if(!t.has(e)){let{el:t,origStyles:o,ancestors:r}=n;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=o.transform,t.style.transformOrigin=o.transformOrigin,t.style.opacity=o.opacity,t.style.position=o.position,t.style.zIndex=o.zIndex,op.current.delete(e),D(()=>{for(let e of(t.style.transition="",t.style.display=o.display,r))e.el.style.overflow=e.overflow},450)}},[nt,tY,tU,F]),(0,t.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,D(()=>{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,t.useCallback)(()=>{tQ(!0),tX(!1),tK(null),clearTimeout(ny.current),ny.current=D(()=>{tQ(!1)},300)},[]),ox=(0,t.useCallback)(()=>{tY&&(tQ(!0),tX(!1),tK(null),clearTimeout(ny.current),ny.current=D(()=>{tQ(!1)},300)),X(!1)},[tY]),of=(0,t.useCallback)(()=>{tb||(!function(){if("u"<typeof document||W.frozen)return;W.frozen=!0,W.frozenTimeoutQueue=[],W.frozenRAFQueue=[];let e=document.getElementById(E);e||((e=document.createElement("style")).id=E),e.textContent=`
     *${N},
     *${N}::before,
     *${N}::after {
       animation-play-state: paused !important;
       transition: none !important;
     }
-  `,document.head.appendChild(e),W.pausedAnimations=[];try{document.getAnimations().forEach(e=>{var t;"running"===e.playState&&((t=e.effect?.target)&&B.some(e=>!!t.closest?.(`[${e}]`))||(e.pause(),W.pausedAnimations.push(e)))})}catch{}document.querySelectorAll("video").forEach(e=>{e.paused||(e.dataset.wasPaused="false",e.pause())})}(),tw(!0))},[tb]),ob=(0,t.useCallback)(()=>{tb&&(T(),tw(!1))},[tb]),ow=(0,t.useCallback)(()=>{tb?ob():of()},[tb,of,ob]),ov=(0,t.useCallback)(()=>{if(0===nN.length)return;let e=nN[0],t=e.element,n=nN.length>1,o=nN.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=nN.slice(0,5).map(e=>e.name).join(", "),r=nN.length>5?` +${nN.length-5} more`:"",s=o.map(e=>({x:e.left,y:e.top+window.scrollY,width:e.width,height:e.height})),l=nN[nN.length-1].element,i=o[o.length-1],a=i.left+i.width/2,d=i.top+i.height/2,_=tP(l);ex({x:a/window.innerWidth*100,y:_?d:d+window.scrollY,clientY:d,element:`${nN.length} elements: ${n}${r}`,elementPath:"multi-select",boundingBox:{x:e.left,y:e.top+window.scrollY,width:e.right-e.left,height:e.bottom-e.top},isMultiSelect:!0,isFixed:_,elementBoundingBoxes:s,multiSelectElements:nN.map(e=>e.element),targetElement:l,fullPath:ek(t),accessibility:ev(t),computedStyles:ew(t),computedStylesObj:ef(t),nearbyElements:eu(t),cssClasses:eh(t),nearbyText:ec(t),sourceFile:tO(t)})}else{let n=o[0],r=tP(t);ex({x:n.left/window.innerWidth*100,y:r?n.top:n.top+window.scrollY,clientY:n.top,element:e.name,elementPath:e.path,boundingBox:{x:n.left,y:r?n.top:n.top+window.scrollY,width:n.width,height:n.height},isFixed:r,fullPath:ek(t),accessibility:ev(t),computedStyles:ew(t),computedStylesObj:ef(t),nearbyElements:eu(t),cssClasses:eh(t),nearbyText:ec(t),reactComponents:e.reactComponents,sourceFile:tO(t)})}nE([]),em(null)},[nN]);(0,t.useEffect)(()=>{!F&&(ex(null),ti(null),td(null),tc([]),em(null),tk(!1),nE([]),nR.current={cmd:!1,shift:!1},tb&&ob())},[F,tb,ob]),(0,t.useEffect)(()=>()=>{T()},[]),(0,t.useEffect)(()=>{if(!F)return;let e=":not([data-agentation-root]):not([data-agentation-root] *)",t=document.createElement("style");return t.id="feedback-cursor-styles",t.textContent=`
+  `,document.head.appendChild(e),W.pausedAnimations=[];try{document.getAnimations().forEach(e=>{var t;"running"===e.playState&&((t=e.effect?.target)&&B.some(e=>!!t.closest?.(`[${e}]`))||(e.pause(),W.pausedAnimations.push(e)))})}catch{}document.querySelectorAll("video").forEach(e=>{e.paused||(e.dataset.wasPaused="false",e.pause())})}(),tw(!0))},[tb]),ob=(0,t.useCallback)(()=>{tb&&(T(),tw(!1))},[tb]),ow=(0,t.useCallback)(()=>{tb?ob():of()},[tb,of,ob]),ov=(0,t.useCallback)(()=>{if(0===nN.length)return;let e=nN[0],t=e.element,n=nN.length>1,o=nN.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=nN.slice(0,5).map(e=>e.name).join(", "),r=nN.length>5?` +${nN.length-5} more`:"",s=o.map(e=>({x:e.left,y:e.top+window.scrollY,width:e.width,height:e.height})),l=nN[nN.length-1].element,i=o[o.length-1],a=i.left+i.width/2,d=i.top+i.height/2,_=tz(l);ex({x:a/window.innerWidth*100,y:_?d:d+window.scrollY,clientY:d,element:`${nN.length} elements: ${n}${r}`,elementPath:"multi-select",boundingBox:{x:e.left,y:e.top+window.scrollY,width:e.right-e.left,height:e.bottom-e.top},isMultiSelect:!0,isFixed:_,elementBoundingBoxes:s,multiSelectElements:nN.map(e=>e.element),targetElement:l,fullPath:ek(t),accessibility:ev(t),computedStyles:ew(t),computedStylesObj:ef(t),nearbyElements:eu(t),cssClasses:eh(t),nearbyText:ec(t),sourceFile:tO(t)})}else{let n=o[0],r=tz(t);ex({x:n.left/window.innerWidth*100,y:r?n.top:n.top+window.scrollY,clientY:n.top,element:e.name,elementPath:e.path,boundingBox:{x:n.left,y:r?n.top:n.top+window.scrollY,width:n.width,height:n.height},isFixed:r,fullPath:ek(t),accessibility:ev(t),computedStyles:ew(t),computedStylesObj:ef(t),nearbyElements:eu(t),cssClasses:eh(t),nearbyText:ec(t),reactComponents:e.reactComponents,sourceFile:tO(t)})}nE([]),em(null)},[nN]);(0,t.useEffect)(()=>{!F&&(ex(null),ti(null),td(null),tc([]),em(null),tk(!1),nE([]),nR.current={cmd:!1,shift:!1},tb&&ob())},[F,tb,ob]),(0,t.useEffect)(()=>()=>{T()},[]),(0,t.useEffect)(()=>{if(!F)return;let e=":not([data-agentation-root]):not([data-agentation-root] *)",t=document.createElement("style");return t.id="feedback-cursor-styles",t.textContent=`
       body ${e} {
         cursor: crosshair !important;
       }
@@ -108,12 +108,12 @@
       body :is(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])${e} {
         cursor: text !important;
       }
-    `,document.head.appendChild(t),()=>{let e=document.getElementById("feedback-cursor-styles");e&&e.remove()}},[F]),(0,t.useEffect)(()=>{if(null!==nM&&F)return document.documentElement.setAttribute("data-drawing-hover",""),()=>document.documentElement.removeAttribute("data-drawing-hover")},[nM,F]),(0,t.useEffect)(()=>{if(!F||ey||nv||tY)return;let e=e=>{if(ea(e.composedPath()[0]||e.target,"[data-feedback-toolbar]"))return void em(null);let t=tz(e.clientX,e.clientY);if(!t||ea(t,"[data-feedback-toolbar]"))return void em(null);let{name:n,elementName:o,path:r,reactComponents:s}=tN(t,"off");em({element:n,elementName:o,elementPath:r,rect:t.getBoundingClientRect(),reactComponents:s}),ep({x:e.clientX,y:e.clientY})};return document.addEventListener("mousemove",e),()=>document.removeEventListener("mousemove",e)},[F,ey,nv,tY,"off",nj]);let ok=(0,t.useCallback)(e=>{if(ti(e),eA(null),eH(null),eX([]),e.elementBoundingBoxes?.length){let t=[];for(let n of e.elementBoundingBoxes){let e=tz(n.x+n.width/2,n.y+n.height/2-window.scrollY);e&&t.push(e)}tc(t),td(null)}else if(e.boundingBox){let t=e.boundingBox,n=tz(t.x+t.width/2,e.isFixed?t.y+t.height/2:t.y+t.height/2-window.scrollY);if(n){let e=n.getBoundingClientRect(),o=e.width/t.width,r=e.height/t.height;o<.5||r<.5?td(null):td(n)}else td(null);tc([])}else td(null),tc([])},[]);(0,t.useEffect)(()=>{if(!F||nv||tY)return;let e=e=>{let t;if(or.current){or.current=!1;return}let n=e.composedPath()[0]||e.target;if(ea(n,"[data-feedback-toolbar]")||ea(n,"[data-annotation-popup]")||ea(n,"[data-annotation-marker]"))return;if(e.metaKey&&e.shiftKey&&!ey&&!tl){e.preventDefault(),e.stopPropagation();let t=tz(e.clientX,e.clientY);if(!t)return;let n=t.getBoundingClientRect(),{name:o,path:r,reactComponents:s}=tN(t,"off"),l=nN.findIndex(e=>e.element===t);l>=0?nE(e=>e.filter((e,t)=>t!==l)):nE(e=>[...e,{element:t,rect:n,name:o,path:r,reactComponents:s??void 0}]);return}let o=ea(n,"button, a, input, select, textarea, [role='button'], [onclick]");if(nD.blockInteractions&&o&&(e.preventDefault(),e.stopPropagation()),ey){if(o&&!nD.blockInteractions)return;e.preventDefault(),oa.current?.shake();return}if(tl){if(o&&!nD.blockInteractions)return;e.preventDefault(),od.current?.shake();return}e.preventDefault();let r=tz(e.clientX,e.clientY);if(!r)return;let{name:s,path:l,reactComponents:i}=tN(r,"off"),a=r.getBoundingClientRect(),d=e.clientX/window.innerWidth*100,_=tP(r),c=_?e.clientY:e.clientY+window.scrollY,u=window.getSelection();u&&u.toString().trim().length>0&&(t=u.toString().trim().slice(0,500));let h=ef(r),m=ew(r);ex({x:d,y:c,clientY:e.clientY,element:s,elementPath:l,selectedText:t,boundingBox:{x:a.left,y:_?a.top:a.top+window.scrollY,width:a.width,height:a.height},nearbyText:ec(r),cssClasses:eh(r),isFixed:_,fullPath:ek(r),accessibility:ev(r),computedStyles:m,computedStylesObj:h,nearbyElements:eu(r),reactComponents:i??void 0,sourceFile:tO(r),targetElement:r}),em(null)};return document.addEventListener("click",e,!0),()=>document.removeEventListener("click",e,!0)},[F,nv,tY,ey,tl,nD.blockInteractions,"off",nN]),(0,t.useEffect)(()=>{if(!F)return;let e=e=>{"Meta"===e.key&&(nR.current.cmd=!0),"Shift"===e.key&&(nR.current.shift=!0)},t=e=>{let t=nR.current.cmd&&nR.current.shift;"Meta"===e.key&&(nR.current.cmd=!1),"Shift"===e.key&&(nR.current.shift=!1);let n=nR.current.cmd&&nR.current.shift;t&&!n&&nN.length>0&&ov()},n=()=>{nR.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)}},[F,nN,ov]),(0,t.useEffect)(()=>{if(!F||ey||nv||tY)return;let e=e=>{let t=e.composedPath()[0]||e.target;ea(t,"[data-feedback-toolbar]")||ea(t,"[data-annotation-marker]")||ea(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)},[F,ey,nv,tY]),(0,t.useEffect)(()=>{if(!F||ey)return;let e=e=>{if(!oe.current)return;let t=e.clientX-oe.current.x,n=e.clientY-oe.current.y,o=t*t+n*n;if(!n7&&o>=64&&(ot.current=oe.current,n9(!0),e.preventDefault()),(n7||o>=64)&&ot.current){if(on.current){let t=Math.min(ot.current.x,e.clientX),n=Math.min(ot.current.y,e.clientY),o=Math.abs(e.clientX-ot.current.x),r=Math.abs(e.clientY-ot.current.y);on.current.style.transform=`translate(${t}px, ${n}px)`,on.current.style.width=`${o}px`,on.current.style.height=`${r}px`}let t=Date.now();if(t-os.current<50)return;os.current=t;let n=ot.current.x,o=ot.current.y,r=Math.min(n,e.clientX),s=Math.min(o,e.clientY),l=Math.max(n,e.clientX),i=Math.max(o,e.clientY),a=(r+l)/2,d=(s+i)/2,_=new Set;for(let[e,t]of[[r,s],[l,s],[r,i],[l,i],[a,d],[a,s],[a,i],[r,d],[l,d]])for(let n of document.elementsFromPoint(e,t))n instanceof HTMLElement&&_.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,a=n>=r&&n<=l&&o>=s&&o<=i,d=Math.min(t.right,l)-Math.max(t.left,r),c=Math.min(t.bottom,i)-Math.max(t.top,s),u=d>0&&c>0?d*c:0,h=t.width*t.height,m=h>0?u/h:0;(a||m>.5)&&_.add(e)}let c=[],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 _){if(ea(e,"[data-feedback-toolbar]")||ea(e,"[data-annotation-marker]"))continue;let t=e.getBoundingClientRect();if((!(t.width>.8*window.innerWidth)||!(t.height>.5*window.innerHeight))&&!(t.width<10)&&!(t.height<10)&&t.left<l&&t.right>r&&t.top<i&&t.bottom>s){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 c)if(n.left<=t.left&&n.right>=t.right&&n.top<=t.top&&n.bottom>=t.bottom){e=!0;break}e||c.push(t)}}}if(oo.current){let e=oo.current;for(;e.children.length>c.length;)e.removeChild(e.lastChild);c.forEach((t,n)=>{let o=e.children[n];o||((o=document.createElement("div")).className=tp.selectedElementHighlight,e.appendChild(o)),o.style.transform=`translate(${t.left}px, ${t.top}px)`,o.style.width=`${t.width}px`,o.style.height=`${t.height}px`})}}};return document.addEventListener("mousemove",e,{passive:!0}),()=>document.removeEventListener("mousemove",e)},[F,ey,n7,8]),(0,t.useEffect)(()=>{if(!F)return;let e=e=>{let t=ot.current;if(n7&&t){or.current=!0;let n=Math.min(t.x,e.clientX),o=Math.min(t.y,e.clientY),r=Math.max(t.x,e.clientX),s=Math.max(t.y,e.clientY),l=[];document.querySelectorAll("button, a, input, img, p, h1, h2, h3, h4, h5, h6, li, label, td, th").forEach(e=>{if(!(e instanceof HTMLElement)||ea(e,"[data-feedback-toolbar]")||ea(e,"[data-annotation-marker]"))return;let t=e.getBoundingClientRect();t.width>.8*window.innerWidth&&t.height>.5*window.innerHeight||!(t.width<10)&&!(t.height<10)&&t.left<r&&t.right>n&&t.top<s&&t.bottom>o&&l.push({element:e,rect:t})});let i=l.filter(({element:e})=>!l.some(({element:t})=>t!==e&&e.contains(t))),a=e.clientX/window.innerWidth*100,d=e.clientY+window.scrollY;if(i.length>0){let t=i.reduce((e,{rect:t})=>({left:Math.min(e.left,t.left),top:Math.min(e.top,t.top),right:Math.max(e.right,t.right),bottom:Math.max(e.bottom,t.bottom)}),{left:1/0,top:1/0,right:-1/0,bottom:-1/0}),n=i.slice(0,5).map(({element:e})=>e_(e).name).join(", "),o=i.length>5?` +${i.length-5} more`:"",r=i[0].element,s=ef(r),l=ew(r);ex({x:a,y:d,clientY:e.clientY,element:`${i.length} elements: ${n}${o}`,elementPath:"multi-select",boundingBox:{x:t.left,y:t.top+window.scrollY,width:t.right-t.left,height:t.bottom-t.top},isMultiSelect:!0,fullPath:ek(r),accessibility:ev(r),computedStyles:l,computedStylesObj:s,nearbyElements:eu(r),cssClasses:eh(r),nearbyText:ec(r),sourceFile:tO(r)})}else{let t=Math.abs(r-n),l=Math.abs(s-o);t>20&&l>20&&ex({x:a,y:d,clientY:e.clientY,element:"Area selection",elementPath:`region at (${Math.round(n)}, ${Math.round(o)})`,boundingBox:{x:n,y:o+window.scrollY,width:t,height:l},isMultiSelect:!0})}em(null)}else n7&&(or.current=!0);oe.current=null,ot.current=null,n9(!1),oo.current&&(oo.current.innerHTML="")};return document.addEventListener("mouseup",e),()=>document.removeEventListener("mouseup",e)},[F,n7]);let oj=(0,t.useCallback)(async(e,t,n)=>{let o=nD.webhookUrl||k;if(!o||!nD.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:"u">typeof window?window.location.href:void 0,...t})})).ok}catch(e){return console.warn("[Agentation] Webhook failed:",e),!1}},[k,nD.webhookUrl,nD.webhooksEnabled]),oC=(0,t.useCallback)(e=>{if(!ey)return;let t={id:Date.now().toString(),x:ey.x,y:ey.y,comment:e,element:ey.element,elementPath:ey.elementPath,timestamp:Date.now(),selectedText:ey.selectedText,boundingBox:ey.boundingBox,nearbyText:ey.nearbyText,cssClasses:ey.cssClasses,isMultiSelect:ey.isMultiSelect,isFixed:ey.isFixed,fullPath:ey.fullPath,accessibility:ey.accessibility,computedStyles:ey.computedStyles,nearbyElements:ey.nearbyElements,reactComponents:ey.reactComponents,sourceFile:ey.sourceFile,elementBoundingBoxes:ey.elementBoundingBoxes,...h&&nF?{sessionId:nF,url:"u">typeof window?window.location.href:void 0,status:"pending"}:{}};Q(e=>[...e,t]),ol.current=t.id,D(()=>{ol.current=null},300),D(()=>{n1(e=>new Set(e).add(t.id))},250),l?.(t),oj("annotation.add",{annotation:t}),n6(!0),D(()=>{ex(null),n6(!1)},150),window.getSelection()?.removeAllRanges(),h&&nF&&to(h,nF,t).then(e=>{e.id!==t.id&&(Q(n=>n.map(n=>n.id===t.id?{...n,id:e.id}:n)),n1(n=>{let o=new Set(n);return o.delete(t.id),o.add(e.id),o}))}).catch(e=>{console.warn("[Agentation] Failed to sync annotation:",e)})},[ey,l,oj,h,nF]),oM=(0,t.useCallback)(()=>{n6(!0),D(()=>{ex(null),n6(!1)},150)},[]),oS=(0,t.useCallback)(e=>{let t=U.findIndex(t=>t.id===e),n=U[t];tl?.id===e&&(n8(!0),D(()=>{ti(null),td(null),tc([]),n8(!1)},150)),eQ(e),n2(t=>new Set(t).add(e)),n&&(i?.(n),oj("annotation.delete",{annotation:n})),h&&ts(h,e).catch(e=>{console.warn("[Agentation] Failed to delete annotation from server:",e)}),D(()=>{Q(t=>t.filter(t=>t.id!==e)),n2(t=>{let n=new Set(t);return n.delete(e),n}),eQ(null),t<U.length-1&&(e8(t),D(()=>e8(null),200))},150)},[U,tl,i,oj,h]),o$=(0,t.useCallback)(e=>{if(!e){eA(null),eH(null),eX([]);return}if(eA(e.id),e.elementBoundingBoxes?.length){let t=[];for(let n of e.elementBoundingBoxes){let e=n.x+n.width/2,o=n.y+n.height/2-window.scrollY,r=document.elementsFromPoint(e,o).find(e=>!e.closest("[data-annotation-marker]")&&!e.closest("[data-agentation-root]"));r&&t.push(r)}eX(t),eH(null)}else if(e.boundingBox){let t=e.boundingBox,n=tz(t.x+t.width/2,e.isFixed?t.y+t.height/2:t.y+t.height/2-window.scrollY);if(n){let e=n.getBoundingClientRect(),o=e.width/t.width,r=e.height/t.height;o<.5||r<.5?eH(null):eH(n)}else eH(null);eX([])}else eH(null),eX([])},[]),oL=(0,t.useCallback)(e=>{if(!tl)return;let t={...tl,comment:e};Q(e=>e.map(e=>e.id===tl.id?t:e)),a?.(t),oj("annotation.update",{annotation:t}),h&&tr(h,tl.id,{comment:e}).catch(e=>{console.warn("[Agentation] Failed to update annotation on server:",e)}),n8(!0),D(()=>{ti(null),td(null),tc([]),n8(!1)},150)},[tl,a,oj,h]),oI=(0,t.useCallback)(()=>{n8(!0),D(()=>{ti(null),td(null),tc([]),n8(!1)},150)},[]),oB=(0,t.useCallback)(()=>{let e=U.length,t=tq.length>0||!!nt;if(0===e&&0===nj.length&&!t)return;if(d?.(U),oj("annotations.clear",{annotations:U}),h){for(let[,e]of(Promise.all(U.map(e=>ts(h,e.id).catch(e=>{console.warn("[Agentation] Failed to delete annotation from server:",e)}))),nf.current))e&&ts(h,e).catch(()=>{});for(let[,e]of(nf.current.clear(),nb.current))e&&ts(h,e).catch(()=>{});nb.current.clear()}eP(!0),eD(!0),nC([]);let n=n$.current;if(n){let e=n.getContext("2d");e&&e.clearRect(0,0,n.width,n.height)}(tq.length>0||nt)&&(nc(e=>e+1),nh(e=>e+1),D(()=>{tV([]),nn(null)},200)),tG&&t0(!1),t8&&t7(""),ns.current={rearrange:null,placements:[]},e3(oc),D(()=>{Q([]),n1(new Set),localStorage.removeItem(eJ(oc)),eP(!1)},30*e+200),D(()=>eD(!1),1500)},[oc,U,nj,tq,nt,tG,t8,d,oj,h]),oN=(0,t.useCallback)(async()=>{let e,t="u">typeof window?window.location.pathname+window.location.search+window.location.hash:oc,n=tY&&tG;if(n){if(0===tq.length&&!nt&&!t8)return;e=""}else{if(!(e=tx(U,t,nD.outputDetail))&&0===nj.length&&0===tq.length&&!nt)return;e||(e=`## Page Feedback: ${t}
-`)}if(!n&&nj.length>0){let t=new Set;for(let e of U)null!=e.drawingIndex&&t.add(e.drawingIndex);let n=n$.current;n&&(n.style.visibility="hidden");let o=[],r=window.scrollY;for(let e=0;e<nj.length;e++){let n,s;if(t.has(e))continue;let l=nj[e];if(l.points.length<2)continue;let i=l.fixed?l.points:l.points.map(e=>({x:e.x,y:e.y-r})),a=1/0,d=1/0,_=-1/0,c=-1/0;for(let e of i)a=Math.min(a,e.x),d=Math.min(d,e.y),_=Math.max(_,e.x),c=Math.max(c,e.y);let u=_-a,h=c-d,m=Math.hypot(u,h),g=i[0],p=i[i.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 i){let o=n.x-a<e,r=_-n.x<e,s=n.y-d<e,l=c-n.y<e;(o||r)&&(s||l)&&t++}n=t>.15*i.length?"box":"circle"}else n=x>3&&h<40?"underline":y>.5*m?"arrow":"drawing";let f=Math.min(10,i.length),b=Math.max(1,Math.floor(i.length/f)),w=new Set,v=[],k=[g];for(let e=b;e<i.length-1;e+=b)k.push(i[e]);for(let e of(k.push(p),k)){let t=tz(e.x,e.y);if(!t||w.has(t)||ea(t,"[data-feedback-toolbar]"))continue;w.add(t);let{name:n}=e_(t);v.includes(n)||v.push(n)}let j=`${Math.round(a)},${Math.round(d)} \u2192 ${Math.round(_)},${Math.round(c)}`;if(("circle"===n||"box"===n)&&v.length>0){let e="box"===n?"Boxed":"Circled";s=`${e} **${v[0]}**${v.length>1?` (and ${v.slice(1).join(", ")})`:""} (region: ${j})`}else s="underline"===n&&v.length>0?`Underlined **${v[0]}** (${j})`:"arrow"===n&&v.length>=2?`Arrow from **${v[0]}** to **${v[v.length-1]}** (${Math.round(g.x)},${Math.round(g.y)} \u2192 ${Math.round(p.x)},${Math.round(p.y)})`:v.length>0?`${"arrow"===n?"Arrow":"Drawing"} near **${v.join("**, **")}** (region: ${j})`:`Drawing at ${j}`;o.push(s)}n&&(n.style.visibility=""),o.length>0&&(e+=`
+    `,document.head.appendChild(t),()=>{let e=document.getElementById("feedback-cursor-styles");e&&e.remove()}},[F]),(0,t.useEffect)(()=>{if(null!==nS&&F)return document.documentElement.setAttribute("data-drawing-hover",""),()=>document.documentElement.removeAttribute("data-drawing-hover")},[nS,F]),(0,t.useEffect)(()=>{if(!F||ey||nv||tY)return;let e=e=>{if(ea(e.composedPath()[0]||e.target,"[data-feedback-toolbar]"))return void em(null);let t=tP(e.clientX,e.clientY);if(!t||ea(t,"[data-feedback-toolbar]"))return void em(null);let{name:n,elementName:o,path:r,reactComponents:s}=tN(t,"off");em({element:n,elementName:o,elementPath:r,rect:t.getBoundingClientRect(),reactComponents:s}),ep({x:e.clientX,y:e.clientY})};return document.addEventListener("mousemove",e),()=>document.removeEventListener("mousemove",e)},[F,ey,nv,tY,"off",nj]);let ok=(0,t.useCallback)(e=>{if(ti(e),eA(null),eH(null),eX([]),e.elementBoundingBoxes?.length){let t=[];for(let n of e.elementBoundingBoxes){let e=tP(n.x+n.width/2,n.y+n.height/2-window.scrollY);e&&t.push(e)}tc(t),td(null)}else if(e.boundingBox){let t=e.boundingBox,n=tP(t.x+t.width/2,e.isFixed?t.y+t.height/2:t.y+t.height/2-window.scrollY);if(n){let e=n.getBoundingClientRect(),o=e.width/t.width,r=e.height/t.height;o<.5||r<.5?td(null):td(n)}else td(null);tc([])}else td(null),tc([])},[]);(0,t.useEffect)(()=>{if(!F||nv||tY)return;let e=e=>{let t;if(or.current){or.current=!1;return}let n=e.composedPath()[0]||e.target;if(ea(n,"[data-feedback-toolbar]")||ea(n,"[data-annotation-popup]")||ea(n,"[data-annotation-marker]"))return;if(e.metaKey&&e.shiftKey&&!ey&&!tl){e.preventDefault(),e.stopPropagation();let t=tP(e.clientX,e.clientY);if(!t)return;let n=t.getBoundingClientRect(),{name:o,path:r,reactComponents:s}=tN(t,"off"),l=nN.findIndex(e=>e.element===t);l>=0?nE(e=>e.filter((e,t)=>t!==l)):nE(e=>[...e,{element:t,rect:n,name:o,path:r,reactComponents:s??void 0}]);return}let o=ea(n,"button, a, input, select, textarea, [role='button'], [onclick]");if(nD.blockInteractions&&o&&(e.preventDefault(),e.stopPropagation()),ey){if(o&&!nD.blockInteractions)return;e.preventDefault(),oa.current?.shake();return}if(tl){if(o&&!nD.blockInteractions)return;e.preventDefault(),od.current?.shake();return}e.preventDefault();let r=tP(e.clientX,e.clientY);if(!r)return;let{name:s,path:l,reactComponents:i}=tN(r,"off"),a=r.getBoundingClientRect(),d=e.clientX/window.innerWidth*100,_=tz(r),c=_?e.clientY:e.clientY+window.scrollY,u=window.getSelection();u&&u.toString().trim().length>0&&(t=u.toString().trim().slice(0,500));let h=ef(r),m=ew(r);ex({x:d,y:c,clientY:e.clientY,element:s,elementPath:l,selectedText:t,boundingBox:{x:a.left,y:_?a.top:a.top+window.scrollY,width:a.width,height:a.height},nearbyText:ec(r),cssClasses:eh(r),isFixed:_,fullPath:ek(r),accessibility:ev(r),computedStyles:m,computedStylesObj:h,nearbyElements:eu(r),reactComponents:i??void 0,sourceFile:tO(r),targetElement:r}),em(null)};return document.addEventListener("click",e,!0),()=>document.removeEventListener("click",e,!0)},[F,nv,tY,ey,tl,nD.blockInteractions,"off",nN]),(0,t.useEffect)(()=>{if(!F)return;let e=e=>{"Meta"===e.key&&(nR.current.cmd=!0),"Shift"===e.key&&(nR.current.shift=!0)},t=e=>{let t=nR.current.cmd&&nR.current.shift;"Meta"===e.key&&(nR.current.cmd=!1),"Shift"===e.key&&(nR.current.shift=!1);let n=nR.current.cmd&&nR.current.shift;t&&!n&&nN.length>0&&ov()},n=()=>{nR.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)}},[F,nN,ov]),(0,t.useEffect)(()=>{if(!F||ey||nv||tY)return;let e=e=>{let t=e.composedPath()[0]||e.target;ea(t,"[data-feedback-toolbar]")||ea(t,"[data-annotation-marker]")||ea(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)},[F,ey,nv,tY]),(0,t.useEffect)(()=>{if(!F||ey)return;let e=e=>{if(!oe.current)return;let t=e.clientX-oe.current.x,n=e.clientY-oe.current.y,o=t*t+n*n;if(!n7&&o>=64&&(ot.current=oe.current,n9(!0),e.preventDefault()),(n7||o>=64)&&ot.current){if(on.current){let t=Math.min(ot.current.x,e.clientX),n=Math.min(ot.current.y,e.clientY),o=Math.abs(e.clientX-ot.current.x),r=Math.abs(e.clientY-ot.current.y);on.current.style.transform=`translate(${t}px, ${n}px)`,on.current.style.width=`${o}px`,on.current.style.height=`${r}px`}let t=Date.now();if(t-os.current<50)return;os.current=t;let n=ot.current.x,o=ot.current.y,r=Math.min(n,e.clientX),s=Math.min(o,e.clientY),l=Math.max(n,e.clientX),i=Math.max(o,e.clientY),a=(r+l)/2,d=(s+i)/2,_=new Set;for(let[e,t]of[[r,s],[l,s],[r,i],[l,i],[a,d],[a,s],[a,i],[r,d],[l,d]])for(let n of document.elementsFromPoint(e,t))n instanceof HTMLElement&&_.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,a=n>=r&&n<=l&&o>=s&&o<=i,d=Math.min(t.right,l)-Math.max(t.left,r),c=Math.min(t.bottom,i)-Math.max(t.top,s),u=d>0&&c>0?d*c:0,h=t.width*t.height,m=h>0?u/h:0;(a||m>.5)&&_.add(e)}let c=[],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 _){if(ea(e,"[data-feedback-toolbar]")||ea(e,"[data-annotation-marker]"))continue;let t=e.getBoundingClientRect();if((!(t.width>.8*window.innerWidth)||!(t.height>.5*window.innerHeight))&&!(t.width<10)&&!(t.height<10)&&t.left<l&&t.right>r&&t.top<i&&t.bottom>s){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 c)if(n.left<=t.left&&n.right>=t.right&&n.top<=t.top&&n.bottom>=t.bottom){e=!0;break}e||c.push(t)}}}if(oo.current){let e=oo.current;for(;e.children.length>c.length;)e.removeChild(e.lastChild);c.forEach((t,n)=>{let o=e.children[n];o||((o=document.createElement("div")).className=tp.selectedElementHighlight,e.appendChild(o)),o.style.transform=`translate(${t.left}px, ${t.top}px)`,o.style.width=`${t.width}px`,o.style.height=`${t.height}px`})}}};return document.addEventListener("mousemove",e,{passive:!0}),()=>document.removeEventListener("mousemove",e)},[F,ey,n7,8]),(0,t.useEffect)(()=>{if(!F)return;let e=e=>{let t=ot.current;if(n7&&t){or.current=!0;let n=Math.min(t.x,e.clientX),o=Math.min(t.y,e.clientY),r=Math.max(t.x,e.clientX),s=Math.max(t.y,e.clientY),l=[];document.querySelectorAll("button, a, input, img, p, h1, h2, h3, h4, h5, h6, li, label, td, th").forEach(e=>{if(!(e instanceof HTMLElement)||ea(e,"[data-feedback-toolbar]")||ea(e,"[data-annotation-marker]"))return;let t=e.getBoundingClientRect();t.width>.8*window.innerWidth&&t.height>.5*window.innerHeight||!(t.width<10)&&!(t.height<10)&&t.left<r&&t.right>n&&t.top<s&&t.bottom>o&&l.push({element:e,rect:t})});let i=l.filter(({element:e})=>!l.some(({element:t})=>t!==e&&e.contains(t))),a=e.clientX/window.innerWidth*100,d=e.clientY+window.scrollY;if(i.length>0){let t=i.reduce((e,{rect:t})=>({left:Math.min(e.left,t.left),top:Math.min(e.top,t.top),right:Math.max(e.right,t.right),bottom:Math.max(e.bottom,t.bottom)}),{left:1/0,top:1/0,right:-1/0,bottom:-1/0}),n=i.slice(0,5).map(({element:e})=>e_(e).name).join(", "),o=i.length>5?` +${i.length-5} more`:"",r=i[0].element,s=ef(r),l=ew(r);ex({x:a,y:d,clientY:e.clientY,element:`${i.length} elements: ${n}${o}`,elementPath:"multi-select",boundingBox:{x:t.left,y:t.top+window.scrollY,width:t.right-t.left,height:t.bottom-t.top},isMultiSelect:!0,fullPath:ek(r),accessibility:ev(r),computedStyles:l,computedStylesObj:s,nearbyElements:eu(r),cssClasses:eh(r),nearbyText:ec(r),sourceFile:tO(r)})}else{let t=Math.abs(r-n),l=Math.abs(s-o);t>20&&l>20&&ex({x:a,y:d,clientY:e.clientY,element:"Area selection",elementPath:`region at (${Math.round(n)}, ${Math.round(o)})`,boundingBox:{x:n,y:o+window.scrollY,width:t,height:l},isMultiSelect:!0})}em(null)}else n7&&(or.current=!0);oe.current=null,ot.current=null,n9(!1),oo.current&&(oo.current.innerHTML="")};return document.addEventListener("mouseup",e),()=>document.removeEventListener("mouseup",e)},[F,n7]);let oj=(0,t.useCallback)(async(e,t,n)=>{let o=nD.webhookUrl||k;if(!o||!nD.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:"u">typeof window?window.location.href:void 0,...t})})).ok}catch(e){return console.warn("[Agentation] Webhook failed:",e),!1}},[k,nD.webhookUrl,nD.webhooksEnabled]),oC=(0,t.useCallback)(e=>{if(!ey)return;let t={id:Date.now().toString(),x:ey.x,y:ey.y,comment:e,element:ey.element,elementPath:ey.elementPath,timestamp:Date.now(),selectedText:ey.selectedText,boundingBox:ey.boundingBox,nearbyText:ey.nearbyText,cssClasses:ey.cssClasses,isMultiSelect:ey.isMultiSelect,isFixed:ey.isFixed,fullPath:ey.fullPath,accessibility:ey.accessibility,computedStyles:ey.computedStyles,nearbyElements:ey.nearbyElements,reactComponents:ey.reactComponents,sourceFile:ey.sourceFile,elementBoundingBoxes:ey.elementBoundingBoxes,...h&&nF?{sessionId:nF,url:"u">typeof window?window.location.href:void 0,status:"pending"}:{}};Q(e=>[...e,t]),ol.current=t.id,D(()=>{ol.current=null},300),D(()=>{n1(e=>new Set(e).add(t.id))},250),l?.(t),oj("annotation.add",{annotation:t}),n6(!0),D(()=>{ex(null),n6(!1)},150),window.getSelection()?.removeAllRanges(),h&&nF&&to(h,nF,t).then(e=>{e.id!==t.id&&(Q(n=>n.map(n=>n.id===t.id?{...n,id:e.id}:n)),n1(n=>{let o=new Set(n);return o.delete(t.id),o.add(e.id),o}))}).catch(e=>{console.warn("[Agentation] Failed to sync annotation:",e)})},[ey,l,oj,h,nF]),oS=(0,t.useCallback)(()=>{n6(!0),D(()=>{ex(null),n6(!1)},150)},[]),oM=(0,t.useCallback)(e=>{let t=U.findIndex(t=>t.id===e),n=U[t];tl?.id===e&&(n8(!0),D(()=>{ti(null),td(null),tc([]),n8(!1)},150)),eQ(e),n2(t=>new Set(t).add(e)),n&&(i?.(n),oj("annotation.delete",{annotation:n})),h&&ts(h,e).catch(e=>{console.warn("[Agentation] Failed to delete annotation from server:",e)}),D(()=>{Q(t=>t.filter(t=>t.id!==e)),n2(t=>{let n=new Set(t);return n.delete(e),n}),eQ(null),t<U.length-1&&(e8(t),D(()=>e8(null),200))},150)},[U,tl,i,oj,h]),o$=(0,t.useCallback)(e=>{if(!e){eA(null),eH(null),eX([]);return}if(eA(e.id),e.elementBoundingBoxes?.length){let t=[];for(let n of e.elementBoundingBoxes){let e=n.x+n.width/2,o=n.y+n.height/2-window.scrollY,r=document.elementsFromPoint(e,o).find(e=>!e.closest("[data-annotation-marker]")&&!e.closest("[data-agentation-root]"));r&&t.push(r)}eX(t),eH(null)}else if(e.boundingBox){let t=e.boundingBox,n=tP(t.x+t.width/2,e.isFixed?t.y+t.height/2:t.y+t.height/2-window.scrollY);if(n){let e=n.getBoundingClientRect(),o=e.width/t.width,r=e.height/t.height;o<.5||r<.5?eH(null):eH(n)}else eH(null);eX([])}else eH(null),eX([])},[]),oL=(0,t.useCallback)(e=>{if(!tl)return;let t={...tl,comment:e};Q(e=>e.map(e=>e.id===tl.id?t:e)),a?.(t),oj("annotation.update",{annotation:t}),h&&tr(h,tl.id,{comment:e}).catch(e=>{console.warn("[Agentation] Failed to update annotation on server:",e)}),n8(!0),D(()=>{ti(null),td(null),tc([]),n8(!1)},150)},[tl,a,oj,h]),oI=(0,t.useCallback)(()=>{n8(!0),D(()=>{ti(null),td(null),tc([]),n8(!1)},150)},[]),oB=(0,t.useCallback)(()=>{let e=U.length,t=tq.length>0||!!nt;if(0===e&&0===nj.length&&!t)return;if(d?.(U),oj("annotations.clear",{annotations:U}),h){for(let[,e]of(Promise.all(U.map(e=>ts(h,e.id).catch(e=>{console.warn("[Agentation] Failed to delete annotation from server:",e)}))),nf.current))e&&ts(h,e).catch(()=>{});for(let[,e]of(nf.current.clear(),nb.current))e&&ts(h,e).catch(()=>{});nb.current.clear()}ez(!0),eD(!0),nC([]);let n=n$.current;if(n){let e=n.getContext("2d");e&&e.clearRect(0,0,n.width,n.height)}(tq.length>0||nt)&&(nc(e=>e+1),nh(e=>e+1),D(()=>{tV([]),nn(null)},200)),tG&&t0(!1),t8&&t7(""),ns.current={rearrange:null,placements:[]},e3(oc),D(()=>{Q([]),n1(new Set),localStorage.removeItem(eJ(oc)),ez(!1)},30*e+200),D(()=>eD(!1),1500)},[oc,U,nj,tq,nt,tG,t8,d,oj,h]),oN=(0,t.useCallback)(async()=>{let e,t="u">typeof window?window.location.pathname+window.location.search+window.location.hash:oc,n=tY&&tG;if(n){if(0===tq.length&&!nt&&!t8)return;e=""}else{if(!(e=tx(U,t,nD.outputDetail))&&0===nj.length&&0===tq.length&&!nt)return;e||(e=`## Page Feedback: ${t}
+`)}if(!n&&nj.length>0){let t=new Set;for(let e of U)null!=e.drawingIndex&&t.add(e.drawingIndex);let n=n$.current;n&&(n.style.visibility="hidden");let o=[],r=window.scrollY;for(let e=0;e<nj.length;e++){let n,s;if(t.has(e))continue;let l=nj[e];if(l.points.length<2)continue;let i=l.fixed?l.points:l.points.map(e=>({x:e.x,y:e.y-r})),a=1/0,d=1/0,_=-1/0,c=-1/0;for(let e of i)a=Math.min(a,e.x),d=Math.min(d,e.y),_=Math.max(_,e.x),c=Math.max(c,e.y);let u=_-a,h=c-d,m=Math.hypot(u,h),g=i[0],p=i[i.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 i){let o=n.x-a<e,r=_-n.x<e,s=n.y-d<e,l=c-n.y<e;(o||r)&&(s||l)&&t++}n=t>.15*i.length?"box":"circle"}else n=x>3&&h<40?"underline":y>.5*m?"arrow":"drawing";let f=Math.min(10,i.length),b=Math.max(1,Math.floor(i.length/f)),w=new Set,v=[],k=[g];for(let e=b;e<i.length-1;e+=b)k.push(i[e]);for(let e of(k.push(p),k)){let t=tP(e.x,e.y);if(!t||w.has(t)||ea(t,"[data-feedback-toolbar]"))continue;w.add(t);let{name:n}=e_(t);v.includes(n)||v.push(n)}let j=`${Math.round(a)},${Math.round(d)} \u2192 ${Math.round(_)},${Math.round(c)}`;if(("circle"===n||"box"===n)&&v.length>0){let e="box"===n?"Boxed":"Circled";s=`${e} **${v[0]}**${v.length>1?` (and ${v.slice(1).join(", ")})`:""} (region: ${j})`}else s="underline"===n&&v.length>0?`Underlined **${v[0]}** (${j})`:"arrow"===n&&v.length>=2?`Arrow from **${v[0]}** to **${v[v.length-1]}** (${Math.round(g.x)},${Math.round(g.y)} \u2192 ${Math.round(p.x)},${Math.round(p.y)})`:v.length>0?`${"arrow"===n?"Arrow":"Drawing"} near **${v.join("**, **")}** (region: ${j})`:`Drawing at ${j}`;o.push(s)}n&&(n.style.visibility=""),o.length>0&&(e+=`
 **Drawings:**
 `,o.forEach((t,n)=>{e+=`${n+1}. ${t}
-`}))}if((tq.length>0||n&&t8)&&(e+="\n"+eV(tq,{width:window.innerWidth,height:window.innerHeight},{blankCanvas:tG,wireframePurpose:t8||void 0},nD.outputDetail)),nt){let t=eZ(nt,nD.outputDetail,{width:window.innerWidth,height:window.innerHeight});t&&(e+="\n"+t)}if(u)try{await navigator.clipboard.writeText(e)}catch{}_?.(e),eM(!0),D(()=>eM(!1),2e3),nD.autoClearAfterCopy&&D(()=>oB(),500)},[U,nj,tq,nt,tG,tY,t6,t8,oc,nD.outputDetail,"off",nD.autoClearAfterCopy,oB,u,_]),oE=(0,t.useCallback)(async()=>{let e="u">typeof window?window.location.pathname+window.location.search+window.location.hash:oc,t=tx(U,e,nD.outputDetail);if(!t&&0===tq.length&&!nt)return;if(t||(t=`## Page Feedback: ${e}
-`),tq.length>0&&(t+="\n"+eV(tq,{width:window.innerWidth,height:window.innerHeight},{blankCanvas:tG,wireframePurpose:t8||void 0},nD.outputDetail)),nt){let e=eZ(nt,nD.outputDetail,{width:window.innerWidth,height:window.innerHeight});e&&(t+="\n"+e)}c&&c(t,U),eR("sending"),await new Promise(e=>D(e,150));let n=await oj("submit",{output:t,annotations:U},!0);eR(n?"sent":"failed"),D(()=>eR("idle"),2500),n&&nD.autoClearAfterCopy&&D(()=>oB(),500)},[c,oj,U,tq,nt,tG,t6,oc,nD.outputDetail,"off",nD.autoClearAfterCopy,oB]);(0,t.useEffect)(()=>{if(!nK)return;let e=e=>{let t=e.clientX-nK.x,n=e.clientY-nK.y,o=Math.sqrt(t*t+n*n);if(!nV&&o>10&&nZ(!0),nV||o>10){let e=nK.toolbarX+t,o=nK.toolbarY+n;nq({x:e=Math.max(20-(337-(F?"connected"===nX?297:257:44)),Math.min(window.innerWidth-20-337,e)),y:o=Math.max(20,Math.min(window.innerHeight-44-20,o))})}},t=()=>{nV&&(nG.current=!0),nZ(!1),nJ(null)};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",t),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",t)}},[nK,nV,F,nX]);let oR=(0,t.useCallback)(e=>{if(e.target.closest("button")||e.target.closest("[data-agentation-settings-panel]"))return;let t=e.currentTarget.parentElement;if(!t)return;let n=t.getBoundingClientRect(),o=nQ?.x??n.left,r=nQ?.y??n.top;nJ({x:e.clientX,y:e.clientY,toolbarX:o,toolbarY:r})},[nQ]);if((0,t.useEffect)(()=>{if(!nQ)return;let e=()=>{let e=nQ.x,t=nQ.y;e=Math.max(20-(337-(F?"connected"===nX?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)&&nq({x:e,y:t})};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[nQ,F,nX]),(0,t.useEffect)(()=>{let e=e=>{let t=e.target,n="INPUT"===t.tagName||"TEXTAREA"===t.tagName||t.isContentEditable;if("Escape"===e.key){if(tY)return void(tZ?tK(null):oy());if(nv)return void nk(!1);if(nN.length>0)return void nE([]);ey||F&&(nW(),X(!1))}if((e.metaKey||e.ctrlKey)&&e.shiftKey&&("f"===e.key||"F"===e.key)){e.preventDefault(),nW(),F?ox():X(!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),tv&&tk(!1),ey&&oM(),tY?oy():tX(!0)),("h"===e.key||"H"===e.key)&&U.length>0&&(e.preventDefault(),nW(),V(e=>!e)),("c"===e.key||"C"===e.key)&&(U.length>0||tq.length>0||nt)&&(e.preventDefault(),nW(),oN()),("x"===e.key||"X"===e.key)&&(U.length>0||tq.length>0||nt)&&(e.preventDefault(),nW(),oB(),tq.length>0&&tV([]),nt&&nn(null)),"s"===e.key||"S"===e.key)){let t=tW(nD.webhookUrl)||tW(k||"");U.length>0&&t&&"idle"===eE&&(e.preventDefault(),nW(),oE())}};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[F,nv,tY,tZ,tq,nt,ey,U.length,nD.webhookUrl,k,eE,oE,ow,oN,oB,nN]),!ty||Z)return null;let oW=U.length>0,oD=U.filter(e=>!n5.has(e.id)&&"placement"!==e.kind&&"rearrange"!==e.kind),oz=oD.length>0,oP=U.filter(e=>n5.has(e.id)),oT=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% + 10px)");let r=t-100;if(r<10)o.left=`calc(50% + ${10-r}px)`;else if(r+200>window.innerWidth-10){let e=r+200-(window.innerWidth-10);o.left=`calc(50% - ${e}px)`}return o};return(0,n.createPortal)((0,o.jsxs)("div",{ref:en,style:{display:"contents"},"data-agentation-theme":nP?"dark":"light","data-agentation-accent":nD.annotationColorId,"data-agentation-root":"",children:[(0,o.jsx)("div",{className:`${tp.toolbar}${C?` ${C}`:""}`,"data-feedback-toolbar":!0,"data-agentation-toolbar":!0,style:nQ?{left:nQ.x,top:nQ.y,right:"auto",bottom:"auto"}:void 0,children:(0,o.jsxs)("div",{className:`${tp.toolbarContainer} ${F?tp.expanded:tp.collapsed} ${nO?tp.entrance:""} ${G?tp.hiding:""} ${!nD.webhooksEnabled&&(tW(nD.webhookUrl)||tW(k||""))?tp.serverConnected:""}`,onClick:F?void 0:e=>{if(nG.current){nG.current=!1,e.preventDefault();return}X(!0)},onMouseDown:oR,role:F?void 0:"button",tabIndex:F?-1:0,title:F?void 0:"Start feedback mode",children:[(0,o.jsxs)("div",{className:`${tp.toggleContent} ${!F?tp.visible:tp.hidden}`,children:[(0,o.jsx)(g,{size:24}),oz&&(0,o.jsx)("span",{className:`${tp.badge} ${F?tp.fadeOut:""} ${nO?tp.entrance:""}`,children:oD.length})]}),(0,o.jsxs)("div",{className:`${tp.controlsContent} ${F?tp.visible:tp.hidden} ${nQ&&nQ.y<100?tp.tooltipBelow:""} ${tF||tv?tp.tooltipsHidden:""} ${nL?tp.tooltipsInSession:""}`,onMouseEnter:()=>{nL||(nB.current=D(()=>nI(!0),850))},onMouseLeave:()=>{nB.current&&(clearTimeout(nB.current),nB.current=null),nI(!1),tH(!1)},children:[(0,o.jsxs)("div",{className:`${tp.buttonWrapper} ${nQ&&nQ.x<120?tp.buttonWrapperAlignLeft:""}`,children:[(0,o.jsx)("button",{className:tp.controlButton,onClick:e=>{e.stopPropagation(),nW(),ow()},"data-active":tb,children:(0,o.jsx)(b,{size:24,isPaused:tb})}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:[tb?"Resume animations":"Pause animations",(0,o.jsx)("span",{className:tp.shortcut,children:"P"})]})]}),(0,o.jsxs)("div",{className:tp.buttonWrapper,children:[(0,o.jsx)("button",{className:`${tp.controlButton} ${!nP?tp.light:""}`,onClick:e=>{e.stopPropagation(),nW(),nv&&nk(!1),tv&&tk(!1),ey&&oM(),tY?oy():tX(!0)},"data-active":tY,style:tY&&tG?{color:"#f97316",background:"rgba(249, 115, 22, 0.25)"}:void 0,children:(0,o.jsx)(I,{size:21})}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:[tY?"Exit layout mode":"Layout mode",(0,o.jsx)("span",{className:tp.shortcut,children:"L"})]})]}),(0,o.jsxs)("div",{className:tp.buttonWrapper,children:[(0,o.jsx)("button",{className:tp.controlButton,onClick:e=>{e.stopPropagation(),nW(),V(!q)},disabled:!oW||tY,children:(0,o.jsx)(f,{size:24,isOpen:q})}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:[q?"Hide markers":"Show markers",(0,o.jsx)("span",{className:tp.shortcut,children:"H"})]})]}),(0,o.jsxs)("div",{className:tp.buttonWrapper,children:[(0,o.jsx)("button",{className:`${tp.controlButton} ${eb?tp.statusShowing:""}`,onClick:e=>{e.stopPropagation(),nW(),oN()},disabled:tY&&tG?0===tq.length&&!nt?.sections?.length:!oW&&0===nj.length&&0===tq.length&&!nt?.sections?.length,"data-active":eb,children:(0,o.jsx)(y,{size:24,copied:eb,tint:tY&&tG&&(tq.length>0||nt?.sections?.length)?"#f97316":void 0})}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:[tY&&tG?"Copy layout":"Copy feedback",(0,o.jsx)("span",{className:tp.shortcut,children:"C"})]})]}),(0,o.jsxs)("div",{className:`${tp.buttonWrapper} ${tp.sendButtonWrapper} ${F&&!nD.webhooksEnabled&&(tW(nD.webhookUrl)||tW(k||""))?tp.sendButtonVisible:""}`,children:[(0,o.jsxs)("button",{className:`${tp.controlButton} ${"sent"===eE||"failed"===eE?tp.statusShowing:""}`,onClick:e=>{e.stopPropagation(),nW(),oE()},disabled:!oW||!tW(nD.webhookUrl)&&!tW(k||"")||"sending"===eE,"data-no-hover":"sent"===eE||"failed"===eE,tabIndex:tW(nD.webhookUrl)||tW(k||"")?0:-1,children:[(0,o.jsx)(x,{size:24,state:eE}),oW&&"idle"===eE&&(0,o.jsx)("span",{className:tp.buttonBadge,children:U.length})]}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:["Send Annotations",(0,o.jsx)("span",{className:tp.shortcut,children:"S"})]})]}),(0,o.jsxs)("div",{className:tp.buttonWrapper,children:[(0,o.jsx)("button",{className:tp.controlButton,onClick:e=>{e.stopPropagation(),nW(),oB()},disabled:!oW&&0===nj.length&&0===tq.length&&!nt?.sections?.length,"data-danger":!0,children:(0,o.jsx)(v,{size:24})}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:["Clear all",(0,o.jsx)("span",{className:tp.shortcut,children:"X"})]})]}),(0,o.jsxs)("div",{className:tp.buttonWrapper,children:[(0,o.jsx)("button",{className:tp.controlButton,onClick:e=>{e.stopPropagation(),nW(),tY&&oy(),tk(!tv)},children:(0,o.jsx)(w,{size:24})}),h&&"disconnected"!==nX&&(0,o.jsx)("span",{className:`${tp.mcpIndicator} ${tp[nX]} ${tv?tp.hidden:""}`,title:"connected"===nX?"MCP Connected":"MCP Connecting..."}),(0,o.jsx)("span",{className:tp.buttonTooltip,children:"Settings"})]}),(0,o.jsx)("div",{className:tp.divider}),(0,o.jsxs)("div",{className:`${tp.buttonWrapper} ${nQ&&"u">typeof window&&nQ.x>window.innerWidth-120?tp.buttonWrapperAlignRight:""}`,children:[(0,o.jsx)("button",{className:tp.controlButton,onClick:e=>{e.stopPropagation(),nW(),ox()},children:(0,o.jsx)(j,{size:24})}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:["Exit",(0,o.jsx)("span",{className:tp.shortcut,children:"Esc"})]})]})]}),(0,o.jsx)(el,{visible:tY&&F,activeType:tZ,onSelect:e=>{tK(tZ===e?null:e)},isDarkMode:nP,sectionCount:nt?.sections.length??0,onDetectSections:()=>{let e,t,n,o,r=(n=t=Array.from((e=document.querySelector("main")||document.body).children),e!==document.body&&t.length<3&&(n=Array.from(document.body.children)),o=[],n.forEach((e,t)=>{if(!(e instanceof HTMLElement))return;let n=e.tagName.toLowerCase();if(eS.has(n)||e.hasAttribute("data-feedback-toolbar")||e.closest("[data-feedback-toolbar]"))return;let r=window.getComputedStyle(e);if("none"===r.display||"hidden"===r.visibility)return;let s=e.getBoundingClientRect();if(s.height<40)return;let l=ej.has(n),i=e.getAttribute("role")&&eC[e.getAttribute("role")],a="div"===n&&s.height>=60;if(!l&&!i&&!a)return;let d=window.scrollY,_=e$(e),c={x:s.x,y:_?s.y:s.y+d,width:s.width,height:s.height};o.push({id:`rs-${Date.now()}-${Math.random().toString(36).slice(2,7)}`,label:eI(e),tagName:n,selector:eL(e),role:e.getAttribute("role"),className:eB(e),textSnippet:eN(e),originalRect:c,currentRect:{...c},originalIndex:t,isFixed:_})}),o),s=nt?.sections??[],l=new Set(s.map(e=>e.selector)),i=r.filter(e=>!l.has(e.selector));nn({sections:[...s,...i],originalOrder:[...nt?.originalOrder??[],...i.map(e=>e.id)],detectedAt:Date.now()})},placementCount:tq.length,onClearPlacements:()=>{nc(e=>e+1),nh(e=>e+1),D(()=>{nn({sections:[],originalOrder:[],detectedAt:Date.now()})},200)},blankCanvas:tG,onBlankCanvasChange:e=>{let t={sections:[],originalOrder:[],detectedAt:Date.now()};e?(nr.current={rearrange:nt,placements:tq},nn(ns.current.rearrange||t),tV(ns.current.placements),tK(null)):(ns.current={rearrange:nt,placements:tq},nn(nr.current.rearrange||t),tV(nr.current.placements)),t0(e)},wireframePurpose:t8,onWireframePurposeChange:t7,Tooltip:H,onDragStart:(e,t)=>{t.preventDefault();let n=Y[e],o=null,r=!1,s=t.clientX,l=t.clientY,i=t.target.closest("[data-feedback-toolbar]"),a=i?.getBoundingClientRect().top??window.innerHeight,d=t=>{let i=t.clientX-s,d=t.clientY-l;if(!r&&(Math.abs(i)>4||Math.abs(d)>4)&&(r=!0,(o=document.createElement("div")).className=`${J.dragPreview}${tG?` ${J.dragPreviewWireframe}`:""}`,document.body.appendChild(o)),!o)return;let _=1-Math.pow(1-Math.min(1,Math.max(0,a-t.clientY)/180),2),c=Math.min(140,.18*n.width),u=Math.min(90,.18*n.height),h=28+(c-28)*_,m=20+(u-20)*_;o.style.width=`${h}px`,o.style.height=`${m}px`,o.style.left=`${t.clientX-h/2}px`,o.style.top=`${t.clientY-m/2}px`,o.style.opacity=`${.5+.5*_}`,o.textContent=_>.25?e:""},_=t=>{if(window.removeEventListener("mousemove",d),window.removeEventListener("mouseup",_),o&&document.body.removeChild(o),r){let o=n.width,r=n.height,s=window.scrollY,l=Math.max(0,t.clientX-o/2),i=Math.max(0,t.clientY+s-r/2),a={id:`dp-${Date.now()}-${Math.random().toString(36).slice(2,7)}`,type:e,x:l,y:i,width:o,height:r,scrollY:s,timestamp:Date.now()};tV(e=>[...e,a]),tK(null),nm.current=new Set,ni(e=>e+1)}};window.addEventListener("mousemove",d),window.addEventListener("mouseup",_)}}),(0,o.jsx)(tB,{settings:nD,onSettingsChange:e=>nz(t=>({...t,...e})),isDarkMode:nP,onToggleTheme:()=>{en.current?.classList.add(tp.disableTransitions),nT(e=>!e),P(()=>{en.current?.classList.remove(tp.disableTransitions)})},isDevMode:!1,connectionStatus:nX,endpoint:h,isVisible:tS,toolbarNearBottom:!!nQ&&nQ.y<230,settingsPage:tL,onSettingsPageChange:tI,onHideToolbar:om})]})}),(tY||tU)&&(0,o.jsx)("div",{className:`${J.blankCanvas} ${t1?J.visible:""} ${t9?J.gridActive:""}`,style:{"--canvas-opacity":t2},"data-feedback-toolbar":!0}),tY&&tG&&t1&&(0,o.jsxs)("div",{className:J.wireframeNotice,"data-feedback-toolbar":!0,children:[(0,o.jsxs)("div",{className:J.wireframeOpacityRow,children:[(0,o.jsx)("span",{className:J.wireframeOpacityLabel,children:"Toggle Opacity"}),(0,o.jsx)("input",{type:"range",className:J.wireframeOpacitySlider,min:0,max:1,step:.01,value:t2,onChange:e=>t4(Number(e.target.value))})]}),(0,o.jsxs)("div",{className:J.wireframeNoticeTitleRow,children:[(0,o.jsx)("span",{className:J.wireframeNoticeTitle,children:"Wireframe Mode"}),(0,o.jsx)("span",{className:J.wireframeNoticeDivider}),(0,o.jsx)("button",{className:J.wireframeStartOver,onClick:()=>{nc(e=>e+1),nn({sections:[],originalOrder:[],detectedAt:Date.now()}),ns.current={rearrange:null,placements:[]},t7(""),e3(oc)},children:"Start Over"})]}),"Drag components onto the canvas.",(0,o.jsx)("br",{}),"Copied output will only include the wireframed layout."]}),(tY||tU)&&(0,o.jsx)(et,{placements:tq,onChange:tV,activeComponent:tU?null:tZ,onActiveComponentChange:tK,isDarkMode:nP,exiting:tU,onInteractionChange:ne,passthrough:!tZ,extraSnapRects:nt?.sections.map(e=>e.currentRect),deselectSignal:nl,clearSignal:n_,wireframe:tG,onSelectionChange:(e,t)=>{nm.current=e,t||(ng.current=new Set,nd(e=>e+1))},onDragMove:(e,t)=>{let n=ng.current;if(n.size&&nt){if(!np.current)for(let e of(np.current=new Map,nt.sections))n.has(e.id)&&np.current.set(e.id,{x:e.currentRect.x,y:e.currentRect.y});for(let o of nt.sections){if(!n.has(o.id)||!np.current.get(o.id))continue;let r=document.querySelector(`[data-rearrange-section="${o.id}"]`);r&&(r.style.transform=`translate(${e}px, ${t}px)`)}}},onDragEnd:(e,t,n)=>{let o=ng.current,r=np.current;if(np.current=null,o.size&&nt&&r){for(let e of o){let t=document.querySelector(`[data-rearrange-section="${e}"]`);t&&(t.style.transform="")}n&&nn(n=>n?{...n,sections:n.sections.map(n=>{let o=r.get(n.id);return o?{...n,currentRect:{...n.currentRect,x:Math.max(0,o.x+e),y:Math.max(0,o.y+t)}}:n})}:n)}}}),(tY||tU)&&nt&&(0,o.jsx)(eO,{rearrangeState:nt,onChange:nn,isDarkMode:nP,exiting:tU,blankCanvas:tG,extraSnapRects:tq.map(e=>({x:e.x,y:e.y,width:e.width,height:e.height})),clearSignal:nu,deselectSignal:na,onSelectionChange:(e,t)=>{ng.current=e,t||(nm.current=new Set,ni(e=>e+1))},onDragMove:(e,t)=>{let n=nm.current;if(n.size){if(!np.current)for(let e of(np.current=new Map,tq))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="${o}"]`);n&&(n.style.transform=`translate(${e}px, ${t}px)`)}}},onDragEnd:(e,t,n)=>{let o=nm.current,r=np.current;if(np.current=null,o.size&&r){for(let e of o){let t=document.querySelector(`[data-design-placement="${e}"]`);t&&(t.style.transform="")}n&&tV(n=>n.map(n=>{let o=r.get(n.id);return o?{...n,x:Math.max(0,o.x+e),y:Math.max(0,o.y+t)}:n}))}}}),(0,o.jsx)("canvas",{ref:n$,className:`${tp.drawCanvas} ${nv?tp.active:""}`,style:{opacity:+!!ou,transition:"opacity 0.15s ease"},"data-feedback-toolbar":!0}),(0,o.jsxs)("div",{className:tp.markersLayer,"data-feedback-toolbar":!0,children:[eo&&oD.filter(e=>!e.isFixed).map((e,t,n)=>(0,o.jsx)(tj,{annotation:e,globalIndex:oD.findIndex(t=>t.id===e.id),layerIndex:t,layerSize:n.length,isExiting:es,isClearing:ez,isAnimated:n0.has(e.id),isHovered:!es&&eT===e.id,isDeleting:eU===e.id,isEditingAny:!!tl,renumberFrom:eq,markerClickBehavior:nD.markerClickBehavior,tooltipStyle:oT(e),onHoverEnter:e=>!es&&e.id!==ol.current&&o$(e),onHoverLeave:()=>o$(null),onClick:e=>"delete"===nD.markerClickBehavior?oS(e.id):ok(e),onContextMenu:ok},e.id)),eo&&!es&&oP.filter(e=>!e.isFixed).map(e=>(0,o.jsx)(tM,{annotation:e},e.id))]}),(0,o.jsxs)("div",{className:tp.fixedMarkersLayer,"data-feedback-toolbar":!0,children:[eo&&oD.filter(e=>e.isFixed).map((e,t,n)=>(0,o.jsx)(tj,{annotation:e,globalIndex:oD.findIndex(t=>t.id===e.id),layerIndex:t,layerSize:n.length,isExiting:es,isClearing:ez,isAnimated:n0.has(e.id),isHovered:!es&&eT===e.id,isDeleting:eU===e.id,isEditingAny:!!tl,renumberFrom:eq,markerClickBehavior:nD.markerClickBehavior,tooltipStyle:oT(e),onHoverEnter:e=>!es&&e.id!==ol.current&&o$(e),onHoverLeave:()=>o$(null),onClick:e=>"delete"===nD.markerClickBehavior?oS(e.id):ok(e),onContextMenu:ok},e.id)),eo&&!es&&oP.filter(e=>e.isFixed).map(e=>(0,o.jsx)(tM,{annotation:e,fixed:!0},e.id))]}),F&&(0,o.jsxs)("div",{className:tp.overlay,"data-feedback-toolbar":!0,style:ey||tl?{zIndex:99999}:void 0,children:[ed?.rect&&!ey&&!tm&&!n7&&(0,o.jsx)("div",{className:`${tp.hoverHighlight} ${tp.enter}`,style:{left:ed.rect.left,top:ed.rect.top,width:ed.rect.width,height:ed.rect.height,borderColor:"color-mix(in srgb, var(--agentation-color-accent) 50%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 4%, transparent)"}}),nN.filter(e=>document.contains(e.element)).map((e,t)=>{let n=e.element.getBoundingClientRect(),r=nN.length>1;return(0,o.jsx)("div",{className:r?tp.multiSelectOutline:tp.singleSelectOutline,style:{position:"fixed",left:n.left,top:n.top,width:n.width,height:n.height,...r?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}},t)}),eT&&!ey&&(()=>{let e=U.find(e=>e.id===eT);if(!e?.boundingBox)return null;if(e.elementBoundingBoxes?.length)return eY.length>0?eY.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,o.jsx)("div",{className:`${tp.multiSelectOutline} ${tp.enter}`,style:{left:n.left,top:n.top,width:n.width,height:n.height}},`hover-outline-live-${t}`)}):e.elementBoundingBoxes.map((e,t)=>(0,o.jsx)("div",{className:`${tp.multiSelectOutline} ${tp.enter}`,style:{left:e.x,top:e.y-tu,width:e.width,height:e.height}},`hover-outline-${t}`));let t=eF&&document.contains(eF)?eF.getBoundingClientRect():null,n=t?{x:t.left,y:t.top,width:t.width,height:t.height}:{x:e.boundingBox.x,y:e.isFixed?e.boundingBox.y:e.boundingBox.y-tu,width:e.boundingBox.width,height:e.boundingBox.height},r=e.isMultiSelect;return(0,o.jsx)("div",{className:`${r?tp.multiSelectOutline:tp.singleSelectOutline} ${tp.enter}`,style:{left:n.x,top:n.y,width:n.width,height:n.height,...r?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}})})(),ed&&!ey&&!tm&&!n7&&(0,o.jsxs)("div",{className:`${tp.hoverTooltip} ${tp.enter}`,style:{left:Math.max(8,Math.min(eg.x,window.innerWidth-100)),top:Math.max(eg.y-(ed.reactComponents?48:32),8)},children:[ed.reactComponents&&(0,o.jsx)("div",{className:tp.hoverReactPath,children:ed.reactComponents}),(0,o.jsx)("div",{className:tp.hoverElementName,children:ed.elementName})]}),ey&&(0,o.jsxs)(o.Fragment,{children:[ey.multiSelectElements?.length?ey.multiSelectElements.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,o.jsx)("div",{className:`${tp.multiSelectOutline} ${n4?tp.exit:tp.enter}`,style:{left:n.left,top:n.top,width:n.width,height:n.height}},`pending-multi-${t}`)}):ey.targetElement&&document.contains(ey.targetElement)?(M=ey.targetElement.getBoundingClientRect(),(0,o.jsx)("div",{className:`${tp.singleSelectOutline} ${n4?tp.exit:tp.enter}`,style:{left:M.left,top:M.top,width:M.width,height:M.height,borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}})):ey.boundingBox&&(0,o.jsx)("div",{className:`${ey.isMultiSelect?tp.multiSelectOutline:tp.singleSelectOutline} ${n4?tp.exit:tp.enter}`,style:{left:ey.boundingBox.x,top:ey.boundingBox.y-tu,width:ey.boundingBox.width,height:ey.boundingBox.height,...ey.isMultiSelect?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}}),(S=ey.x,$=ey.isFixed?ey.y:ey.y-tu,(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(tC,{x:S,y:$,isMultiSelect:ey.isMultiSelect,isExiting:n4}),(0,o.jsx)(A,{ref:oa,element:ey.element,selectedText:ey.selectedText,computedStyles:ey.computedStylesObj,placeholder:"Area selection"===ey.element?"What should change in this area?":ey.isMultiSelect?"Feedback for this group of elements...":"What should change?",onSubmit:oC,onCancel:oM,isExiting:n4,lightMode:!nP,accentColor:ey.isMultiSelect?"var(--agentation-color-green)":"var(--agentation-color-accent)",style:{left:Math.max(160,Math.min(window.innerWidth-160,S/100*window.innerWidth)),...$>window.innerHeight-290?{bottom:window.innerHeight-$+20}:{top:$+20}}})]}))]}),tl&&(0,o.jsxs)(o.Fragment,{children:[tl.elementBoundingBoxes?.length?t_.length>0?t_.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,o.jsx)("div",{className:`${tp.multiSelectOutline} ${tp.enter}`,style:{left:n.left,top:n.top,width:n.width,height:n.height}},`edit-multi-live-${t}`)}):tl.elementBoundingBoxes.map((e,t)=>(0,o.jsx)("div",{className:`${tp.multiSelectOutline} ${tp.enter}`,style:{left:e.x,top:e.y-tu,width:e.width,height:e.height}},`edit-multi-${t}`)):(R=(L=ta&&document.contains(ta)?ta.getBoundingClientRect():null)?{x:L.left,y:L.top,width:L.width,height:L.height}:tl.boundingBox?{x:tl.boundingBox.x,y:tl.isFixed?tl.boundingBox.y:tl.boundingBox.y-tu,width:tl.boundingBox.width,height:tl.boundingBox.height}:null)?(0,o.jsx)("div",{className:`${tl.isMultiSelect?tp.multiSelectOutline:tp.singleSelectOutline} ${tp.enter}`,style:{left:R.x,top:R.y,width:R.width,height:R.height,...tl.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,o.jsx)(A,{ref:od,element:tl.element,selectedText:tl.selectedText,computedStyles:function(e){if(!e)return;let t={};for(let n of e.split(";").map(e=>e.trim()).filter(Boolean)){let e=n.indexOf(":");if(e>0){let o=n.slice(0,e).trim(),r=n.slice(e+1).trim();o&&r&&(t[o]=r)}}return Object.keys(t).length>0?t:void 0}(tl.computedStyles),placeholder:"Edit your feedback...",initialValue:tl.comment,submitLabel:"Save",onSubmit:oL,onCancel:oI,onDelete:()=>oS(tl.id),isExiting:n3,lightMode:!nP,accentColor:tl.isMultiSelect?"var(--agentation-color-green)":"var(--agentation-color-accent)",style:(O=tl.isFixed?tl.y:tl.y-tu,{left:Math.max(160,Math.min(window.innerWidth-160,tl.x/100*window.innerWidth)),...O>window.innerHeight-290?{bottom:window.innerHeight-O+20}:{top:O+20}})})]}),n7&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{ref:on,className:tp.dragSelection}),(0,o.jsx)("div",{ref:oo,className:tp.highlightsContainer})]})]})]}),document.body)}(()=>{if("u"<typeof document||document.getElementById("agentation-color-tokens"))return;let e=document.createElement("style");e.id="agentation-color-tokens",e.textContent=[...tD.map(e=>`
+`}))}if((tq.length>0||n&&t8)&&(e+="\n"+eV(tq,{width:window.innerWidth,height:window.innerHeight},{blankCanvas:tG,wireframePurpose:t8||void 0},nD.outputDetail)),nt){let t=eZ(nt,nD.outputDetail,{width:window.innerWidth,height:window.innerHeight});t&&(e+="\n"+t)}if(u)try{await navigator.clipboard.writeText(e)}catch{}_?.(e),eS(!0),D(()=>eS(!1),2e3),nD.autoClearAfterCopy&&D(()=>oB(),500)},[U,nj,tq,nt,tG,tY,t6,t8,oc,nD.outputDetail,"off",nD.autoClearAfterCopy,oB,u,_]),oE=(0,t.useCallback)(async()=>{let e="u">typeof window?window.location.pathname+window.location.search+window.location.hash:oc,t=tx(U,e,nD.outputDetail);if(!t&&0===tq.length&&!nt)return;if(t||(t=`## Page Feedback: ${e}
+`),tq.length>0&&(t+="\n"+eV(tq,{width:window.innerWidth,height:window.innerHeight},{blankCanvas:tG,wireframePurpose:t8||void 0},nD.outputDetail)),nt){let e=eZ(nt,nD.outputDetail,{width:window.innerWidth,height:window.innerHeight});e&&(t+="\n"+e)}c&&c(t,U),eR("sending"),await new Promise(e=>D(e,150));let n=await oj("submit",{output:t,annotations:U},!0);eR(n?"sent":"failed"),D(()=>eR("idle"),2500),n&&nD.autoClearAfterCopy&&D(()=>oB(),500)},[c,oj,U,tq,nt,tG,t6,oc,nD.outputDetail,"off",nD.autoClearAfterCopy,oB]);(0,t.useEffect)(()=>{if(!nK)return;let e=e=>{let t=e.clientX-nK.x,n=e.clientY-nK.y,o=Math.sqrt(t*t+n*n);if(!nV&&o>10&&nZ(!0),nV||o>10){let e=nK.toolbarX+t,o=nK.toolbarY+n;nq({x:e=Math.max(20-(337-(F?"connected"===nX?297:257:44)),Math.min(window.innerWidth-20-337,e)),y:o=Math.max(20,Math.min(window.innerHeight-44-20,o))})}},t=()=>{nV&&(nG.current=!0),nZ(!1),nJ(null)};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",t),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",t)}},[nK,nV,F,nX]);let oR=(0,t.useCallback)(e=>{if(e.target.closest("button")||e.target.closest("[data-agentation-settings-panel]"))return;let t=e.currentTarget.parentElement;if(!t)return;let n=t.getBoundingClientRect(),o=nQ?.x??n.left,r=nQ?.y??n.top;nJ({x:e.clientX,y:e.clientY,toolbarX:o,toolbarY:r})},[nQ]);if((0,t.useEffect)(()=>{if(!nQ)return;let e=()=>{let e=nQ.x,t=nQ.y;e=Math.max(20-(337-(F?"connected"===nX?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)&&nq({x:e,y:t})};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[nQ,F,nX]),(0,t.useEffect)(()=>{let e=e=>{let t=e.target,n="INPUT"===t.tagName||"TEXTAREA"===t.tagName||t.isContentEditable;if("Escape"===e.key){if(tY)return void(tZ?tK(null):oy());if(nv)return void nk(!1);if(nN.length>0)return void nE([]);ey||F&&(nW(),X(!1))}if((e.metaKey||e.ctrlKey)&&e.shiftKey&&("f"===e.key||"F"===e.key)){e.preventDefault(),nW(),F?ox():X(!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),tv&&tk(!1),ey&&oS(),tY?oy():tX(!0)),("h"===e.key||"H"===e.key)&&U.length>0&&(e.preventDefault(),nW(),V(e=>!e)),("c"===e.key||"C"===e.key)&&(U.length>0||tq.length>0||nt)&&(e.preventDefault(),nW(),oN()),("x"===e.key||"X"===e.key)&&(U.length>0||tq.length>0||nt)&&(e.preventDefault(),nW(),oB(),tq.length>0&&tV([]),nt&&nn(null)),"s"===e.key||"S"===e.key)){let t=tW(nD.webhookUrl)||tW(k||"");U.length>0&&t&&"idle"===eE&&(e.preventDefault(),nW(),oE())}};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[F,nv,tY,tZ,tq,nt,ey,U.length,nD.webhookUrl,k,eE,oE,ow,oN,oB,nN]),!ty||Z)return null;let oW=U.length>0,oD=U.filter(e=>!n5.has(e.id)&&"placement"!==e.kind&&"rearrange"!==e.kind),oP=oD.length>0,oz=U.filter(e=>n5.has(e.id)),oT=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% + 10px)");let r=t-100;if(r<10)o.left=`calc(50% + ${10-r}px)`;else if(r+200>window.innerWidth-10){let e=r+200-(window.innerWidth-10);o.left=`calc(50% - ${e}px)`}return o};return(0,n.createPortal)((0,o.jsxs)("div",{ref:en,style:{display:"contents"},"data-agentation-theme":nz?"dark":"light","data-agentation-accent":nD.annotationColorId,"data-agentation-root":"",children:[(0,o.jsx)("div",{className:`${tp.toolbar}${C?` ${C}`:""}`,"data-feedback-toolbar":!0,"data-agentation-toolbar":!0,style:nQ?{left:nQ.x,top:nQ.y,right:"auto",bottom:"auto"}:void 0,children:(0,o.jsxs)("div",{className:`${tp.toolbarContainer} ${F?tp.expanded:tp.collapsed} ${nO?tp.entrance:""} ${G?tp.hiding:""} ${!nD.webhooksEnabled&&(tW(nD.webhookUrl)||tW(k||""))?tp.serverConnected:""}`,onClick:F?void 0:e=>{if(nG.current){nG.current=!1,e.preventDefault();return}X(!0)},onMouseDown:oR,role:F?void 0:"button",tabIndex:F?-1:0,title:F?void 0:"Start feedback mode",children:[(0,o.jsxs)("div",{className:`${tp.toggleContent} ${!F?tp.visible:tp.hidden}`,children:[(0,o.jsx)(g,{size:24}),oP&&(0,o.jsx)("span",{className:`${tp.badge} ${F?tp.fadeOut:""} ${nO?tp.entrance:""}`,children:oD.length})]}),(0,o.jsxs)("div",{className:`${tp.controlsContent} ${F?tp.visible:tp.hidden} ${nQ&&nQ.y<100?tp.tooltipBelow:""} ${tF||tv?tp.tooltipsHidden:""} ${nL?tp.tooltipsInSession:""}`,onMouseEnter:()=>{nL||(nB.current=D(()=>nI(!0),850))},onMouseLeave:()=>{nB.current&&(clearTimeout(nB.current),nB.current=null),nI(!1),tH(!1)},children:[(0,o.jsxs)("div",{className:`${tp.buttonWrapper} ${nQ&&nQ.x<120?tp.buttonWrapperAlignLeft:""}`,children:[(0,o.jsx)("button",{className:tp.controlButton,onClick:e=>{e.stopPropagation(),nW(),ow()},"data-active":tb,children:(0,o.jsx)(b,{size:24,isPaused:tb})}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:[tb?"Resume animations":"Pause animations",(0,o.jsx)("span",{className:tp.shortcut,children:"P"})]})]}),(0,o.jsxs)("div",{className:tp.buttonWrapper,children:[(0,o.jsx)("button",{className:`${tp.controlButton} ${!nz?tp.light:""}`,onClick:e=>{e.stopPropagation(),nW(),nv&&nk(!1),tv&&tk(!1),ey&&oS(),tY?oy():tX(!0)},"data-active":tY,style:tY&&tG?{color:"#f97316",background:"rgba(249, 115, 22, 0.25)"}:void 0,children:(0,o.jsx)(I,{size:21})}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:[tY?"Exit layout mode":"Layout mode",(0,o.jsx)("span",{className:tp.shortcut,children:"L"})]})]}),(0,o.jsxs)("div",{className:tp.buttonWrapper,children:[(0,o.jsx)("button",{className:tp.controlButton,onClick:e=>{e.stopPropagation(),nW(),V(!q)},disabled:!oW||tY,children:(0,o.jsx)(f,{size:24,isOpen:q})}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:[q?"Hide markers":"Show markers",(0,o.jsx)("span",{className:tp.shortcut,children:"H"})]})]}),(0,o.jsxs)("div",{className:tp.buttonWrapper,children:[(0,o.jsx)("button",{className:`${tp.controlButton} ${eb?tp.statusShowing:""}`,onClick:e=>{e.stopPropagation(),nW(),oN()},disabled:tY&&tG?0===tq.length&&!nt?.sections?.length:!oW&&0===nj.length&&0===tq.length&&!nt?.sections?.length,"data-active":eb,children:(0,o.jsx)(y,{size:24,copied:eb,tint:tY&&tG&&(tq.length>0||nt?.sections?.length)?"#f97316":void 0})}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:[tY&&tG?"Copy layout":"Copy feedback",(0,o.jsx)("span",{className:tp.shortcut,children:"C"})]})]}),(0,o.jsxs)("div",{className:`${tp.buttonWrapper} ${tp.sendButtonWrapper} ${F&&!nD.webhooksEnabled&&(tW(nD.webhookUrl)||tW(k||""))?tp.sendButtonVisible:""}`,children:[(0,o.jsxs)("button",{className:`${tp.controlButton} ${"sent"===eE||"failed"===eE?tp.statusShowing:""}`,onClick:e=>{e.stopPropagation(),nW(),oE()},disabled:!oW||!tW(nD.webhookUrl)&&!tW(k||"")||"sending"===eE,"data-no-hover":"sent"===eE||"failed"===eE,tabIndex:tW(nD.webhookUrl)||tW(k||"")?0:-1,children:[(0,o.jsx)(x,{size:24,state:eE}),oW&&"idle"===eE&&(0,o.jsx)("span",{className:tp.buttonBadge,children:U.length})]}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:["Send Annotations",(0,o.jsx)("span",{className:tp.shortcut,children:"S"})]})]}),(0,o.jsxs)("div",{className:tp.buttonWrapper,children:[(0,o.jsx)("button",{className:tp.controlButton,onClick:e=>{e.stopPropagation(),nW(),oB()},disabled:!oW&&0===nj.length&&0===tq.length&&!nt?.sections?.length,"data-danger":!0,children:(0,o.jsx)(v,{size:24})}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:["Clear all",(0,o.jsx)("span",{className:tp.shortcut,children:"X"})]})]}),(0,o.jsxs)("div",{className:tp.buttonWrapper,children:[(0,o.jsx)("button",{className:tp.controlButton,onClick:e=>{e.stopPropagation(),nW(),tY&&oy(),tk(!tv)},children:(0,o.jsx)(w,{size:24})}),h&&"disconnected"!==nX&&(0,o.jsx)("span",{className:`${tp.mcpIndicator} ${tp[nX]} ${tv?tp.hidden:""}`,title:"connected"===nX?"MCP Connected":"MCP Connecting..."}),(0,o.jsx)("span",{className:tp.buttonTooltip,children:"Settings"})]}),(0,o.jsx)("div",{className:tp.divider}),(0,o.jsxs)("div",{className:`${tp.buttonWrapper} ${nQ&&"u">typeof window&&nQ.x>window.innerWidth-120?tp.buttonWrapperAlignRight:""}`,children:[(0,o.jsx)("button",{className:tp.controlButton,onClick:e=>{e.stopPropagation(),nW(),ox()},children:(0,o.jsx)(j,{size:24})}),(0,o.jsxs)("span",{className:tp.buttonTooltip,children:["Exit",(0,o.jsx)("span",{className:tp.shortcut,children:"Esc"})]})]})]}),(0,o.jsx)(el,{visible:tY&&F,activeType:tZ,onSelect:e=>{tK(tZ===e?null:e)},isDarkMode:nz,sectionCount:nt?.sections.length??0,onDetectSections:()=>{let e,t,n,o,r=(n=t=Array.from((e=document.querySelector("main")||document.body).children),e!==document.body&&t.length<3&&(n=Array.from(document.body.children)),o=[],n.forEach((e,t)=>{if(!(e instanceof HTMLElement))return;let n=e.tagName.toLowerCase();if(eM.has(n)||e.hasAttribute("data-feedback-toolbar")||e.closest("[data-feedback-toolbar]"))return;let r=window.getComputedStyle(e);if("none"===r.display||"hidden"===r.visibility)return;let s=e.getBoundingClientRect();if(s.height<40)return;let l=ej.has(n),i=e.getAttribute("role")&&eC[e.getAttribute("role")],a="div"===n&&s.height>=60;if(!l&&!i&&!a)return;let d=window.scrollY,_=e$(e),c={x:s.x,y:_?s.y:s.y+d,width:s.width,height:s.height};o.push({id:`rs-${Date.now()}-${Math.random().toString(36).slice(2,7)}`,label:eI(e),tagName:n,selector:eL(e),role:e.getAttribute("role"),className:eB(e),textSnippet:eN(e),originalRect:c,currentRect:{...c},originalIndex:t,isFixed:_})}),o),s=nt?.sections??[],l=new Set(s.map(e=>e.selector)),i=r.filter(e=>!l.has(e.selector));nn({sections:[...s,...i],originalOrder:[...nt?.originalOrder??[],...i.map(e=>e.id)],detectedAt:Date.now()})},placementCount:tq.length,onClearPlacements:()=>{nc(e=>e+1),nh(e=>e+1),D(()=>{nn({sections:[],originalOrder:[],detectedAt:Date.now()})},200)},blankCanvas:tG,onBlankCanvasChange:e=>{let t={sections:[],originalOrder:[],detectedAt:Date.now()};e?(nr.current={rearrange:nt,placements:tq},nn(ns.current.rearrange||t),tV(ns.current.placements),tK(null)):(ns.current={rearrange:nt,placements:tq},nn(nr.current.rearrange||t),tV(nr.current.placements)),t0(e)},wireframePurpose:t8,onWireframePurposeChange:t7,Tooltip:H,onDragStart:(e,t)=>{t.preventDefault();let n=Y[e],o=null,r=!1,s=t.clientX,l=t.clientY,i=t.target.closest("[data-feedback-toolbar]"),a=i?.getBoundingClientRect().top??window.innerHeight,d=t=>{let i=t.clientX-s,d=t.clientY-l;if(!r&&(Math.abs(i)>4||Math.abs(d)>4)&&(r=!0,(o=document.createElement("div")).className=`${J.dragPreview}${tG?` ${J.dragPreviewWireframe}`:""}`,document.body.appendChild(o)),!o)return;let _=1-Math.pow(1-Math.min(1,Math.max(0,a-t.clientY)/180),2),c=Math.min(140,.18*n.width),u=Math.min(90,.18*n.height),h=28+(c-28)*_,m=20+(u-20)*_;o.style.width=`${h}px`,o.style.height=`${m}px`,o.style.left=`${t.clientX-h/2}px`,o.style.top=`${t.clientY-m/2}px`,o.style.opacity=`${.5+.5*_}`,o.textContent=_>.25?e:""},_=t=>{if(window.removeEventListener("mousemove",d),window.removeEventListener("mouseup",_),o&&document.body.removeChild(o),r){let o=n.width,r=n.height,s=window.scrollY,l=Math.max(0,t.clientX-o/2),i=Math.max(0,t.clientY+s-r/2),a={id:`dp-${Date.now()}-${Math.random().toString(36).slice(2,7)}`,type:e,x:l,y:i,width:o,height:r,scrollY:s,timestamp:Date.now()};tV(e=>[...e,a]),tK(null),nm.current=new Set,ni(e=>e+1)}};window.addEventListener("mousemove",d),window.addEventListener("mouseup",_)}}),(0,o.jsx)(tB,{settings:nD,onSettingsChange:e=>nP(t=>({...t,...e})),isDarkMode:nz,onToggleTheme:()=>{en.current?.classList.add(tp.disableTransitions),nT(e=>!e),z(()=>{en.current?.classList.remove(tp.disableTransitions)})},isDevMode:!1,connectionStatus:nX,endpoint:h,isVisible:tM,toolbarNearBottom:!!nQ&&nQ.y<230,settingsPage:tL,onSettingsPageChange:tI,onHideToolbar:om})]})}),(tY||tU)&&(0,o.jsx)("div",{className:`${J.blankCanvas} ${t1?J.visible:""} ${t9?J.gridActive:""}`,style:{"--canvas-opacity":t2},"data-feedback-toolbar":!0}),tY&&tG&&t1&&(0,o.jsxs)("div",{className:J.wireframeNotice,"data-feedback-toolbar":!0,children:[(0,o.jsxs)("div",{className:J.wireframeOpacityRow,children:[(0,o.jsx)("span",{className:J.wireframeOpacityLabel,children:"Toggle Opacity"}),(0,o.jsx)("input",{type:"range",className:J.wireframeOpacitySlider,min:0,max:1,step:.01,value:t2,onChange:e=>t4(Number(e.target.value))})]}),(0,o.jsxs)("div",{className:J.wireframeNoticeTitleRow,children:[(0,o.jsx)("span",{className:J.wireframeNoticeTitle,children:"Wireframe Mode"}),(0,o.jsx)("span",{className:J.wireframeNoticeDivider}),(0,o.jsx)("button",{className:J.wireframeStartOver,onClick:()=>{nc(e=>e+1),nn({sections:[],originalOrder:[],detectedAt:Date.now()}),ns.current={rearrange:null,placements:[]},t7(""),e3(oc)},children:"Start Over"})]}),"Drag components onto the canvas.",(0,o.jsx)("br",{}),"Copied output will only include the wireframed layout."]}),(tY||tU)&&(0,o.jsx)(et,{placements:tq,onChange:tV,activeComponent:tU?null:tZ,onActiveComponentChange:tK,isDarkMode:nz,exiting:tU,onInteractionChange:ne,passthrough:!tZ,extraSnapRects:nt?.sections.map(e=>e.currentRect),deselectSignal:nl,clearSignal:n_,wireframe:tG,onSelectionChange:(e,t)=>{nm.current=e,t||(ng.current=new Set,nd(e=>e+1))},onDragMove:(e,t)=>{let n=ng.current;if(n.size&&nt){if(!np.current)for(let e of(np.current=new Map,nt.sections))n.has(e.id)&&np.current.set(e.id,{x:e.currentRect.x,y:e.currentRect.y});for(let o of nt.sections){if(!n.has(o.id)||!np.current.get(o.id))continue;let r=document.querySelector(`[data-rearrange-section="${o.id}"]`);r&&(r.style.transform=`translate(${e}px, ${t}px)`)}}},onDragEnd:(e,t,n)=>{let o=ng.current,r=np.current;if(np.current=null,o.size&&nt&&r){for(let e of o){let t=document.querySelector(`[data-rearrange-section="${e}"]`);t&&(t.style.transform="")}n&&nn(n=>n?{...n,sections:n.sections.map(n=>{let o=r.get(n.id);return o?{...n,currentRect:{...n.currentRect,x:Math.max(0,o.x+e),y:Math.max(0,o.y+t)}}:n})}:n)}}}),(tY||tU)&&nt&&(0,o.jsx)(eO,{rearrangeState:nt,onChange:nn,isDarkMode:nz,exiting:tU,blankCanvas:tG,extraSnapRects:tq.map(e=>({x:e.x,y:e.y,width:e.width,height:e.height})),clearSignal:nu,deselectSignal:na,onSelectionChange:(e,t)=>{ng.current=e,t||(nm.current=new Set,ni(e=>e+1))},onDragMove:(e,t)=>{let n=nm.current;if(n.size){if(!np.current)for(let e of(np.current=new Map,tq))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="${o}"]`);n&&(n.style.transform=`translate(${e}px, ${t}px)`)}}},onDragEnd:(e,t,n)=>{let o=nm.current,r=np.current;if(np.current=null,o.size&&r){for(let e of o){let t=document.querySelector(`[data-design-placement="${e}"]`);t&&(t.style.transform="")}n&&tV(n=>n.map(n=>{let o=r.get(n.id);return o?{...n,x:Math.max(0,o.x+e),y:Math.max(0,o.y+t)}:n}))}}}),(0,o.jsx)("canvas",{ref:n$,className:`${tp.drawCanvas} ${nv?tp.active:""}`,style:{opacity:+!!ou,transition:"opacity 0.15s ease"},"data-feedback-toolbar":!0}),(0,o.jsxs)("div",{className:tp.markersLayer,"data-feedback-toolbar":!0,children:[eo&&oD.filter(e=>!e.isFixed).map((e,t,n)=>(0,o.jsx)(tj,{annotation:e,globalIndex:oD.findIndex(t=>t.id===e.id),layerIndex:t,layerSize:n.length,isExiting:es,isClearing:eP,isAnimated:n0.has(e.id),isHovered:!es&&eT===e.id,isDeleting:eU===e.id,isEditingAny:!!tl,renumberFrom:eq,markerClickBehavior:nD.markerClickBehavior,tooltipStyle:oT(e),onHoverEnter:e=>!es&&e.id!==ol.current&&o$(e),onHoverLeave:()=>o$(null),onClick:e=>"delete"===nD.markerClickBehavior?oM(e.id):ok(e),onContextMenu:ok},e.id)),eo&&!es&&oz.filter(e=>!e.isFixed).map(e=>(0,o.jsx)(tS,{annotation:e},e.id))]}),(0,o.jsxs)("div",{className:tp.fixedMarkersLayer,"data-feedback-toolbar":!0,children:[eo&&oD.filter(e=>e.isFixed).map((e,t,n)=>(0,o.jsx)(tj,{annotation:e,globalIndex:oD.findIndex(t=>t.id===e.id),layerIndex:t,layerSize:n.length,isExiting:es,isClearing:eP,isAnimated:n0.has(e.id),isHovered:!es&&eT===e.id,isDeleting:eU===e.id,isEditingAny:!!tl,renumberFrom:eq,markerClickBehavior:nD.markerClickBehavior,tooltipStyle:oT(e),onHoverEnter:e=>!es&&e.id!==ol.current&&o$(e),onHoverLeave:()=>o$(null),onClick:e=>"delete"===nD.markerClickBehavior?oM(e.id):ok(e),onContextMenu:ok},e.id)),eo&&!es&&oz.filter(e=>e.isFixed).map(e=>(0,o.jsx)(tS,{annotation:e,fixed:!0},e.id))]}),F&&(0,o.jsxs)("div",{className:tp.overlay,"data-feedback-toolbar":!0,style:ey||tl?{zIndex:99999}:void 0,children:[ed?.rect&&!ey&&!tm&&!n7&&(0,o.jsx)("div",{className:`${tp.hoverHighlight} ${tp.enter}`,style:{left:ed.rect.left,top:ed.rect.top,width:ed.rect.width,height:ed.rect.height,borderColor:"color-mix(in srgb, var(--agentation-color-accent) 50%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 4%, transparent)"}}),nN.filter(e=>document.contains(e.element)).map((e,t)=>{let n=e.element.getBoundingClientRect(),r=nN.length>1;return(0,o.jsx)("div",{className:r?tp.multiSelectOutline:tp.singleSelectOutline,style:{position:"fixed",left:n.left,top:n.top,width:n.width,height:n.height,...r?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}},t)}),eT&&!ey&&(()=>{let e=U.find(e=>e.id===eT);if(!e?.boundingBox)return null;if(e.elementBoundingBoxes?.length)return eY.length>0?eY.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,o.jsx)("div",{className:`${tp.multiSelectOutline} ${tp.enter}`,style:{left:n.left,top:n.top,width:n.width,height:n.height}},`hover-outline-live-${t}`)}):e.elementBoundingBoxes.map((e,t)=>(0,o.jsx)("div",{className:`${tp.multiSelectOutline} ${tp.enter}`,style:{left:e.x,top:e.y-tu,width:e.width,height:e.height}},`hover-outline-${t}`));let t=eF&&document.contains(eF)?eF.getBoundingClientRect():null,n=t?{x:t.left,y:t.top,width:t.width,height:t.height}:{x:e.boundingBox.x,y:e.isFixed?e.boundingBox.y:e.boundingBox.y-tu,width:e.boundingBox.width,height:e.boundingBox.height},r=e.isMultiSelect;return(0,o.jsx)("div",{className:`${r?tp.multiSelectOutline:tp.singleSelectOutline} ${tp.enter}`,style:{left:n.x,top:n.y,width:n.width,height:n.height,...r?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}})})(),ed&&!ey&&!tm&&!n7&&(0,o.jsxs)("div",{className:`${tp.hoverTooltip} ${tp.enter}`,style:{left:Math.max(8,Math.min(eg.x,window.innerWidth-100)),top:Math.max(eg.y-(ed.reactComponents?48:32),8)},children:[ed.reactComponents&&(0,o.jsx)("div",{className:tp.hoverReactPath,children:ed.reactComponents}),(0,o.jsx)("div",{className:tp.hoverElementName,children:ed.elementName})]}),ey&&(0,o.jsxs)(o.Fragment,{children:[ey.multiSelectElements?.length?ey.multiSelectElements.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,o.jsx)("div",{className:`${tp.multiSelectOutline} ${n4?tp.exit:tp.enter}`,style:{left:n.left,top:n.top,width:n.width,height:n.height}},`pending-multi-${t}`)}):ey.targetElement&&document.contains(ey.targetElement)?(S=ey.targetElement.getBoundingClientRect(),(0,o.jsx)("div",{className:`${tp.singleSelectOutline} ${n4?tp.exit:tp.enter}`,style:{left:S.left,top:S.top,width:S.width,height:S.height,borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}})):ey.boundingBox&&(0,o.jsx)("div",{className:`${ey.isMultiSelect?tp.multiSelectOutline:tp.singleSelectOutline} ${n4?tp.exit:tp.enter}`,style:{left:ey.boundingBox.x,top:ey.boundingBox.y-tu,width:ey.boundingBox.width,height:ey.boundingBox.height,...ey.isMultiSelect?{}:{borderColor:"color-mix(in srgb, var(--agentation-color-accent) 60%, transparent)",backgroundColor:"color-mix(in srgb, var(--agentation-color-accent) 5%, transparent)"}}}),(M=ey.x,$=ey.isFixed?ey.y:ey.y-tu,(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(tC,{x:M,y:$,isMultiSelect:ey.isMultiSelect,isExiting:n4}),(0,o.jsx)(A,{ref:oa,element:ey.element,selectedText:ey.selectedText,computedStyles:ey.computedStylesObj,placeholder:"Area selection"===ey.element?"What should change in this area?":ey.isMultiSelect?"Feedback for this group of elements...":"What should change?",onSubmit:oC,onCancel:oS,isExiting:n4,lightMode:!nz,accentColor:ey.isMultiSelect?"var(--agentation-color-green)":"var(--agentation-color-accent)",style:{left:Math.max(160,Math.min(window.innerWidth-160,M/100*window.innerWidth)),...$>window.innerHeight-290?{bottom:window.innerHeight-$+20}:{top:$+20}}})]}))]}),tl&&(0,o.jsxs)(o.Fragment,{children:[tl.elementBoundingBoxes?.length?t_.length>0?t_.filter(e=>document.contains(e)).map((e,t)=>{let n=e.getBoundingClientRect();return(0,o.jsx)("div",{className:`${tp.multiSelectOutline} ${tp.enter}`,style:{left:n.left,top:n.top,width:n.width,height:n.height}},`edit-multi-live-${t}`)}):tl.elementBoundingBoxes.map((e,t)=>(0,o.jsx)("div",{className:`${tp.multiSelectOutline} ${tp.enter}`,style:{left:e.x,top:e.y-tu,width:e.width,height:e.height}},`edit-multi-${t}`)):(R=(L=ta&&document.contains(ta)?ta.getBoundingClientRect():null)?{x:L.left,y:L.top,width:L.width,height:L.height}:tl.boundingBox?{x:tl.boundingBox.x,y:tl.isFixed?tl.boundingBox.y:tl.boundingBox.y-tu,width:tl.boundingBox.width,height:tl.boundingBox.height}:null)?(0,o.jsx)("div",{className:`${tl.isMultiSelect?tp.multiSelectOutline:tp.singleSelectOutline} ${tp.enter}`,style:{left:R.x,top:R.y,width:R.width,height:R.height,...tl.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,o.jsx)(A,{ref:od,element:tl.element,selectedText:tl.selectedText,computedStyles:function(e){if(!e)return;let t={};for(let n of e.split(";").map(e=>e.trim()).filter(Boolean)){let e=n.indexOf(":");if(e>0){let o=n.slice(0,e).trim(),r=n.slice(e+1).trim();o&&r&&(t[o]=r)}}return Object.keys(t).length>0?t:void 0}(tl.computedStyles),placeholder:"Edit your feedback...",initialValue:tl.comment,submitLabel:"Save",onSubmit:oL,onCancel:oI,onDelete:()=>oM(tl.id),isExiting:n3,lightMode:!nz,accentColor:tl.isMultiSelect?"var(--agentation-color-green)":"var(--agentation-color-accent)",style:(O=tl.isFixed?tl.y:tl.y-tu,{left:Math.max(160,Math.min(window.innerWidth-160,tl.x/100*window.innerWidth)),...O>window.innerHeight-290?{bottom:window.innerHeight-O+20}:{top:O+20}})})]}),n7&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{ref:on,className:tp.dragSelection}),(0,o.jsx)("div",{ref:oo,className:tp.highlightsContainer})]})]})]}),document.body)}(()=>{if("u"<typeof document||document.getElementById("agentation-color-tokens"))return;let e=document.createElement("style");e.id="agentation-color-tokens",e.textContent=[...tD.map(e=>`
       [data-agentation-accent="${e.id}"] {
         --agentation-color-accent: ${e.srgb};
       }
@@ -255,4 +255,4 @@
         transform-origin: center;
         animation: checkDraw 0.18s ease-out, checkBounce 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
       }
-    `}),(0,o.jsx)("path",{className:"check-path-animated",d:"M3.9375 7L6.125 9.1875L10.5 4.8125",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),"IconCheckmark",0,({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("g",{clipPath:"url(#clip0_2_45)",children:(0,o.jsx)("path",{d:"M16.25 8.75L10 15.25L7.25 12.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,o.jsx)("defs",{children:(0,o.jsx)("clipPath",{id:"clip0_2_45",children:(0,o.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),"IconCheckmarkCircle",0,({size:e=24})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsxs)("g",{clipPath:"url(#clip0_checkmark_circle)",children:[(0,o.jsx)("path",{d:"M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,o.jsx)("defs",{children:(0,o.jsx)("clipPath",{id:"clip0_checkmark_circle",children:(0,o.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),"IconCheckmarkLarge",0,({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("g",{clipPath:"url(#clip0_2_37)",children:(0,o.jsx)("path",{d:"M17.5962 7.75L9.42308 16.25L6.15385 12.6538",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,o.jsx)("defs",{children:(0,o.jsx)("clipPath",{id:"clip0_2_37",children:(0,o.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),"IconChevronLeft",0,L,"IconChevronRight",0,({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M8.5 11.5L12 8L8.5 4.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),"IconClose",0,({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",children:(0,o.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),"IconCopyAlt",0,({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.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,o.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"})]}),"IconCopyAnimated",0,y,"IconEdit",0,S,"IconEye",0,({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("path",{d:"M4.91516 12.7108C4.63794 12.2883 4.63705 11.7565 4.91242 11.3328C5.84146 9.9033 8.30909 6.74994 12 6.74994C15.6909 6.74994 18.1585 9.9033 19.0876 11.3328C19.3629 11.7565 19.3621 12.2883 19.0848 12.7108C18.1537 14.13 15.6873 17.2499 12 17.2499C8.31272 17.2499 5.8463 14.13 4.91516 12.7108Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7574 13.2426 9.75 12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),"IconEyeAlt",0,({size:e=24})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.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,o.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"})]}),"IconEyeAnimated",0,f,"IconEyeClosed",0,({size:e=24})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.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,o.jsx)("path",{d:"M5 19L19 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),"IconEyeMinus",0,({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("path",{d:"M4.91516 12.7108C4.63794 12.2883 4.63705 11.7565 4.91242 11.3328C5.84146 9.9033 8.30909 6.74994 12 6.74994C15.6909 6.74994 18.1585 9.9033 19.0876 11.3328C19.3629 11.7565 19.3621 12.2883 19.0848 12.7108C18.1537 14.13 15.6873 17.2499 12 17.2499C8.31272 17.2499 5.8463 14.13 4.91516 12.7108Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M9 12H15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),"IconGear",0,w,"IconHelp",0,p,"IconLayout",0,I,"IconListSparkle",0,g,"IconMoon",0,M,"IconPause",0,({size:e=24})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("path",{d:"M8 6L8 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,o.jsx)("path",{d:"M16 18L16 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),"IconPauseAlt",0,({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("path",{d:"M9.25 5.75C9.80228 5.75 10.25 6.19772 10.25 6.75L10.25 17.25C10.25 17.8023 9.80228 18.25 9.25 18.25L6.75 18.25C6.19772 18.25 5.75 17.8023 5.75 17.25L5.75 6.75C5.75 6.19772 6.19772 5.75 6.75 5.75L9.25 5.75Z",stroke:"currentColor",strokeWidth:"1.5"}),(0,o.jsx)("path",{d:"M17.25 5.75C17.8023 5.75 18.25 6.19772 18.25 6.75L18.25 17.25C18.25 17.8023 17.8023 18.25 17.25 18.25L14.75 18.25C14.1977 18.25 13.75 17.8023 13.75 17.25L13.75 6.75C13.75 6.19772 14.1977 5.75 14.75 5.75L17.25 5.75Z",stroke:"currentColor",strokeWidth:"1.5"})]}),"IconPausePlayAnimated",0,b,"IconPlayAlt",0,({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:(0,o.jsx)("path",{d:"M17.75 10.701C18.75 11.2783 18.75 12.7217 17.75 13.299L8.75 18.4952C7.75 19.0725 6.5 18.3509 6.5 17.1962L6.5 6.80384C6.5 5.64914 7.75 4.92746 8.75 5.50481L17.75 10.701Z",stroke:"currentColor",strokeWidth:"1.5"})}),"IconPlus",0,m,"IconSendAnimated",0,({size:e=24,sent:t=!1})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 22 21",fill:"none",children:[(0,o.jsxs)("g",{className:`${l} ${t?h:c}`,children:[(0,o.jsx)("path",{d:"M9.5 5H6.5C4.84315 5 3.5 6.34315 3.5 8V15C3.5 16.6569 4.84315 18 6.5 18H13.5C15.1569 18 16.5 16.6569 16.5 15V12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,o.jsx)("path",{d:"M13.5 8.5L18.5 3.5M18.5 3.5L14.4524 3.5M18.5 3.5L18.5 7.54762",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M7.5 13.75H12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,o.jsx)("path",{d:"M7.5 10.75H10.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),(0,o.jsxs)("g",{className:`${l} ${t?c:h}`,children:[(0,o.jsx)("path",{d:"M11 19C6.58172 19 3 15.4182 3 11C3 6.58172 6.58172 3 11 3C15.4182 3 19 6.58172 19 11C19 15.4182 15.4182 19 11 19Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M14 9L10 13.25L8.25 11.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})]}),"IconSendArrow",0,x,"IconSun",0,C,"IconTrash",0,$,"IconTrashAlt",0,v,"IconXmark",0,k,"IconXmarkLarge",0,j,"PageFeedbackToolbarCSS",0,tA,"closestCrossingShadow",0,ea,"getElementClasses",0,eh,"getElementPath",0,ed,"getNearbyText",0,ec,"getShadowHost",0,function(e){let t=e.getRootNode();return t instanceof ShadowRoot?t.host:null},"getStorageKey",0,eJ,"identifyAnimationElement",0,function(e){if(e.dataset.element)return e.dataset.element;let t=e.tagName.toLowerCase();if("path"===t)return"path";if("circle"===t)return"circle";if("rect"===t)return"rectangle";if("line"===t)return"line";if("ellipse"===t)return"ellipse";if("polygon"===t)return"polygon";if("g"===t)return"group";if("svg"===t)return"svg";if("button"===t){let t=e.textContent?.trim();return t?`button "${t}"`:"button"}if("input"===t){let t=e.getAttribute("type")||"text";return`input (${t})`}if("span"===t||"p"===t||"label"===t){let t=e.textContent?.trim();return t&&t.length<30?`"${t}"`:"text"}if("div"===t){let t=e.className;if("string"==typeof t&&t){let e=t.split(/[\s_-]+/).map(e=>e.replace(/[A-Z0-9]{5,}.*$/,"")).filter(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e)).slice(0,2);if(e.length>0)return e.join(" ")}return"container"}return t},"identifyElement",0,e_,"isInShadowDOM",0,function(e){return e.getRootNode()instanceof ShadowRoot},"loadAnnotations",0,eG,"saveAnnotations",0,e0])},5625,e=>{"use strict";var t=e.i(81099),n=e.i(13171),o=e.i(63178);e.s(["ThemeProvider",0,e=>{let r,s,l,i=(0,n.c)(6);return i[0]!==e?({children:r,...s}=e,i[0]=e,i[1]=r,i[2]=s):(r=i[1],s=i[2]),i[3]!==r||i[4]!==s?(l=(0,t.jsx)(o.ThemeProvider,{...s,children:r}),i[3]=r,i[4]=s,i[5]=l):l=i[5],l}])}]);
+    `}),(0,o.jsx)("path",{className:"check-path-animated",d:"M3.9375 7L6.125 9.1875L10.5 4.8125",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),"IconCheckmark",0,({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("g",{clipPath:"url(#clip0_2_45)",children:(0,o.jsx)("path",{d:"M16.25 8.75L10 15.25L7.25 12.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,o.jsx)("defs",{children:(0,o.jsx)("clipPath",{id:"clip0_2_45",children:(0,o.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),"IconCheckmarkCircle",0,({size:e=24})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsxs)("g",{clipPath:"url(#clip0_checkmark_circle)",children:[(0,o.jsx)("path",{d:"M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M15 10L11 14.25L9.25 12.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,o.jsx)("defs",{children:(0,o.jsx)("clipPath",{id:"clip0_checkmark_circle",children:(0,o.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),"IconCheckmarkLarge",0,({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("g",{clipPath:"url(#clip0_2_37)",children:(0,o.jsx)("path",{d:"M17.5962 7.75L9.42308 16.25L6.15385 12.6538",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,o.jsx)("defs",{children:(0,o.jsx)("clipPath",{id:"clip0_2_37",children:(0,o.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),"IconChevronLeft",0,L,"IconChevronRight",0,({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M8.5 11.5L12 8L8.5 4.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),"IconClose",0,({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none",children:(0,o.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),"IconCopyAlt",0,({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.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,o.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"})]}),"IconCopyAnimated",0,y,"IconEdit",0,M,"IconEye",0,({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("path",{d:"M4.91516 12.7108C4.63794 12.2883 4.63705 11.7565 4.91242 11.3328C5.84146 9.9033 8.30909 6.74994 12 6.74994C15.6909 6.74994 18.1585 9.9033 19.0876 11.3328C19.3629 11.7565 19.3621 12.2883 19.0848 12.7108C18.1537 14.13 15.6873 17.2499 12 17.2499C8.31272 17.2499 5.8463 14.13 4.91516 12.7108Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7574 13.2426 9.75 12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),"IconEyeAlt",0,({size:e=24})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.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,o.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"})]}),"IconEyeAnimated",0,f,"IconEyeClosed",0,({size:e=24})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.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,o.jsx)("path",{d:"M5 19L19 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),"IconEyeMinus",0,({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("path",{d:"M4.91516 12.7108C4.63794 12.2883 4.63705 11.7565 4.91242 11.3328C5.84146 9.9033 8.30909 6.74994 12 6.74994C15.6909 6.74994 18.1585 9.9033 19.0876 11.3328C19.3629 11.7565 19.3621 12.2883 19.0848 12.7108C18.1537 14.13 15.6873 17.2499 12 17.2499C8.31272 17.2499 5.8463 14.13 4.91516 12.7108Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M9 12H15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),"IconGear",0,w,"IconHelp",0,p,"IconLayout",0,I,"IconListSparkle",0,g,"IconMoon",0,S,"IconPause",0,({size:e=24})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("path",{d:"M8 6L8 18",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,o.jsx)("path",{d:"M16 18L16 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),"IconPauseAlt",0,({size:e=16})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:[(0,o.jsx)("path",{d:"M9.25 5.75C9.80228 5.75 10.25 6.19772 10.25 6.75L10.25 17.25C10.25 17.8023 9.80228 18.25 9.25 18.25L6.75 18.25C6.19772 18.25 5.75 17.8023 5.75 17.25L5.75 6.75C5.75 6.19772 6.19772 5.75 6.75 5.75L9.25 5.75Z",stroke:"currentColor",strokeWidth:"1.5"}),(0,o.jsx)("path",{d:"M17.25 5.75C17.8023 5.75 18.25 6.19772 18.25 6.75L18.25 17.25C18.25 17.8023 17.8023 18.25 17.25 18.25L14.75 18.25C14.1977 18.25 13.75 17.8023 13.75 17.25L13.75 6.75C13.75 6.19772 14.1977 5.75 14.75 5.75L17.25 5.75Z",stroke:"currentColor",strokeWidth:"1.5"})]}),"IconPausePlayAnimated",0,b,"IconPlayAlt",0,({size:e=16})=>(0,o.jsx)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",children:(0,o.jsx)("path",{d:"M17.75 10.701C18.75 11.2783 18.75 12.7217 17.75 13.299L8.75 18.4952C7.75 19.0725 6.5 18.3509 6.5 17.1962L6.5 6.80384C6.5 5.64914 7.75 4.92746 8.75 5.50481L17.75 10.701Z",stroke:"currentColor",strokeWidth:"1.5"})}),"IconPlus",0,m,"IconSendAnimated",0,({size:e=24,sent:t=!1})=>(0,o.jsxs)("svg",{width:e,height:e,viewBox:"0 0 22 21",fill:"none",children:[(0,o.jsxs)("g",{className:`${l} ${t?h:c}`,children:[(0,o.jsx)("path",{d:"M9.5 5H6.5C4.84315 5 3.5 6.34315 3.5 8V15C3.5 16.6569 4.84315 18 6.5 18H13.5C15.1569 18 16.5 16.6569 16.5 15V12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,o.jsx)("path",{d:"M13.5 8.5L18.5 3.5M18.5 3.5L14.4524 3.5M18.5 3.5L18.5 7.54762",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M7.5 13.75H12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,o.jsx)("path",{d:"M7.5 10.75H10.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),(0,o.jsxs)("g",{className:`${l} ${t?c:h}`,children:[(0,o.jsx)("path",{d:"M11 19C6.58172 19 3 15.4182 3 11C3 6.58172 6.58172 3 11 3C15.4182 3 19 6.58172 19 11C19 15.4182 15.4182 19 11 19Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("path",{d:"M14 9L10 13.25L8.25 11.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})]}),"IconSendArrow",0,x,"IconSun",0,C,"IconTrash",0,$,"IconTrashAlt",0,v,"IconXmark",0,k,"IconXmarkLarge",0,j,"PageFeedbackToolbarCSS",0,tA,"closestCrossingShadow",0,ea,"getElementClasses",0,eh,"getElementPath",0,ed,"getNearbyText",0,ec,"getShadowHost",0,function(e){let t=e.getRootNode();return t instanceof ShadowRoot?t.host:null},"getStorageKey",0,eJ,"identifyAnimationElement",0,function(e){if(e.dataset.element)return e.dataset.element;let t=e.tagName.toLowerCase();if("path"===t)return"path";if("circle"===t)return"circle";if("rect"===t)return"rectangle";if("line"===t)return"line";if("ellipse"===t)return"ellipse";if("polygon"===t)return"polygon";if("g"===t)return"group";if("svg"===t)return"svg";if("button"===t){let t=e.textContent?.trim();return t?`button "${t}"`:"button"}if("input"===t){let t=e.getAttribute("type")||"text";return`input (${t})`}if("span"===t||"p"===t||"label"===t){let t=e.textContent?.trim();return t&&t.length<30?`"${t}"`:"text"}if("div"===t){let t=e.className;if("string"==typeof t&&t){let e=t.split(/[\s_-]+/).map(e=>e.replace(/[A-Z0-9]{5,}.*$/,"")).filter(e=>e.length>2&&!/^[a-z]{1,2}$/.test(e)).slice(0,2);if(e.length>0)return e.join(" ")}return"container"}return t},"identifyElement",0,e_,"isInShadowDOM",0,function(e){return e.getRootNode()instanceof ShadowRoot},"loadAnnotations",0,eG,"saveAnnotations",0,e0])},13180,e=>{e.v(function(t,n){return e.b(t,"static/chunks/turbopack-worker-0sjn--fhq~1cg.js",["static/chunks/17b.xoi.b6rcl.js","static/chunks/turbopack-0_n_4n~_4no2a.js"],n)})},41447,e=>{"use strict";var t=e.i(81099),n=e.i(13171),o=e.i(2540);let r=()=>e.r(13180)(Worker,{type:"module"});e.s(["DiffsWorkerProvider",0,e=>{let s,l,i,a=(0,n.c)(4),{children:d}=e;a[0]===Symbol.for("react.memo_cache_sentinel")?(s={poolSize:Math.min(4,navigator.hardwareConcurrency||4),workerFactory:r},a[0]=s):s=a[0];let _=s;return a[1]===Symbol.for("react.memo_cache_sentinel")?(l={},a[1]=l):l=a[1],a[2]!==d?(i=(0,t.jsx)(o.WorkerPoolContextProvider,{highlighterOptions:l,poolOptions:_,children:d}),a[2]=d,a[3]=i):i=a[3],i}])},5625,e=>{"use strict";var t=e.i(81099),n=e.i(13171),o=e.i(63178);e.s(["ThemeProvider",0,e=>{let r,s,l,i=(0,n.c)(6);return i[0]!==e?({children:r,...s}=e,i[0]=e,i[1]=r,i[2]=s):(r=i[1],s=i[2]),i[3]!==r||i[4]!==s?(l=(0,t.jsx)(o.ThemeProvider,{...s,children:r}),i[3]=r,i[4]=s,i[5]=l):l=i[5],l}])}]);