made-refine 0.2.20 → 0.3.0

package/dist/index.mjs

@@ -7,7 +7,7 @@ import * as React8 from "react";
 import * as React from "react";
 
 // dist/styles.css
-var styles_default = '/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--leading-relaxed:1.625;--radius-sm:calc(.5rem - 4px);--radius-md:calc(.5rem - 2px);--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-border:#e6e6e6;--color-ring:#262626;--color-background:#fff;--color-foreground:#171717;--color-primary:#171717;--color-primary-foreground:#fafafa;--color-secondary-foreground:#171717;--color-destructive:#ef4444;--color-destructive-foreground:#fafafa;--color-muted:#f2f2f2;--color-muted-foreground:#737373;--color-popover-foreground:#171717}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root,:host{color-scheme:light;color:var(--color-foreground)}@media (prefers-color-scheme:dark){:root,:host(:not([data-theme])),:host([data-theme=system]){color-scheme:dark;color:var(--color-foreground);--color-border:#2e2e2e;--color-input:#2e2e2e;--color-ring:#d4d4d4;--color-background:#121212;--color-foreground:#fafafa;--color-primary:#fafafa;--color-primary-foreground:#171717;--color-secondary:#262626;--color-secondary-foreground:#fafafa;--color-destructive:#7f1d1d;--color-destructive-foreground:#fafafa;--color-muted:#262626;--color-muted-foreground:#a3a3a3;--color-accent:#262626;--color-accent-foreground:#fafafa;--color-popover:#171717;--color-popover-foreground:#fafafa}}:host([data-theme=dark]){color-scheme:dark;color:var(--color-foreground);--color-border:#2e2e2e;--color-input:#2e2e2e;--color-ring:#d4d4d4;--color-background:#121212;--color-foreground:#fafafa;--color-primary:#fafafa;--color-primary-foreground:#171717;--color-secondary:#262626;--color-secondary-foreground:#fafafa;--color-destructive:#7f1d1d;--color-destructive-foreground:#fafafa;--color-muted:#262626;--color-muted-foreground:#a3a3a3;--color-accent:#262626;--color-accent-foreground:#fafafa;--color-popover:#171717;--color-popover-foreground:#fafafa}*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--color-background);--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;border-color:var(--color-border)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.left-1\\.5{left:calc(var(--spacing)*1.5)}.left-1\\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.z-\\[99990\\]{z-index:99990}.z-\\[99991\\]{z-index:99991}.z-\\[99998\\]{z-index:99998}.z-\\[99999\\]{z-index:99999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-4{margin:calc(var(--spacing)*4)}.mx-0\\.5{margin-inline:calc(var(--spacing)*.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.my-0\\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2\\.5{margin-top:calc(var(--spacing)*2.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.list-item{display:list-item}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.size-2\\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-full{width:100%;height:100%}.h-0\\.5{height:calc(var(--spacing)*.5)}.h-2{height:calc(var(--spacing)*2)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-\\[150px\\]{height:150px}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-\\[240px\\]{max-height:240px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\\[18px\\]{min-height:18px}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-14{width:calc(var(--spacing)*14)}.w-\\[1\\.5px\\]{width:1.5px}.w-\\[60px\\]{width:60px}.w-\\[68px\\]{width:68px}.w-\\[180px\\]{width:180px}.w-\\[200px\\]{width:200px}.w-\\[240px\\]{width:240px}.w-\\[260px\\]{width:260px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[18px\\]{min-width:18px}.min-w-\\[20px\\]{min-width:20px}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[120px\\]{min-width:120px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-\\(--transform-origin\\){transform-origin:var(--transform-origin)}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.\\[appearance\\:textfield\\]{appearance:textfield}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\\[0fr\\]{grid-template-columns:0fr}.grid-cols-\\[1fr\\]{grid-template-columns:1fr}.grid-rows-\\[0fr\\]{grid-template-rows:0fr}.grid-rows-\\[1fr\\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-\\[2px\\]{gap:2px}.gap-\\[4px\\]{gap:4px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-\\[6px\\]{border-radius:6px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-double{--tw-border-style:double;border-style:double}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.\\[border-top-style\\:solid\\]{border-top-style:solid}.\\[border-right-style\\:dashed\\]{border-right-style:dashed}.\\[border-bottom-style\\:dashed\\]{border-bottom-style:dashed}.\\[border-bottom-style\\:dotted\\]{border-bottom-style:dotted}.\\[border-bottom-style\\:solid\\]{border-bottom-style:solid}.\\[border-left-style\\:double\\]{border-left-style:double}.\\[border-left-style\\:solid\\]{border-left-style:solid}.border-border{border-color:var(--color-border)}.border-border\\/30{border-color:#e6e6e64d}@supports (color:color-mix(in lab, red, red)){.border-border\\/30{border-color:color-mix(in oklab,var(--color-border)30%,transparent)}}.border-border\\/50{border-color:#e6e6e680}@supports (color:color-mix(in lab, red, red)){.border-border\\/50{border-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.border-foreground\\/10{border-color:#1717171a}@supports (color:color-mix(in lab, red, red)){.border-foreground\\/10{border-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.bg-\\[canvas\\]{background-color:canvas}.bg-background{background-color:var(--color-background)}.bg-background\\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-background\\/85{background-color:color-mix(in oklab,var(--color-background)85%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border{background-color:var(--color-border)}.bg-destructive{background-color:var(--color-destructive)}.bg-foreground{background-color:var(--color-foreground)}.bg-foreground\\/25{background-color:#17171740}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/25{background-color:color-mix(in oklab,var(--color-foreground)25%,transparent)}}.bg-muted{background-color:var(--color-muted)}.bg-muted-foreground\\/30{background-color:#7373734d}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\\/30{background-color:color-mix(in oklab,var(--color-muted-foreground)30%,transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-transparent{background-color:#0000}.fill-border{fill:var(--color-border)}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\\.5{padding-block:calc(var(--spacing)*3.5)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2\\.5{padding-top:calc(var(--spacing)*2.5)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-\\[13px\\]{padding-top:13px}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-1\\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-7{padding-left:calc(var(--spacing)*7)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[7px\\]{font-size:7px}.text-\\[9px\\]{font-size:9px}.text-\\[10px\\]{font-size:10px}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.\\[overflow-wrap\\:anywhere\\]{overflow-wrap:anywhere}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-background{color:var(--color-background)}.text-blue-500{color:var(--color-blue-500)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(0\\,0\\,0\\,0\\.3\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_4px_6px_-1px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-white{--tw-ring-color:var(--color-white)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-border{outline-color:var(--color-border)}.outline-foreground\\/10{outline-color:#1717171a}@supports (color:color-mix(in lab, red, red)){.outline-foreground\\/10{outline-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.outline-red-500\\/70{outline-color:#fb2c36b3}@supports (color:color-mix(in lab, red, red)){.outline-red-500\\/70{outline-color:color-mix(in oklab,var(--color-red-500)70%,transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[color\\,background-color\\]{transition-property:color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,background-color\\,color\\]{transition-property:opacity,background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[transform\\,scale\\,opacity\\]{transition-property:transform,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[-ms-overflow-style\\:none\\]{-ms-overflow-style:none}.\\[scrollbar-width\\:none\\]{scrollbar-width:none}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.fade-in-0{--tw-enter-opacity:0}.running{animation-play-state:running}.zoom-in-95{--tw-enter-scale:.95}@media (hover:hover){.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\/pin\\:inline:is(:where(.group\\/pin):hover *){display:inline}}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.placeholder\\:text-red-400::placeholder{color:var(--color-red-400)}.focus-within\\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\\:ring-ring:focus-within{--tw-ring-color:var(--color-ring)}.focus-within\\:outline-none:focus-within{--tw-outline-style:none;outline-style:none}.focus-within\\:ring-inset:focus-within{--tw-ring-inset:inset}@media (hover:hover){.hover\\:scale-\\[1\\.67\\]:hover{scale:1.67}.hover\\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\\:bg-destructive\\/90:hover{background-color:#ef4444e6}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--color-destructive)90%,transparent)}}.hover\\:bg-foreground\\/80:hover{background-color:#171717cc}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/80:hover{background-color:color-mix(in oklab,var(--color-foreground)80%,transparent)}}.hover\\:bg-muted:hover{background-color:var(--color-muted)}.hover\\:bg-muted-foreground\\/10:hover{background-color:#7373731a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted-foreground\\/10:hover{background-color:color-mix(in oklab,var(--color-muted-foreground)10%,transparent)}}.hover\\:bg-muted\\/50:hover{background-color:#f2f2f280}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/50:hover{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.hover\\:bg-muted\\/80:hover{background-color:#f2f2f2cc}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/80:hover{background-color:color-mix(in oklab,var(--color-muted)80%,transparent)}}.hover\\:bg-primary\\/90:hover{background-color:#171717e6}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\\:text-foreground:hover{color:var(--color-foreground)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-ending-style\\:scale-90[data-ending-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-ending-style\\:opacity-0[data-ending-style]{opacity:0}.data-instant\\:transition-none[data-instant]{transition-property:none}.data-starting-style\\:scale-90[data-starting-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-starting-style\\:opacity-0[data-starting-style]{opacity:0}.data-\\[highlighted\\]\\:bg-muted[data-highlighted]{background-color:var(--color-muted)}.data-\\[highlighted\\]\\:bg-muted\\/50[data-highlighted]{background-color:#f2f2f280}@supports (color:color-mix(in lab, red, red)){.data-\\[highlighted\\]\\:bg-muted\\/50[data-highlighted]{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.data-\\[highlighted\\]\\:text-foreground[data-highlighted]{color:var(--color-foreground)}@media (prefers-color-scheme:dark){.dark\\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\\:-outline-offset-1{outline-offset:calc(1px*-1)}}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-3\\.5 svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button{appearance:none}.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none;animation:none}}.lucide{stroke-width:1px}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}';
+var styles_default = '/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--leading-relaxed:1.625;--radius-sm:calc(.5rem - 4px);--radius-md:calc(.5rem - 2px);--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-border:#e6e6e6;--color-ring:#262626;--color-background:#fff;--color-foreground:#171717;--color-primary:#171717;--color-primary-foreground:#fafafa;--color-secondary-foreground:#171717;--color-destructive:#ef4444;--color-destructive-foreground:#fafafa;--color-muted:#f2f2f2;--color-muted-foreground:#737373;--color-popover-foreground:#171717}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root,:host{color-scheme:light;color:var(--color-foreground)}@media (prefers-color-scheme:dark){:root,:host(:not([data-theme])),:host([data-theme=system]){color-scheme:dark;color:var(--color-foreground);--color-border:#2e2e2e;--color-input:#2e2e2e;--color-ring:#d4d4d4;--color-background:#121212;--color-foreground:#fafafa;--color-primary:#fafafa;--color-primary-foreground:#171717;--color-secondary:#262626;--color-secondary-foreground:#fafafa;--color-destructive:#7f1d1d;--color-destructive-foreground:#fafafa;--color-muted:#262626;--color-muted-foreground:#a3a3a3;--color-accent:#262626;--color-accent-foreground:#fafafa;--color-popover:#171717;--color-popover-foreground:#fafafa}}:host([data-theme=dark]){color-scheme:dark;color:var(--color-foreground);--color-border:#2e2e2e;--color-input:#2e2e2e;--color-ring:#d4d4d4;--color-background:#121212;--color-foreground:#fafafa;--color-primary:#fafafa;--color-primary-foreground:#171717;--color-secondary:#262626;--color-secondary-foreground:#fafafa;--color-destructive:#7f1d1d;--color-destructive-foreground:#fafafa;--color-muted:#262626;--color-muted-foreground:#a3a3a3;--color-accent:#262626;--color-accent-foreground:#fafafa;--color-popover:#171717;--color-popover-foreground:#fafafa}*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--color-background);--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;border-color:var(--color-border)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.left-1\\.5{left:calc(var(--spacing)*1.5)}.left-1\\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.isolate{isolation:isolate}.z-\\[99990\\]{z-index:99990}.z-\\[99991\\]{z-index:99991}.z-\\[99998\\]{z-index:99998}.z-\\[99999\\]{z-index:99999}.\\!container{width:100%!important}@media (min-width:40rem){.\\!container{max-width:40rem!important}}@media (min-width:48rem){.\\!container{max-width:48rem!important}}@media (min-width:64rem){.\\!container{max-width:64rem!important}}@media (min-width:80rem){.\\!container{max-width:80rem!important}}@media (min-width:96rem){.\\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-4{margin:calc(var(--spacing)*4)}.mx-0\\.5{margin-inline:calc(var(--spacing)*.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.my-0\\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2\\.5{margin-top:calc(var(--spacing)*2.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.list-item{display:list-item}.table{display:table}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.size-2\\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-full{width:100%;height:100%}.h-0\\.5{height:calc(var(--spacing)*.5)}.h-2{height:calc(var(--spacing)*2)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-\\[150px\\]{height:150px}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-\\[240px\\]{max-height:240px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\\[18px\\]{min-height:18px}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-14{width:calc(var(--spacing)*14)}.w-\\[1\\.5px\\]{width:1.5px}.w-\\[60px\\]{width:60px}.w-\\[68px\\]{width:68px}.w-\\[180px\\]{width:180px}.w-\\[200px\\]{width:200px}.w-\\[240px\\]{width:240px}.w-\\[260px\\]{width:260px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[18px\\]{min-width:18px}.min-w-\\[20px\\]{min-width:20px}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[120px\\]{min-width:120px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-\\(--transform-origin\\){transform-origin:var(--transform-origin)}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.\\[appearance\\:textfield\\]{appearance:textfield}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\\[0fr\\]{grid-template-columns:0fr}.grid-cols-\\[1fr\\]{grid-template-columns:1fr}.grid-rows-\\[0fr\\]{grid-template-rows:0fr}.grid-rows-\\[1fr\\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-\\[2px\\]{gap:2px}.gap-\\[4px\\]{gap:4px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-\\[6px\\]{border-radius:6px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-double{--tw-border-style:double;border-style:double}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.\\[border-top-style\\:solid\\]{border-top-style:solid}.\\[border-right-style\\:dashed\\]{border-right-style:dashed}.\\[border-bottom-style\\:dashed\\]{border-bottom-style:dashed}.\\[border-bottom-style\\:dotted\\]{border-bottom-style:dotted}.\\[border-bottom-style\\:solid\\]{border-bottom-style:solid}.\\[border-left-style\\:double\\]{border-left-style:double}.\\[border-left-style\\:solid\\]{border-left-style:solid}.border-border{border-color:var(--color-border)}.border-border\\/30{border-color:#e6e6e64d}@supports (color:color-mix(in lab, red, red)){.border-border\\/30{border-color:color-mix(in oklab,var(--color-border)30%,transparent)}}.border-border\\/50{border-color:#e6e6e680}@supports (color:color-mix(in lab, red, red)){.border-border\\/50{border-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.border-foreground\\/10{border-color:#1717171a}@supports (color:color-mix(in lab, red, red)){.border-foreground\\/10{border-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.bg-\\[canvas\\]{background-color:canvas}.bg-background{background-color:var(--color-background)}.bg-background\\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-background\\/85{background-color:color-mix(in oklab,var(--color-background)85%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border{background-color:var(--color-border)}.bg-destructive{background-color:var(--color-destructive)}.bg-foreground{background-color:var(--color-foreground)}.bg-foreground\\/25{background-color:#17171740}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/25{background-color:color-mix(in oklab,var(--color-foreground)25%,transparent)}}.bg-muted{background-color:var(--color-muted)}.bg-muted-foreground\\/30{background-color:#7373734d}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\\/30{background-color:color-mix(in oklab,var(--color-muted-foreground)30%,transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.fill-border{fill:var(--color-border)}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\\.5{padding-block:calc(var(--spacing)*3.5)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2\\.5{padding-top:calc(var(--spacing)*2.5)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-\\[13px\\]{padding-top:13px}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-1\\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-7{padding-left:calc(var(--spacing)*7)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[7px\\]{font-size:7px}.text-\\[9px\\]{font-size:9px}.text-\\[10px\\]{font-size:10px}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.\\[overflow-wrap\\:anywhere\\]{overflow-wrap:anywhere}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-background{color:var(--color-background)}.text-blue-500{color:var(--color-blue-500)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(0\\,0\\,0\\,0\\.3\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_4px_6px_-1px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-white{--tw-ring-color:var(--color-white)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-border{outline-color:var(--color-border)}.outline-foreground\\/10{outline-color:#1717171a}@supports (color:color-mix(in lab, red, red)){.outline-foreground\\/10{outline-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.outline-red-500\\/70{outline-color:#fb2c36b3}@supports (color:color-mix(in lab, red, red)){.outline-red-500\\/70{outline-color:color-mix(in oklab,var(--color-red-500)70%,transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[color\\,background-color\\]{transition-property:color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,background-color\\,color\\]{transition-property:opacity,background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[transform\\,scale\\,opacity\\]{transition-property:transform,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[-ms-overflow-style\\:none\\]{-ms-overflow-style:none}.\\[scrollbar-width\\:none\\]{scrollbar-width:none}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.fade-in-0{--tw-enter-opacity:0}.running{animation-play-state:running}.zoom-in-95{--tw-enter-scale:.95}@media (hover:hover){.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\/pin\\:inline:is(:where(.group\\/pin):hover *){display:inline}}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.placeholder\\:text-red-400::placeholder{color:var(--color-red-400)}.focus-within\\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\\:ring-ring:focus-within{--tw-ring-color:var(--color-ring)}.focus-within\\:outline-none:focus-within{--tw-outline-style:none;outline-style:none}.focus-within\\:ring-inset:focus-within{--tw-ring-inset:inset}@media (hover:hover){.hover\\:scale-\\[1\\.67\\]:hover{scale:1.67}.hover\\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\\:bg-destructive\\/90:hover{background-color:#ef4444e6}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--color-destructive)90%,transparent)}}.hover\\:bg-foreground\\/80:hover{background-color:#171717cc}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/80:hover{background-color:color-mix(in oklab,var(--color-foreground)80%,transparent)}}.hover\\:bg-muted:hover{background-color:var(--color-muted)}.hover\\:bg-muted-foreground\\/10:hover{background-color:#7373731a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted-foreground\\/10:hover{background-color:color-mix(in oklab,var(--color-muted-foreground)10%,transparent)}}.hover\\:bg-muted\\/50:hover{background-color:#f2f2f280}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/50:hover{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.hover\\:bg-muted\\/80:hover{background-color:#f2f2f2cc}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/80:hover{background-color:color-mix(in oklab,var(--color-muted)80%,transparent)}}.hover\\:bg-primary\\/90:hover{background-color:#171717e6}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\\:text-foreground:hover{color:var(--color-foreground)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-ending-style\\:scale-90[data-ending-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-ending-style\\:opacity-0[data-ending-style]{opacity:0}.data-instant\\:transition-none[data-instant]{transition-property:none}.data-starting-style\\:scale-90[data-starting-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-starting-style\\:opacity-0[data-starting-style]{opacity:0}.data-\\[highlighted\\]\\:bg-muted[data-highlighted]{background-color:var(--color-muted)}.data-\\[highlighted\\]\\:bg-muted\\/50[data-highlighted]{background-color:#f2f2f280}@supports (color:color-mix(in lab, red, red)){.data-\\[highlighted\\]\\:bg-muted\\/50[data-highlighted]{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.data-\\[highlighted\\]\\:text-foreground[data-highlighted]{color:var(--color-foreground)}@media (prefers-color-scheme:dark){.dark\\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\\:-outline-offset-1{outline-offset:calc(1px*-1)}}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-3\\.5 svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button{appearance:none}.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none;animation:none}}.lucide{stroke-width:1px}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}';
 
 // src/portal-container.tsx
 import { jsx } from "react/jsx-runtime";
@@ -397,10 +397,30 @@ function getSourceFromFiber(fiber) {
   if (fromDebugStack?.fileName) return fromDebugStack;
   return null;
 }
+var REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref");
+var REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo");
+function resolveComponentName(type) {
+  let current = type;
+  for (let depth = 0; depth < 4 && current != null; depth++) {
+    const name = current.displayName || (typeof current === "function" ? current.name : void 0);
+    if (name) return name;
+    if (typeof current !== "object") return null;
+    if (current.$$typeof === REACT_MEMO_TYPE) {
+      current = current.type;
+      continue;
+    }
+    if (current.$$typeof === REACT_FORWARD_REF_TYPE) {
+      current = current.render;
+      continue;
+    }
+    return null;
+  }
+  return null;
+}
 function buildFrame(fiber) {
   const type = fiber?.type;
   if (typeof type !== "function" && typeof type !== "object") return null;
-  const name = type?.displayName || type?.name || null;
+  const name = resolveComponentName(type);
   if (!name || name === "Fragment") return null;
   const frame = { name };
   const source = getSourceFromFiber(fiber);
@@ -472,14 +492,7 @@ function getReactComponentInfo(element) {
   }
   return { ...getRenderStack(fiber), elementSourceFile };
 }
-var EXCLUDED_PROP_KEYS = /* @__PURE__ */ new Set([
-  "className",
-  "style",
-  "children",
-  "ref",
-  "key",
-  "render"
-]);
+var EXCLUDED_PROP_KEYS = /* @__PURE__ */ new Set(["className", "style", "children", "ref", "key", "render"]);
 function serializePropValue(value) {
   if (typeof value === "function") return "[function]";
   if (typeof value === "symbol") return void 0;
@@ -590,19 +603,7 @@ function classifyComponentFiber(fiber, frames, elementSourceFile) {
   return { isComponentPrimitive: false };
 }
 
-// src/utils.ts
-function clamp(value, min, max) {
-  if (!Number.isFinite(value)) return min;
-  if (max < min) return min;
-  return Math.max(min, Math.min(max, value));
-}
-function isInputFocused() {
-  let active = document.activeElement;
-  while (active?.shadowRoot?.activeElement) {
-    active = active.shadowRoot.activeElement;
-  }
-  return active instanceof HTMLInputElement || active instanceof HTMLTextAreaElement || active instanceof HTMLElement && active.isContentEditable;
-}
+// src/utils/computed-styles.ts
 function getComputedStyles(element) {
   const computed = window.getComputedStyle(element);
   return {
@@ -711,6 +712,255 @@ function getOriginalInlineStyles(element) {
   }
   return styles;
 }
+function getComputedTypography(element) {
+  const computed = window.getComputedStyle(element);
+  let textVerticalAlign = "flex-start";
+  if (computed.display === "flex" || computed.display === "inline-flex") {
+    const alignItems = computed.alignItems;
+    if (alignItems === "center") textVerticalAlign = "center";
+    else if (alignItems === "flex-end" || alignItems === "end") textVerticalAlign = "flex-end";
+  }
+  const lineHeight = computed.lineHeight === "normal" ? {
+    numericValue: parseFloat(computed.fontSize) * 1.2,
+    unit: "px",
+    raw: `${Math.round(parseFloat(computed.fontSize) * 1.2)}px`
+  } : parsePropertyValue(computed.lineHeight);
+  const fontSize = parseFloat(computed.fontSize);
+  let letterSpacing;
+  if (computed.letterSpacing === "normal") {
+    letterSpacing = { numericValue: 0, unit: "em", raw: "0em" };
+  } else {
+    const parsed = parsePropertyValue(computed.letterSpacing);
+    if (parsed.unit === "px" && fontSize > 0) {
+      const emValue = Math.round(parsed.numericValue / fontSize * 100) / 100;
+      letterSpacing = { numericValue: emValue, unit: "em", raw: `${emValue}em` };
+    } else {
+      letterSpacing = parsed;
+    }
+  }
+  return {
+    fontFamily: computed.fontFamily,
+    fontWeight: computed.fontWeight,
+    fontSize: parsePropertyValue(computed.fontSize),
+    lineHeight,
+    letterSpacing,
+    textAlign: computed.textAlign,
+    textVerticalAlign
+  };
+}
+function getComputedSizing(element) {
+  return {
+    width: getSizingValue(element, "width"),
+    height: getSizingValue(element, "height")
+  };
+}
+var TEXT_ELEMENT_TAGS = /* @__PURE__ */ new Set([
+  "p",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "span",
+  "label",
+  "a",
+  "strong",
+  "em",
+  "small",
+  "blockquote",
+  "li",
+  "td",
+  "th",
+  "caption",
+  "figcaption",
+  "legend",
+  "dt",
+  "dd",
+  "abbr",
+  "cite",
+  "code",
+  "pre"
+]);
+function hasDirectNonWhitespaceText(element) {
+  return Array.from(element.childNodes).some(
+    (node) => node.nodeType === Node.TEXT_NODE && Boolean(node.textContent?.trim())
+  );
+}
+var TRANSPARENT_COLOR = { hex: "000000", alpha: 0, raw: "transparent" };
+function isVisibleBorderSide(side) {
+  return side.style !== "none" && side.style !== "hidden" && parseFloat(side.width) > 0;
+}
+function hasVisibleOutline(computed) {
+  return computed.outlineStyle !== "none" && parseFloat(computed.outlineWidth) > 0;
+}
+function parseVisibleColor(value, fallbackCurrentColor) {
+  const raw = value.trim();
+  const lowered = raw.toLowerCase();
+  if (!raw || lowered === "none" || lowered === "transparent") {
+    return null;
+  }
+  const resolved = /^currentcolor$/i.test(raw) ? fallbackCurrentColor ?? raw : raw;
+  const parsed = parseColorValue(resolved);
+  if (parsed.alpha <= 0) {
+    return null;
+  }
+  return parsed;
+}
+function addUniqueColor(colors, color) {
+  if (!color) return;
+  colors.set(`${color.hex}:${color.alpha}`, color);
+}
+function isTextRenderingFormControl(element) {
+  if (element instanceof HTMLTextAreaElement) return true;
+  if (element instanceof HTMLSelectElement) return true;
+  if (element instanceof HTMLButtonElement) return true;
+  if (element instanceof HTMLInputElement) {
+    const textlessInputTypes = /* @__PURE__ */ new Set([
+      "hidden",
+      "checkbox",
+      "radio",
+      "range",
+      "color",
+      "file",
+      "image"
+    ]);
+    return !textlessInputTypes.has(element.type.toLowerCase());
+  }
+  return false;
+}
+function hasRenderableTextNode(element) {
+  if (element.isContentEditable) return true;
+  if (isTextRenderingFormControl(element)) return true;
+  if (!element.textContent?.trim()) return false;
+  if (hasDirectNonWhitespaceText(element)) return true;
+  const tagName = element.tagName.toLowerCase();
+  return TEXT_ELEMENT_TAGS.has(tagName) || element.children.length === 0;
+}
+function getComputedBoxShadow(element) {
+  const computed = window.getComputedStyle(element);
+  const value = computed.boxShadow.trim();
+  return value || "none";
+}
+function getComputedColorStyles(element) {
+  const computed = window.getComputedStyle(element);
+  const borderSides = [
+    {
+      style: computed.borderTopStyle,
+      width: computed.borderTopWidth,
+      color: computed.borderTopColor
+    },
+    {
+      style: computed.borderRightStyle,
+      width: computed.borderRightWidth,
+      color: computed.borderRightColor
+    },
+    {
+      style: computed.borderBottomStyle,
+      width: computed.borderBottomWidth,
+      color: computed.borderBottomColor
+    },
+    {
+      style: computed.borderLeftStyle,
+      width: computed.borderLeftWidth,
+      color: computed.borderLeftColor
+    }
+  ];
+  const visibleBorderSide = borderSides.find((side) => isVisibleBorderSide(side));
+  const hasBorder = Boolean(visibleBorderSide);
+  const hasOutline = hasVisibleOutline(computed);
+  return {
+    backgroundColor: parseColorValue(computed.backgroundColor),
+    color: parseColorValue(computed.color),
+    borderColor: hasBorder && visibleBorderSide ? parseColorValue(visibleBorderSide.color) : TRANSPARENT_COLOR,
+    outlineColor: hasOutline ? parseColorValue(computed.outlineColor) : TRANSPARENT_COLOR
+  };
+}
+function getSelectionColors(element) {
+  const uniqueColors = /* @__PURE__ */ new Map();
+  const queue = [element];
+  for (let index = 0; index < queue.length; index++) {
+    const node = queue[index];
+    const computed = window.getComputedStyle(node);
+    if (computed.display === "none") {
+      continue;
+    }
+    const isVisibilityHidden = computed.visibility === "hidden" || computed.visibility === "collapse";
+    const currentTextColor = computed.color;
+    if (!isVisibilityHidden) {
+      addUniqueColor(uniqueColors, parseVisibleColor(computed.backgroundColor));
+      if (node instanceof HTMLElement && hasRenderableTextNode(node)) {
+        addUniqueColor(uniqueColors, parseVisibleColor(currentTextColor));
+      }
+      const borderSides = [
+        {
+          style: computed.borderTopStyle,
+          width: computed.borderTopWidth,
+          color: computed.borderTopColor
+        },
+        {
+          style: computed.borderRightStyle,
+          width: computed.borderRightWidth,
+          color: computed.borderRightColor
+        },
+        {
+          style: computed.borderBottomStyle,
+          width: computed.borderBottomWidth,
+          color: computed.borderBottomColor
+        },
+        {
+          style: computed.borderLeftStyle,
+          width: computed.borderLeftWidth,
+          color: computed.borderLeftColor
+        }
+      ];
+      for (const side of borderSides) {
+        if (!isVisibleBorderSide(side)) continue;
+        addUniqueColor(uniqueColors, parseVisibleColor(side.color, currentTextColor));
+      }
+      if (hasVisibleOutline(computed)) {
+        addUniqueColor(uniqueColors, parseVisibleColor(computed.outlineColor, currentTextColor));
+      }
+      if (node instanceof SVGElement) {
+        const fillColor = parseVisibleColor(computed.getPropertyValue("fill"), currentTextColor) ?? parseVisibleColor(node.getAttribute("fill") ?? "", currentTextColor);
+        const strokeColor = parseVisibleColor(computed.getPropertyValue("stroke"), currentTextColor) ?? parseVisibleColor(node.getAttribute("stroke") ?? "", currentTextColor);
+        addUniqueColor(uniqueColors, fillColor);
+        addUniqueColor(uniqueColors, strokeColor);
+      }
+    }
+    for (const child of node.children) {
+      queue.push(child);
+    }
+  }
+  return Array.from(uniqueColors.values());
+}
+function getAllComputedStyles(element) {
+  const { spacing, borderRadius, flex } = getComputedStyles(element);
+  return {
+    spacing,
+    borderRadius,
+    border: getComputedBorderStyles(element),
+    flex,
+    sizing: getComputedSizing(element),
+    color: getComputedColorStyles(element),
+    boxShadow: getComputedBoxShadow(element),
+    typography: getComputedTypography(element)
+  };
+}
+
+// src/utils.ts
+function clamp(value, min, max) {
+  if (!Number.isFinite(value)) return min;
+  if (max < min) return min;
+  return Math.max(min, Math.min(max, value));
+}
+function isInputFocused() {
+  let active = document.activeElement;
+  while (active?.shadowRoot?.activeElement) {
+    active = active.shadowRoot.activeElement;
+  }
+  return active instanceof HTMLInputElement || active instanceof HTMLTextAreaElement || active instanceof HTMLElement && active.isContentEditable;
+}
 var spacingScale = { 0: "0", 1: "px", 2: "0.5", 4: "1", 8: "2", 12: "3", 16: "4", 20: "5", 24: "6", 32: "8" };
 var tailwindClassMap = {
   padding: { prefix: "p", scale: spacingScale },
@@ -1037,7 +1287,7 @@ var typographyPropertyToCSSMap = {
   textAlign: "text-align",
   textVerticalAlign: "align-items"
 };
-var TEXT_ELEMENT_TAGS = /* @__PURE__ */ new Set([
+var TEXT_ELEMENT_TAGS2 = /* @__PURE__ */ new Set([
   "p",
   "h1",
   "h2",
@@ -1065,55 +1315,23 @@ var TEXT_ELEMENT_TAGS = /* @__PURE__ */ new Set([
   "code",
   "pre"
 ]);
-function hasDirectNonWhitespaceText(element) {
+function hasDirectNonWhitespaceText2(element) {
   return Array.from(element.childNodes).some(
     (node) => node.nodeType === Node.TEXT_NODE && Boolean(node.textContent?.trim())
   );
 }
 function isTextElement2(element) {
   const tagName = element.tagName.toLowerCase();
-  if (TEXT_ELEMENT_TAGS.has(tagName)) {
-    return true;
-  }
-  if (hasDirectNonWhitespaceText(element)) {
-    return true;
-  }
-  if (element.children.length === 0 && element.textContent?.trim()) {
-    return true;
-  }
-  return false;
-}
-function getComputedTypography(element) {
-  const computed = window.getComputedStyle(element);
-  let textVerticalAlign = "flex-start";
-  if (computed.display === "flex" || computed.display === "inline-flex") {
-    const alignItems = computed.alignItems;
-    if (alignItems === "center") textVerticalAlign = "center";
-    else if (alignItems === "flex-end" || alignItems === "end") textVerticalAlign = "flex-end";
-  }
-  const lineHeight = computed.lineHeight === "normal" ? { numericValue: parseFloat(computed.fontSize) * 1.2, unit: "px", raw: `${Math.round(parseFloat(computed.fontSize) * 1.2)}px` } : parsePropertyValue(computed.lineHeight);
-  const fontSize = parseFloat(computed.fontSize);
-  let letterSpacing;
-  if (computed.letterSpacing === "normal") {
-    letterSpacing = { numericValue: 0, unit: "em", raw: "0em" };
-  } else {
-    const parsed = parsePropertyValue(computed.letterSpacing);
-    if (parsed.unit === "px" && fontSize > 0) {
-      const emValue = Math.round(parsed.numericValue / fontSize * 100) / 100;
-      letterSpacing = { numericValue: emValue, unit: "em", raw: `${emValue}em` };
-    } else {
-      letterSpacing = parsed;
-    }
-  }
-  return {
-    fontFamily: computed.fontFamily,
-    fontWeight: computed.fontWeight,
-    fontSize: parsePropertyValue(computed.fontSize),
-    lineHeight,
-    letterSpacing,
-    textAlign: computed.textAlign,
-    textVerticalAlign
-  };
+  if (TEXT_ELEMENT_TAGS2.has(tagName)) {
+    return true;
+  }
+  if (hasDirectNonWhitespaceText2(element)) {
+    return true;
+  }
+  if (element.children.length === 0 && element.textContent?.trim()) {
+    return true;
+  }
+  return false;
 }
 function detectSizingMode(element, dimension) {
   const computed = window.getComputedStyle(element);
@@ -1162,12 +1380,6 @@ function getSizingValue(element, dimension) {
     }
   };
 }
-function getComputedSizing(element) {
-  return {
-    width: getSizingValue(element, "width"),
-    height: getSizingValue(element, "height")
-  };
-}
 function sizingValueToCSS(sizing) {
   switch (sizing.mode) {
     case "fill":
@@ -1276,134 +1488,6 @@ function parseColorValue(cssValue) {
   }
   return parseNamedColor(raw);
 }
-var TRANSPARENT_COLOR = { hex: "000000", alpha: 0, raw: "transparent" };
-function isVisibleBorderSide(side) {
-  return side.style !== "none" && side.style !== "hidden" && parseFloat(side.width) > 0;
-}
-function hasVisibleOutline(computed) {
-  return computed.outlineStyle !== "none" && parseFloat(computed.outlineWidth) > 0;
-}
-function parseVisibleColor(value, fallbackCurrentColor) {
-  const raw = value.trim();
-  const lowered = raw.toLowerCase();
-  if (!raw || lowered === "none" || lowered === "transparent") {
-    return null;
-  }
-  const resolved = /^currentcolor$/i.test(raw) ? fallbackCurrentColor ?? raw : raw;
-  const parsed = parseColorValue(resolved);
-  if (parsed.alpha <= 0) {
-    return null;
-  }
-  return parsed;
-}
-function addUniqueColor(colors, color) {
-  if (!color) return;
-  colors.set(`${color.hex}:${color.alpha}`, color);
-}
-function isTextRenderingFormControl(element) {
-  if (element instanceof HTMLTextAreaElement) return true;
-  if (element instanceof HTMLSelectElement) return true;
-  if (element instanceof HTMLButtonElement) return true;
-  if (element instanceof HTMLInputElement) {
-    const textlessInputTypes = /* @__PURE__ */ new Set([
-      "hidden",
-      "checkbox",
-      "radio",
-      "range",
-      "color",
-      "file",
-      "image"
-    ]);
-    return !textlessInputTypes.has(element.type.toLowerCase());
-  }
-  return false;
-}
-function hasRenderableTextNode(element) {
-  if (element.isContentEditable) return true;
-  if (isTextRenderingFormControl(element)) return true;
-  if (!element.textContent?.trim()) return false;
-  if (hasDirectNonWhitespaceText(element)) return true;
-  const tagName = element.tagName.toLowerCase();
-  return TEXT_ELEMENT_TAGS.has(tagName) || element.children.length === 0;
-}
-function getComputedBoxShadow(element) {
-  const computed = window.getComputedStyle(element);
-  const value = computed.boxShadow.trim();
-  return value || "none";
-}
-function getComputedColorStyles(element) {
-  const computed = window.getComputedStyle(element);
-  const borderSides = [
-    { style: computed.borderTopStyle, width: computed.borderTopWidth, color: computed.borderTopColor },
-    { style: computed.borderRightStyle, width: computed.borderRightWidth, color: computed.borderRightColor },
-    { style: computed.borderBottomStyle, width: computed.borderBottomWidth, color: computed.borderBottomColor },
-    { style: computed.borderLeftStyle, width: computed.borderLeftWidth, color: computed.borderLeftColor }
-  ];
-  const visibleBorderSide = borderSides.find((side) => isVisibleBorderSide(side));
-  const hasBorder = Boolean(visibleBorderSide);
-  const hasOutline = hasVisibleOutline(computed);
-  return {
-    backgroundColor: parseColorValue(computed.backgroundColor),
-    color: parseColorValue(computed.color),
-    borderColor: hasBorder && visibleBorderSide ? parseColorValue(visibleBorderSide.color) : TRANSPARENT_COLOR,
-    outlineColor: hasOutline ? parseColorValue(computed.outlineColor) : TRANSPARENT_COLOR
-  };
-}
-function getSelectionColors(element) {
-  const uniqueColors = /* @__PURE__ */ new Map();
-  const queue = [element];
-  for (let index = 0; index < queue.length; index++) {
-    const node = queue[index];
-    const computed = window.getComputedStyle(node);
-    if (computed.display === "none") {
-      continue;
-    }
-    const isVisibilityHidden = computed.visibility === "hidden" || computed.visibility === "collapse";
-    const currentTextColor = computed.color;
-    if (!isVisibilityHidden) {
-      addUniqueColor(uniqueColors, parseVisibleColor(computed.backgroundColor));
-      if (node instanceof HTMLElement && hasRenderableTextNode(node)) {
-        addUniqueColor(uniqueColors, parseVisibleColor(currentTextColor));
-      }
-      const borderSides = [
-        { style: computed.borderTopStyle, width: computed.borderTopWidth, color: computed.borderTopColor },
-        { style: computed.borderRightStyle, width: computed.borderRightWidth, color: computed.borderRightColor },
-        { style: computed.borderBottomStyle, width: computed.borderBottomWidth, color: computed.borderBottomColor },
-        { style: computed.borderLeftStyle, width: computed.borderLeftWidth, color: computed.borderLeftColor }
-      ];
-      for (const side of borderSides) {
-        if (!isVisibleBorderSide(side)) continue;
-        addUniqueColor(uniqueColors, parseVisibleColor(side.color, currentTextColor));
-      }
-      if (hasVisibleOutline(computed)) {
-        addUniqueColor(uniqueColors, parseVisibleColor(computed.outlineColor, currentTextColor));
-      }
-      if (node instanceof SVGElement) {
-        const fillColor = parseVisibleColor(computed.getPropertyValue("fill"), currentTextColor) ?? parseVisibleColor(node.getAttribute("fill") ?? "", currentTextColor);
-        const strokeColor = parseVisibleColor(computed.getPropertyValue("stroke"), currentTextColor) ?? parseVisibleColor(node.getAttribute("stroke") ?? "", currentTextColor);
-        addUniqueColor(uniqueColors, fillColor);
-        addUniqueColor(uniqueColors, strokeColor);
-      }
-    }
-    for (const child of node.children) {
-      queue.push(child);
-    }
-  }
-  return Array.from(uniqueColors.values());
-}
-function getAllComputedStyles(element) {
-  const { spacing, borderRadius, flex } = getComputedStyles(element);
-  return {
-    spacing,
-    borderRadius,
-    border: getComputedBorderStyles(element),
-    flex,
-    sizing: getComputedSizing(element),
-    color: getComputedColorStyles(element),
-    boxShadow: getComputedBoxShadow(element),
-    typography: getComputedTypography(element)
-  };
-}
 var colorPropertyToCSSMap = {
   backgroundColor: "background-color",
   color: "color",
@@ -1858,7 +1942,7 @@ function findChildAtPoint(parent, clientX, clientY) {
     return clientX >= r.left && clientX <= r.right && clientY >= r.top && clientY <= r.bottom;
   });
   if (hit) return hit;
-  if (children.length === 1 && !hasDirectNonWhitespaceText(parent)) return children[0];
+  if (children.length === 1 && !hasDirectNonWhitespaceText2(parent)) return children[0];
   return null;
 }
 function elementFromPointWithoutOverlays(x, y) {
@@ -2412,7 +2496,7 @@ function buildElementContext(locator) {
   return buildLocatorContextLines(locator).join("\n");
 }
 function hasSessionEditChanges(edit) {
-  return Object.keys(edit.pendingStyles).length > 0 || Boolean(edit.textEdit) || Boolean(edit.move);
+  return Object.keys(edit.pendingStyles).length > 0 || Boolean(edit.textEdit) || Boolean(edit.move) || Boolean(edit.deleted);
 }
 function partitionMultiSelectedEdits(elements, sessionEditsRef) {
   const editsWithChanges = [];
@@ -2934,7 +3018,7 @@ function buildMoveEntries(edits) {
   let noopMoveCount = 0;
   for (const edit of edits) {
     const move = edit.move;
-    if (!move) continue;
+    if (!move || edit.deleted) continue;
     const subject = buildAnchorRef(
       getElementDisplayName(edit.element) || edit.locator.tagName,
       edit.locator.domSelector,
@@ -3093,19 +3177,22 @@ function getExportContentProfile(edits, comments, movePlanOrContext) {
     hasCssEdits: edits.some((e) => Object.keys(e.pendingStyles).length > 0),
     hasTextEdits: edits.some((e) => e.textEdit != null),
     hasMoves: moveOpCount > 0,
-    hasComments: comments.length > 0
+    hasComments: comments.length > 0,
+    hasDeletes: edits.some((e) => e.deleted)
   };
 }
 function buildExportInstruction(profile) {
   const { hasCssEdits, hasTextEdits, hasMoves, hasComments } = profile;
-  if (!hasCssEdits && !hasTextEdits && !hasMoves && !hasComments) return "";
-  if (!hasCssEdits && !hasTextEdits && !hasMoves) {
+  const hasDeletes = Boolean(profile.hasDeletes);
+  if (!hasCssEdits && !hasTextEdits && !hasMoves && !hasComments && !hasDeletes) return "";
+  if (!hasCssEdits && !hasTextEdits && !hasMoves && !hasDeletes) {
     return hasComments ? "Address this feedback on the UI. Use the provided source location and selector to find each element in the codebase." : "";
   }
   const parts = [];
   if (hasCssEdits) parts.push("Apply the CSS changes to the targeted elements using the project's existing styling approach (Tailwind, CSS modules, etc.). Map values to existing CSS variables, design tokens, or utility classes already used in the project whenever possible.");
   if (hasTextEdits) parts.push("Update the text content as specified.");
   if (hasMoves) parts.push("Implement the move plan below directly in source code. For `structural_move`, reorder/reparent elements using the target anchors. For `layout_refactor`, apply the listed flex/grid refactor steps. Do NOT simulate movement with absolute positioning, left/top offsets, transform, or margin hacks.");
+  if (hasDeletes) parts.push("Delete the elements marked for deletion from the source code \u2014 remove their markup/JSX (and any now-dead props, handlers, or imports they solely used).");
   if (hasComments) parts.push("Address the comments on the relevant elements.");
   return `${parts.join(" ")} Use the provided source locations, selectors, and context HTML to locate each element in the codebase.`;
 }
@@ -3140,6 +3227,13 @@ function buildSessionExport(edits, comments = [], options) {
     blocks.push(planLines.join("\n"));
   }
   for (const edit of edits) {
+    if (edit.deleted) {
+      const lines = buildLocatorContextLines(edit.locator);
+      lines.push("");
+      lines.push("action: delete this element \u2014 remove it from the source");
+      blocks.push(lines.join("\n"));
+      continue;
+    }
     const moveIntent = getMoveIntentForEdit(edit, planContext);
     const hasMove = Boolean(moveIntent);
     const hasStyleOrText = Object.keys(edit.pendingStyles).length > 0 || edit.textEdit != null;
@@ -4048,6 +4142,7 @@ function useSessionManager({
   sessionEditsRef,
   removedSessionEditsRef,
   undoStackRef,
+  onElementInsertedRef,
   pushUndo,
   setState,
   setSessionEditCount
@@ -4244,27 +4339,48 @@ function useSessionManager({
       selectElement(firstChild);
     }
   }, [getSelectableChild, selectElement]);
+  const centerElementOnBody = React3.useCallback((element, size) => {
+    const bodyRect = document.body.getBoundingClientRect();
+    const scaleX = document.body.offsetWidth > 0 ? bodyRect.width / document.body.offsetWidth : 1;
+    const scaleY = document.body.offsetHeight > 0 ? bodyRect.height / document.body.offsetHeight : 1;
+    const fallbackWidth = size?.width ?? element.offsetWidth ?? 0;
+    const fallbackHeight = size?.height ?? element.offsetHeight ?? 0;
+    const measuredRect = element.getBoundingClientRect();
+    const width = measuredRect.width || fallbackWidth;
+    const height = measuredRect.height || fallbackHeight;
+    const left = Math.round((window.innerWidth / 2 - bodyRect.left) / scaleX - width / 2);
+    const top = Math.round((window.innerHeight / 2 - bodyRect.top) / scaleY - height / 2);
+    element.style.left = `${left}px`;
+    element.style.top = `${top}px`;
+  }, []);
   const insertElement = React3.useCallback((kind) => {
     if (!stateRef.current.editModeActive) return;
     saveCurrentToSession();
     const restoreSelection = buildSelectionSnapshot();
     const selectedEl = stateRef.current.selectedElement;
-    const hasSelection = kind === "frame" && selectedEl !== null && selectedEl !== document.body && selectedEl.parentElement !== null;
-    const width = kind === "frame" ? 100 : 160;
-    const height = kind === "frame" ? 100 : 96;
-    const element = document.createElement("div");
+    const insertsAsSibling = kind === "frame" || kind === "text";
+    const hasSelection = insertsAsSibling && selectedEl !== null && selectedEl !== document.body && selectedEl.parentElement !== null;
+    const element = document.createElement(kind === "text" ? "p" : "div");
     element.id = nextGeneratedCanvasId(kind);
     element.setAttribute(GENERATED_CANVAS_NODE_ATTR, kind);
-    element.style.width = `${width}px`;
-    element.style.height = `${height}px`;
     element.style.boxSizing = "border-box";
     if (kind === "frame") {
+      element.style.width = "100px";
+      element.style.height = "100px";
       element.style.background = "#F5F5F5";
       element.style.border = "1px solid #E0E0E0";
-    } else {
+    } else if (kind === "div") {
+      element.style.width = "160px";
+      element.style.height = "96px";
       element.style.borderRadius = "12px";
       element.style.border = "1px solid rgba(13, 153, 255, 0.35)";
       element.style.background = "rgba(13, 153, 255, 0.08)";
+    } else {
+      element.textContent = "Text";
+      element.style.display = "inline-block";
+      element.style.margin = "0";
+      element.style.minHeight = "24px";
+      element.style.textAlign = "center";
     }
     if (hasSelection) {
       const insertionParent = selectedEl.parentElement;
@@ -4275,16 +4391,22 @@ function useSessionManager({
         insertionParent.appendChild(element);
       }
     } else {
-      const bodyRect = document.body.getBoundingClientRect();
-      const scaleX = document.body.offsetWidth > 0 ? bodyRect.width / document.body.offsetWidth : 1;
-      const scaleY = document.body.offsetHeight > 0 ? bodyRect.height / document.body.offsetHeight : 1;
-      const left = Math.round((window.innerWidth / 2 - bodyRect.left) / scaleX - width / 2);
-      const top = Math.round((window.innerHeight / 2 - bodyRect.top) / scaleY - height / 2);
       element.style.position = "absolute";
-      element.style.left = `${left}px`;
-      element.style.top = `${top}px`;
       element.style.zIndex = "1";
-      document.body.appendChild(element);
+      if (kind === "text") {
+        element.style.left = "0px";
+        element.style.top = "0px";
+        element.style.visibility = "hidden";
+        document.body.appendChild(element);
+        centerElementOnBody(element);
+        element.style.visibility = "";
+      } else {
+        centerElementOnBody(
+          element,
+          kind === "frame" ? { width: 100, height: 100 } : { width: 160, height: 96 }
+        );
+        document.body.appendChild(element);
+      }
     }
     pushUndo({
       type: "structure",
@@ -4299,7 +4421,8 @@ function useSessionManager({
       primaryElement: element,
       pushUndo: false
     });
-  }, [applySelection, buildSelectionSnapshot, pushUndo, saveCurrentToSession, stateRef]);
+    onElementInsertedRef.current?.(kind, element);
+  }, [applySelection, buildSelectionSnapshot, centerElementOnBody, onElementInsertedRef, pushUndo, saveCurrentToSession, stateRef]);
   const groupSelection = React3.useCallback(() => {
     const selected = getSanitizedSelection(stateRef.current.selectedElements);
     if (selected.length < 2) return;
@@ -4395,9 +4518,17 @@ function useSessionManager({
     }));
     const sessionSnapshots = /* @__PURE__ */ new Map();
     for (const el of selected) {
-      const edit = sessionEditsRef.current.get(el);
-      if (edit) sessionSnapshots.set(el, edit);
-      sessionEditsRef.current.delete(el);
+      const existing = sessionEditsRef.current.get(el);
+      sessionSnapshots.set(el, existing ?? null);
+      sessionEditsRef.current.set(el, existing ? { ...existing, deleted: true } : {
+        element: el,
+        locator: getElementLocator(el),
+        originalStyles: {},
+        pendingStyles: {},
+        move: null,
+        textEdit: null,
+        deleted: true
+      });
     }
     syncSessionItemCount();
     for (const { element } of snapshots) {
@@ -4418,7 +4549,8 @@ function useSessionManager({
           }
         }
         for (const [el, edit] of sessionSnapshots) {
-          sessionEditsRef.current.set(el, edit);
+          if (edit) sessionEditsRef.current.set(el, edit);
+          else sessionEditsRef.current.delete(el);
         }
         syncSessionItemCount();
       }
@@ -4809,7 +4941,7 @@ function useSessionManager({
     saveCurrentToSession();
     const edits = [];
     for (const edit of sessionEditsRef.current.values()) {
-      if (!edit.element.isConnected) {
+      if (!edit.element.isConnected && !edit.deleted) {
         sessionEditsRef.current.delete(edit.element);
         continue;
       }
@@ -4978,6 +5110,7 @@ ${exportMarkdown}`);
 
 // src/use-text-and-comments.ts
 import * as React4 from "react";
+var GENERATED_CANVAS_NODE_ATTR2 = "data-made-refine-canvas-node";
 function clampUnit(value) {
   if (!Number.isFinite(value)) return 0;
   return Math.max(0, Math.min(1, value));
@@ -5013,6 +5146,94 @@ function useTextAndComments({
     editingElement.style.outlineOffset = "";
     editingElement.style.cursor = originalCursor;
     editingElement.blur();
+    const isGeneratedTextElement = editingElement.getAttribute(GENERATED_CANVAS_NODE_ATTR2) === "text";
+    const shouldDeleteGeneratedText = isGeneratedTextElement && newText.trim().length === 0;
+    if (shouldDeleteGeneratedText) {
+      const parent = editingElement.parentElement;
+      const nextSibling = editingElement.nextSibling;
+      const current = stateRef.current;
+      const removedComments = current.comments.filter((comment) => comment.element === editingElement);
+      const removedCommentIds = new Set(removedComments.map((comment) => comment.id));
+      const remainingComments = current.comments.filter((comment) => comment.element !== editingElement);
+      const restoredActiveCommentId = current.activeCommentId && removedCommentIds.has(current.activeCommentId) ? current.activeCommentId : null;
+      const existingSessionEdit = existing ? {
+        ...existing,
+        originalStyles: { ...existing.originalStyles },
+        pendingStyles: { ...existing.pendingStyles },
+        move: existing.move ? { ...existing.move } : null,
+        textEdit: existing.textEdit ? { ...existing.textEdit } : null
+      } : null;
+      const restoreSelection = {
+        isOpen: current.isOpen,
+        selectedElement: current.selectedElement,
+        selectedElements: [...current.selectedElements],
+        selectionAnchorElement: current.selectionAnchorElement,
+        originalStyles: { ...current.originalStyles },
+        pendingStyles: { ...current.pendingStyles }
+      };
+      sessionEditsRef.current.delete(editingElement);
+      if (editingElement.isConnected) {
+        editingElement.remove();
+      }
+      pushUndo({
+        type: "structure",
+        restoreSelection,
+        undo: () => {
+          editingElement.textContent = previousText;
+          if (!editingElement.isConnected && parent?.isConnected) {
+            if (nextSibling && nextSibling.parentNode === parent) {
+              parent.insertBefore(editingElement, nextSibling);
+            } else {
+              parent.appendChild(editingElement);
+            }
+          }
+          if (existingSessionEdit) {
+            sessionEditsRef.current.set(editingElement, existingSessionEdit);
+          }
+          setState((prev) => ({
+            ...prev,
+            comments: current.comments,
+            activeCommentId: restoredActiveCommentId ?? prev.activeCommentId
+          }));
+          syncSessionItemCount(current.comments);
+        }
+      });
+      syncSessionItemCount(remainingComments);
+      setState((prev) => {
+        const selectionContainsElement = prev.selectedElement === editingElement || prev.selectionAnchorElement === editingElement || prev.selectedElements.includes(editingElement);
+        if (!selectionContainsElement) {
+          return prev.textEditingElement === editingElement ? {
+            ...prev,
+            comments: prev.comments.filter((comment) => comment.element !== editingElement),
+            activeCommentId: prev.activeCommentId && removedCommentIds.has(prev.activeCommentId) ? null : prev.activeCommentId,
+            textEditingElement: null
+          } : prev;
+        }
+        return {
+          ...prev,
+          isOpen: false,
+          selectedElement: null,
+          selectedElements: [],
+          selectionAnchorElement: null,
+          elementInfo: null,
+          computedSpacing: null,
+          computedBorderRadius: null,
+          computedBorder: null,
+          computedFlex: null,
+          computedSizing: null,
+          computedColor: null,
+          computedBoxShadow: null,
+          computedTypography: null,
+          isComponentPrimitive: false,
+          comments: remainingComments,
+          activeCommentId: restoredActiveCommentId ? null : prev.activeCommentId,
+          originalStyles: {},
+          pendingStyles: {},
+          textEditingElement: null
+        };
+      });
+      return;
+    }
     if (newText !== previousText) {
       pushUndo({ type: "textEdit", element: editingElement, originalText, previousText });
       removedSessionEditsRef.current.delete(editingElement);
@@ -5531,28 +5752,30 @@ async function toClientResponse(response) {
   const data = await readJsonRecord(response);
   const bodyOk = data?.ok;
   const parsedOk = typeof bodyOk === "boolean" ? bodyOk : response.ok;
+  const ok = parsedOk && response.ok;
   return {
-    ok: parsedOk && response.ok,
-    id: readString(data, "id") ?? ""
+    ok,
+    id: readString(data, "id") ?? "",
+    ...!ok ? { errorKind: "rejected" } : {}
   };
 }
 async function postWithSessionToken(path, payload) {
   const idempotencyKey = createIdempotencyKey();
   let session = await bootstrapSession();
-  if (!session) return { ok: false, id: "" };
+  if (!session) return { ok: false, id: "", errorKind: "network" };
   let response;
   try {
     response = await sendAnnotationRequest(session, path, payload, idempotencyKey);
   } catch {
-    return { ok: false, id: "" };
+    return { ok: false, id: "", errorKind: "network" };
   }
   if (response.status === 401 || response.status === 403) {
     session = await refreshSessionToken(session) ?? await bootstrapSession(true);
-    if (!session) return { ok: false, id: "" };
+    if (!session) return { ok: false, id: "", errorKind: "network" };
     try {
       response = await sendAnnotationRequest(session, path, payload, idempotencyKey);
     } catch {
-      return { ok: false, id: "" };
+      return { ok: false, id: "", errorKind: "network" };
     }
   }
   return toClientResponse(response);
@@ -5605,8 +5828,10 @@ function buildLocatorPayload(locator) {
 }
 function useAgentComms({ stateRef, sessionEditsRef, getSessionItems, saveCurrentToSession, removeSessionEdit, deleteComment }) {
   const [agentAvailable, setAgentAvailable] = React5.useState(false);
+  const [lastSendFailure, setLastSendFailure] = React5.useState(null);
   const isMountedRef = React5.useRef(true);
   React5.useEffect(() => {
+    isMountedRef.current = true;
     return () => {
       isMountedRef.current = false;
     };
@@ -5663,7 +5888,7 @@ function useAgentComms({ stateRef, sessionEditsRef, getSessionItems, saveCurrent
     const resolvedPlanContext = movePlanContext ?? buildMovePlanContext(editsForPlan);
     const includeBatchMoveEnvelope = Boolean(options?.includeBatchMoveEnvelope && sessionEdit.move);
     const isBatchSend = Boolean(allEdits && allEdits.length > 1);
-    const exportMarkdown = sessionEdit.move ? buildSessionExport(
+    const exportMarkdown = sessionEdit.move || sessionEdit.deleted ? buildSessionExport(
       includeBatchMoveEnvelope ? editsForPlan : [sessionEdit],
       [],
       {
@@ -5679,7 +5904,7 @@ function useAgentComms({ stateRef, sessionEditsRef, getSessionItems, saveCurrent
     }));
     const moveIntent = sessionEdit.move ? getMoveIntentForEdit(sessionEdit, resolvedPlanContext) : null;
     const movePlan = includeBatchMoveEnvelope ? resolvedPlanContext.movePlan : null;
-    const hasMeaningfulPayload = changes.length > 0 || sessionEdit.textEdit != null || moveIntent != null;
+    const hasMeaningfulPayload = changes.length > 0 || sessionEdit.textEdit != null || moveIntent != null || Boolean(sessionEdit.deleted);
     if (!hasMeaningfulPayload) return true;
     const profile = getExportContentProfile(
       [sessionEdit],
@@ -5693,17 +5918,44 @@ function useAgentComms({ stateRef, sessionEditsRef, getSessionItems, saveCurrent
         textChange: sessionEdit.textEdit ?? null,
         moveIntent,
         ...movePlan ? { movePlan } : {},
+        ...sessionEdit.deleted ? { deleted: true } : {},
         exportMarkdown: withInstruction(profile, exportMarkdown)
       });
       if (result.ok) {
         removeSessionEdit(sessionEdit.element);
+        updateAgentAvailability(true);
+      } else {
+        const kind = result.errorKind === "network" ? "unreachable" : "rejected";
+        updateAgentAvailability(result.errorKind === "network" ? false : true);
+        if (options?._isBatchCall) {
+          options._batchFailKinds?.push(result.errorKind ?? "rejected");
+        } else if (isMountedRef.current) {
+          setLastSendFailure({
+            reason: kind,
+            failedEditElements: [sessionEdit.element],
+            failedCommentIds: [],
+            at: Date.now()
+          });
+        }
       }
-      return updateAgentAvailability(result.ok);
-    } catch {
-      return updateAgentAvailability(false);
+      return result.ok;
+    } catch (err) {
+      updateAgentAvailability(false);
+      if (options?._isBatchCall) {
+        throw err;
+      }
+      if (isMountedRef.current) {
+        setLastSendFailure({
+          reason: "unreachable",
+          failedEditElements: [sessionEdit.element],
+          failedCommentIds: [],
+          at: Date.now()
+        });
+      }
+      return false;
     }
   }, [updateAgentAvailability, removeSessionEdit]);
-  const sendSessionCommentToAgent = React5.useCallback(async (comment) => {
+  const sendSessionCommentToAgent = React5.useCallback(async (comment, _options) => {
     const exportMarkdown = buildCommentExport(comment.locator, comment.text, comment.replies);
     const commentProfile = { hasCssEdits: false, hasTextEdits: false, hasMoves: false, hasComments: true };
     try {
@@ -5715,13 +5967,40 @@ function useAgentComms({ stateRef, sessionEditsRef, getSessionItems, saveCurrent
       });
       if (result.ok) {
         deleteComment(comment.id);
+        updateAgentAvailability(true);
+      } else {
+        const kind = result.errorKind === "network" ? "unreachable" : "rejected";
+        updateAgentAvailability(result.errorKind === "network" ? false : true);
+        if (_options?._isBatchCall) {
+          _options._batchFailKinds?.push(result.errorKind ?? "rejected");
+        } else if (isMountedRef.current) {
+          setLastSendFailure({
+            reason: kind,
+            failedEditElements: [],
+            failedCommentIds: [comment.id],
+            at: Date.now()
+          });
+        }
       }
-      return updateAgentAvailability(result.ok);
-    } catch {
-      return updateAgentAvailability(false);
+      return result.ok;
+    } catch (err) {
+      updateAgentAvailability(false);
+      if (_options?._isBatchCall) {
+        throw err;
+      }
+      if (isMountedRef.current) {
+        setLastSendFailure({
+          reason: "unreachable",
+          failedEditElements: [],
+          failedCommentIds: [comment.id],
+          at: Date.now()
+        });
+      }
+      return false;
     }
   }, [updateAgentAvailability, deleteComment]);
   const sendEditToAgent2 = React5.useCallback(async () => {
+    if (isMountedRef.current) setLastSendFailure(null);
     const current = stateRef.current;
     if (current.selectedElements.length > 1) {
       saveCurrentToSession();
@@ -5756,9 +6035,28 @@ function useAgentComms({ stateRef, sessionEditsRef, getSessionItems, saveCurrent
               removeSessionEdit(el);
             }
           }
+          updateAgentAvailability(true);
+        } else {
+          updateAgentAvailability(result.errorKind === "network" ? false : true);
+          if (isMountedRef.current) {
+            setLastSendFailure({
+              reason: result.errorKind === "network" ? "unreachable" : "rejected",
+              failedEditElements: editsWithChanges.map((e) => e.element),
+              failedCommentIds: [],
+              at: Date.now()
+            });
+          }
         }
-        return updateAgentAvailability(result.ok);
+        return result.ok;
       } catch {
+        if (isMountedRef.current) {
+          setLastSendFailure({
+            reason: "unreachable",
+            failedEditElements: editsWithChanges.map((e) => e.element),
+            failedCommentIds: [],
+            at: Date.now()
+          });
+        }
         return updateAgentAvailability(false);
       }
     }
@@ -5781,11 +6079,13 @@ function useAgentComms({ stateRef, sessionEditsRef, getSessionItems, saveCurrent
     return sendSessionEditToAgent(editToSend);
   }, [canSendEditToAgent, sendSessionEditToAgent, saveCurrentToSession]);
   const sendCommentToAgent2 = React5.useCallback(async (id) => {
+    if (isMountedRef.current) setLastSendFailure(null);
     const comment = stateRef.current.comments.find((c) => c.id === id);
     if (!comment) return false;
     return sendSessionCommentToAgent(comment);
   }, [sendSessionCommentToAgent]);
   const sendAllSessionItemsToAgent = React5.useCallback(async () => {
+    if (isMountedRef.current) setLastSendFailure(null);
     const items = getSessionItems();
     const current = stateRef.current;
     const contextOnlyBlocks = getContextOnlyBlocks(current.selectedElements, items);
@@ -5794,25 +6094,44 @@ function useAgentComms({ stateRef, sessionEditsRef, getSessionItems, saveCurrent
     const movePlanContext = buildMovePlanContext(allEdits);
     let moveEnvelopeSent = false;
     let allSucceeded = true;
+    const failedEditElements = [];
+    const failedCommentIds = [];
+    let anyThrown = false;
+    const batchFailKinds = [];
     for (const item of items) {
       let succeeded;
       if (item.type === "edit") {
         const hasMoveIntent = Boolean(item.edit.move && getMoveIntentForEdit(item.edit, movePlanContext));
         const includeBatchMoveEnvelope = hasMoveIntent && !moveEnvelopeSent;
-        succeeded = await sendSessionEditToAgent(
-          item.edit,
-          allEdits,
-          movePlanContext,
-          { includeBatchMoveEnvelope }
-        );
+        try {
+          succeeded = await sendSessionEditToAgent(
+            item.edit,
+            allEdits,
+            movePlanContext,
+            { includeBatchMoveEnvelope, _isBatchCall: true, _batchFailKinds: batchFailKinds }
+          );
+          if (!succeeded) failedEditElements.push(item.edit.element);
+        } catch {
+          succeeded = false;
+          anyThrown = true;
+          failedEditElements.push(item.edit.element);
+        }
         if (includeBatchMoveEnvelope) moveEnvelopeSent = true;
       } else {
-        succeeded = await sendSessionCommentToAgent(item.comment);
+        try {
+          succeeded = await sendSessionCommentToAgent(item.comment, { _isBatchCall: true, _batchFailKinds: batchFailKinds });
+          if (!succeeded) failedCommentIds.push(item.comment.id);
+        } catch {
+          succeeded = false;
+          anyThrown = true;
+          failedCommentIds.push(item.comment.id);
+        }
       }
       if (!succeeded) {
         allSucceeded = false;
       }
     }
+    let contextBlockFailed = false;
     if (contextOnlyBlocks.length > 0) {
       const primaryEl = current.selectedElements.find(
         (el) => el.isConnected && !allEdits.some((e) => e.element === el)
@@ -5826,16 +6145,39 @@ function useAgentComms({ stateRef, sessionEditsRef, getSessionItems, saveCurrent
             moveIntent: null,
             exportMarkdown: contextOnlyBlocks.join("\n\n")
           });
-          if (!result.ok) allSucceeded = false;
+          if (result.ok) {
+            updateAgentAvailability(true);
+          } else {
+            updateAgentAvailability(result.errorKind === "network" ? false : true);
+            allSucceeded = false;
+            contextBlockFailed = true;
+          }
         } catch {
+          updateAgentAvailability(false);
           allSucceeded = false;
+          anyThrown = true;
+          contextBlockFailed = true;
         }
       }
     }
+    if (!allSucceeded && isMountedRef.current) {
+      const reason = anyThrown || batchFailKinds.includes("network") ? "unreachable" : "rejected";
+      setLastSendFailure({
+        reason,
+        failedEditElements,
+        failedCommentIds,
+        at: Date.now()
+      });
+    }
     return allSucceeded;
-  }, [getSessionItems, sendSessionCommentToAgent, sendSessionEditToAgent]);
+  }, [getSessionItems, sendSessionCommentToAgent, sendSessionEditToAgent, updateAgentAvailability]);
+  const clearSendFailure = React5.useCallback(() => {
+    if (isMountedRef.current) setLastSendFailure(null);
+  }, []);
   return {
     agentAvailable,
+    lastSendFailure,
+    clearSendFailure,
     canSendEditToAgent,
     sendEditToAgent: sendEditToAgent2,
     sendCommentToAgent: sendCommentToAgent2,
@@ -5882,7 +6224,9 @@ function useKeyboardShortcuts({
       const s = stateRef.current;
       const undoShortcutPressed = usesMetaForUndo ? e.metaKey && !e.ctrlKey && !e.altKey : e.ctrlKey && !e.metaKey && !e.altKey;
       if (undoShortcutPressed && e.key === "z" && !e.shiftKey) {
+        if (!s.editModeActive) return;
         if (s.textEditingElement) return;
+        if (isInputFocused()) return;
         e.preventDefault();
         undo();
         return;
@@ -5937,6 +6281,11 @@ function useKeyboardShortcuts({
           insertElement("frame");
           return;
         }
+        if (lowerKey === "t") {
+          e.preventDefault();
+          insertElement("text");
+          return;
+        }
         if (lowerKey === "d") {
           e.preventDefault();
           insertElement("div");
@@ -6599,6 +6948,10 @@ function DirectEditProvider({ children }) {
   const undoStackRef = React8.useRef([]);
   const sessionEditsRef = React8.useRef(/* @__PURE__ */ new Map());
   const removedSessionEditsRef = React8.useRef(/* @__PURE__ */ new WeakSet());
+  const commentDraftTextRef = React8.useRef("");
+  const commentDraftBlockedHandlerRef = React8.useRef(null);
+  const onElementInsertedRef = React8.useRef(null);
+  const textInsertRafRef = React8.useRef(null);
   const [sessionEditCount, setSessionEditCount] = React8.useState(0);
   const stateRef = React8.useRef(state);
   React8.useEffect(() => {
@@ -6633,12 +6986,13 @@ function DirectEditProvider({ children }) {
     clearSessionEdits,
     groupSelection,
     deleteSelection,
-    insertElement
+    insertElement: insertElementBase
   } = useSessionManager({
     stateRef,
     sessionEditsRef,
     removedSessionEditsRef,
     undoStackRef,
+    onElementInsertedRef,
     pushUndo,
     setState,
     setSessionEditCount
@@ -6688,6 +7042,41 @@ function DirectEditProvider({ children }) {
     syncSessionItemCount,
     setState
   });
+  React8.useEffect(() => {
+    onElementInsertedRef.current = (kind, element) => {
+      if (kind === "text") {
+        if (textInsertRafRef.current) {
+          cancelAnimationFrame(textInsertRafRef.current);
+        }
+        textInsertRafRef.current = requestAnimationFrame(() => {
+          textInsertRafRef.current = null;
+          if (element.isConnected) {
+            startTextEditing(element);
+          }
+        });
+      }
+    };
+    return () => {
+      if (textInsertRafRef.current) {
+        cancelAnimationFrame(textInsertRafRef.current);
+        textInsertRafRef.current = null;
+      }
+      onElementInsertedRef.current = null;
+    };
+  }, [startTextEditing]);
+  const setCommentDraftText = React8.useCallback((text) => {
+    commentDraftTextRef.current = text;
+  }, []);
+  const setCommentDraftBlockedHandler = React8.useCallback((handler) => {
+    commentDraftBlockedHandlerRef.current = handler;
+  }, []);
+  const hasPendingCommentDraft = React8.useCallback(() => {
+    const activeCommentId = stateRef.current.activeCommentId;
+    if (!activeCommentId) return false;
+    const active = stateRef.current.comments.find((comment) => comment.id === activeCommentId);
+    if (!active) return false;
+    return active.text.trim().length === 0 && commentDraftTextRef.current.trim().length > 0;
+  }, []);
   const { toggleCanvas, enterCanvas, exitCanvas, setCanvasZoom, fitCanvasToViewport, zoomCanvasTo100 } = useCanvas({
     stateRef,
     setState
@@ -6824,6 +7213,8 @@ function DirectEditProvider({ children }) {
   }, [state.editModeActive]);
   const {
     agentAvailable,
+    lastSendFailure,
+    clearSendFailure,
     canSendEditToAgent,
     sendEditToAgent: sendEditToAgent2,
     sendCommentToAgent: sendCommentToAgent2,
@@ -6850,6 +7241,16 @@ function DirectEditProvider({ children }) {
     } catch {
     }
   }, []);
+  const insertElement = React8.useCallback((kind) => {
+    if (hasPendingCommentDraft()) {
+      commentDraftBlockedHandlerRef.current?.();
+      return;
+    }
+    if (stateRef.current.textEditingElement) {
+      commitTextEditing();
+    }
+    insertElementBase(kind);
+  }, [commitTextEditing, hasPendingCommentDraft, insertElementBase, stateRef]);
   useKeyboardShortcuts({
     stateRef,
     toggleEditMode,
@@ -6879,9 +7280,10 @@ function DirectEditProvider({ children }) {
   const stateContextValue = React8.useMemo(() => ({
     ...state,
     agentAvailable,
+    lastSendFailure,
     sessionEditCount,
     multiSelectContextCount
-  }), [agentAvailable, state, sessionEditCount, multiSelectContextCount]);
+  }), [agentAvailable, lastSendFailure, state, sessionEditCount, multiSelectContextCount]);
   const actionsContextValue = React8.useMemo(() => ({
     selectElement,
     selectElements,
@@ -6904,6 +7306,7 @@ function DirectEditProvider({ children }) {
     updateTypographyProperty,
     resetToOriginal,
     exportEdits,
+    clearSendFailure,
     canSendEditToAgent,
     sendEditToAgent: sendEditToAgent2,
     sendAllSessionItemsToAgent,
@@ -6928,6 +7331,8 @@ function DirectEditProvider({ children }) {
     removeSessionEdit,
     startTextEditing,
     commitTextEditing,
+    setCommentDraftText,
+    setCommentDraftBlockedHandler,
     groupSelection,
     deleteSelection,
     insertElement,
@@ -6957,6 +7362,7 @@ function DirectEditProvider({ children }) {
     updateTypographyProperty,
     resetToOriginal,
     exportEdits,
+    clearSendFailure,
     canSendEditToAgent,
     sendEditToAgent2,
     sendAllSessionItemsToAgent,
@@ -6981,6 +7387,8 @@ function DirectEditProvider({ children }) {
     removeSessionEdit,
     startTextEditing,
     commitTextEditing,
+    setCommentDraftText,
+    setCommentDraftBlockedHandler,
     groupSelection,
     deleteSelection,
     insertElement,
@@ -7332,10 +7740,223 @@ function createDragInteractionGuard() {
     };
   }
   return {
-    activate,
-    deactivate
+    activate,
+    deactivate
+  };
+}
+
+// src/utils/resize-geometry.ts
+function toFinite(value, fallback) {
+  if (!Number.isFinite(value)) return fallback;
+  return value;
+}
+function multiplyMatrix(left, right) {
+  return {
+    a: left.a * right.a + left.c * right.b,
+    b: left.b * right.a + left.d * right.b,
+    c: left.a * right.c + left.c * right.d,
+    d: left.b * right.c + left.d * right.d
+  };
+}
+function splitTransformArgs(raw) {
+  return raw.trim().replace(/,/g, " ").split(/\s+/).filter(Boolean);
+}
+function parseAngleRadians(value) {
+  const numeric = Number.parseFloat(value);
+  if (!Number.isFinite(numeric)) return 0;
+  const unit = value.trim().replace(String(numeric), "").trim().toLowerCase();
+  switch (unit) {
+    case "rad":
+      return numeric;
+    case "turn":
+      return numeric * Math.PI * 2;
+    case "grad":
+      return numeric * Math.PI / 200;
+    case "deg":
+    case "":
+    default:
+      return numeric * Math.PI / 180;
+  }
+}
+function parseTransformFunction(name, rawArgs) {
+  const args = splitTransformArgs(rawArgs);
+  switch (name.toLowerCase()) {
+    case "matrix": {
+      if (args.length < 4) return null;
+      const [a, b, c, d] = args.map(Number.parseFloat);
+      if (![a, b, c, d].every(Number.isFinite)) return null;
+      return { a, b, c, d };
+    }
+    case "matrix3d": {
+      if (args.length < 16) return null;
+      const values = args.map(Number.parseFloat);
+      if (!values.every(Number.isFinite)) return null;
+      return { a: values[0], b: values[1], c: values[4], d: values[5] };
+    }
+    case "scale": {
+      const scaleX = Number.parseFloat(args[0] ?? "1");
+      const scaleY = Number.parseFloat(args[1] ?? args[0] ?? "1");
+      if (!Number.isFinite(scaleX) || !Number.isFinite(scaleY)) return null;
+      return { a: scaleX, b: 0, c: 0, d: scaleY };
+    }
+    case "scalex": {
+      const scaleX = Number.parseFloat(args[0] ?? "1");
+      if (!Number.isFinite(scaleX)) return null;
+      return { a: scaleX, b: 0, c: 0, d: 1 };
+    }
+    case "scaley": {
+      const scaleY = Number.parseFloat(args[0] ?? "1");
+      if (!Number.isFinite(scaleY)) return null;
+      return { a: 1, b: 0, c: 0, d: scaleY };
+    }
+    case "rotate": {
+      const angle = parseAngleRadians(args[0] ?? "0deg");
+      const cos = Math.cos(angle);
+      const sin = Math.sin(angle);
+      return { a: cos, b: sin, c: -sin, d: cos };
+    }
+    case "translate":
+    case "translatex":
+    case "translatey":
+      return { a: 1, b: 0, c: 0, d: 1 };
+    default:
+      return null;
+  }
+}
+function parseTransformMatrix(transform) {
+  const functionPattern = /([a-zA-Z0-9]+)\(([^)]*)\)/g;
+  let matrix = { a: 1, b: 0, c: 0, d: 1 };
+  let matched = false;
+  for (const match of transform.matchAll(functionPattern)) {
+    const next = parseTransformFunction(match[1], match[2]);
+    if (!next) return null;
+    matrix = multiplyMatrix(matrix, next);
+    matched = true;
+  }
+  return matched ? matrix : null;
+}
+function scaleFromMatrix(matrix) {
+  return {
+    scaleX: Math.hypot(matrix.a, matrix.b) || 1,
+    scaleY: Math.hypot(matrix.c, matrix.d) || 1
+  };
+}
+function getRenderedOffsetScale(element) {
+  const rect = element.getBoundingClientRect();
+  const width = element.offsetWidth;
+  const height = element.offsetHeight;
+  if (width <= 0 || height <= 0 || rect.width <= 0 || rect.height <= 0) return null;
+  return {
+    scaleX: rect.width / width,
+    scaleY: rect.height / height
+  };
+}
+function clampSize(value, minSize = 1) {
+  const safeMin = Math.max(1, toFinite(minSize, 1));
+  const safeValue = toFinite(value, safeMin);
+  return Math.max(safeMin, safeValue);
+}
+function getElementScale(element) {
+  const transform = getComputedStyle(element).transform;
+  if (!transform || transform === "none") {
+    return getRenderedOffsetScale(element) ?? { scaleX: 1, scaleY: 1 };
+  }
+  let transformMatrix = null;
+  if (typeof DOMMatrix !== "undefined") {
+    try {
+      const matrix = new DOMMatrix(transform);
+      transformMatrix = matrix;
+    } catch {
+    }
+  }
+  transformMatrix = transformMatrix ?? parseTransformMatrix(transform);
+  if (!transformMatrix) return getRenderedOffsetScale(element) ?? { scaleX: 1, scaleY: 1 };
+  const localScale = scaleFromMatrix(transformMatrix);
+  const rect = element.getBoundingClientRect();
+  const width = element.offsetWidth;
+  const height = element.offsetHeight;
+  if (width <= 0 || height <= 0 || rect.width <= 0 || rect.height <= 0) return localScale;
+  const transformedWidth = Math.abs(transformMatrix.a) * width + Math.abs(transformMatrix.c) * height;
+  const transformedHeight = Math.abs(transformMatrix.b) * width + Math.abs(transformMatrix.d) * height;
+  if (transformedWidth <= 0 || transformedHeight <= 0) return localScale;
+  return {
+    scaleX: rect.width / transformedWidth * localScale.scaleX,
+    scaleY: rect.height / transformedHeight * localScale.scaleY
   };
 }
+function computeEdgeSize({
+  handle,
+  startWidth,
+  startHeight,
+  dx,
+  dy,
+  minSize = 1
+}) {
+  const baseWidth = clampSize(startWidth, minSize);
+  const baseHeight = clampSize(startHeight, minSize);
+  switch (handle) {
+    case "right":
+      return { width: clampSize(baseWidth + dx, minSize), height: baseHeight };
+    case "left":
+      return { width: clampSize(baseWidth - dx, minSize), height: baseHeight };
+    case "bottom":
+      return { width: baseWidth, height: clampSize(baseHeight + dy, minSize) };
+    case "top":
+      return { width: baseWidth, height: clampSize(baseHeight - dy, minSize) };
+  }
+}
+function computeCornerProportionalSize({
+  handle,
+  startWidth,
+  startHeight,
+  dx,
+  dy,
+  minSize = 1
+}) {
+  const baseWidth = clampSize(startWidth, minSize);
+  const baseHeight = clampSize(startHeight, minSize);
+  const ratio = baseWidth > 0 && baseHeight > 0 ? baseWidth / baseHeight : 1;
+  const widthSign = handle === "top-left" || handle === "bottom-left" ? -1 : 1;
+  const heightSign = handle === "top-left" || handle === "top-right" ? -1 : 1;
+  const rawWidth = baseWidth + widthSign * dx;
+  const rawHeight = baseHeight + heightSign * dy;
+  const widthIntent = clampSize(rawWidth, minSize);
+  const heightIntent = clampSize(rawHeight, minSize);
+  const widthChange = Math.abs(widthIntent - baseWidth) / Math.max(baseWidth, 1);
+  const heightChange = Math.abs(heightIntent - baseHeight) / Math.max(baseHeight, 1);
+  if (widthChange >= heightChange) {
+    const width2 = clampSize(widthIntent, minSize);
+    const height2 = clampSize(width2 / Math.max(ratio, 1e-4), minSize);
+    return { width: width2, height: height2 };
+  }
+  const height = clampSize(heightIntent, minSize);
+  const width = clampSize(height * ratio, minSize);
+  return { width, height };
+}
+function computeFillRenderedWidth(element) {
+  const parent = element.parentElement;
+  if (!parent) return null;
+  const parentComputed = window.getComputedStyle(parent);
+  const elementComputed = window.getComputedStyle(element);
+  const parentClientWidth = parent.clientWidth;
+  const parentPaddingLeft = parseFloat(parentComputed.paddingLeft) || 0;
+  const parentPaddingRight = parseFloat(parentComputed.paddingRight) || 0;
+  const parentContentWidth = parentClientWidth - parentPaddingLeft - parentPaddingRight;
+  if (!Number.isFinite(parentContentWidth) || parentContentWidth <= 0) {
+    return null;
+  }
+  const elementPaddingLeft = parseFloat(elementComputed.paddingLeft) || 0;
+  const elementPaddingRight = parseFloat(elementComputed.paddingRight) || 0;
+  const elementBorderLeft = parseFloat(elementComputed.borderLeftWidth) || 0;
+  const elementBorderRight = parseFloat(elementComputed.borderRightWidth) || 0;
+  if (elementComputed.boxSizing === "border-box") {
+    return clampSize(parentContentWidth, 1);
+  }
+  return clampSize(
+    parentContentWidth + elementPaddingLeft + elementPaddingRight + elementBorderLeft + elementBorderRight,
+    1
+  );
+}
 
 // src/use-move.ts
 var INITIAL_DRAG_STATE = {
@@ -7409,10 +8030,14 @@ function useMove({ onMoveComplete }) {
   const onMoveCompleteRef = React12.useRef(onMoveComplete);
   const dragOptionsRef = React12.useRef(DEFAULT_DRAG_OPTIONS);
   const dragGuardRef = React12.useRef(createDragInteractionGuard());
-  const initialRectRef = React12.useRef(
-    { x: 0, y: 0, scaleX: 1, scaleY: 1 }
-  );
+  const initialRectRef = React12.useRef({
+    x: 0,
+    y: 0,
+    scaleX: 1,
+    scaleY: 1
+  });
   const originalTransformRef = React12.useRef("");
+  const composeBaseRef = React12.useRef("");
   const reorderPreviewRef = React12.useRef(/* @__PURE__ */ new Map());
   React12.useEffect(() => {
     dragStateRef.current = dragState;
@@ -7426,79 +8051,85 @@ function useMove({ onMoveComplete }) {
     }
     reorderPreviewRef.current.clear();
   }, []);
-  const setReorderPreviewTransform = React12.useCallback((element, transform) => {
-    const existing = reorderPreviewRef.current.get(element);
-    if (!existing) {
-      reorderPreviewRef.current.set(element, {
-        transform: element.style.transform,
-        transition: element.style.transition
-      });
-    }
-    const originalTransition = reorderPreviewRef.current.get(element)?.transition ?? element.style.transition;
-    element.style.transition = withTransformTransition(originalTransition);
-    element.style.transform = transform;
-  }, []);
-  const applyReorderPreview = React12.useCallback((target, draggedElement, originalParent) => {
-    if (!target || !draggedElement) {
-      clearReorderPreview();
-      return;
-    }
-    const container = target.container;
-    const containerChildren = Array.from(container.children).filter(
-      (child) => child instanceof HTMLElement
-    );
-    const siblings = containerChildren.filter((child) => child !== draggedElement);
-    const insertIndex = getInsertIndex(siblings, target.insertBefore);
-    if (insertIndex === null) {
-      clearReorderPreview();
-      return;
-    }
-    const draggedRect = draggedElement.getBoundingClientRect();
-    const isHorizontal = isHorizontalDirection(target.flexDirection);
-    const dragSize = isHorizontal ? draggedRect.width : draggedRect.height;
-    if (!Number.isFinite(dragSize) || dragSize <= 0) {
-      clearReorderPreview();
-      return;
-    }
-    const sign = forwardVisualSign(target.flexDirection);
-    const shiftedElements = /* @__PURE__ */ new Map();
-    if (container === originalParent) {
-      const originalIndex = containerChildren.indexOf(draggedElement);
-      if (originalIndex >= 0) {
-        if (insertIndex > originalIndex) {
-          const shift = -sign * dragSize;
-          for (let i = originalIndex; i < insertIndex; i++) {
-            const sibling = siblings[i];
-            if (sibling) shiftedElements.set(sibling, shift);
-          }
-        } else if (insertIndex < originalIndex) {
-          const shift = sign * dragSize;
-          for (let i = insertIndex; i < originalIndex; i++) {
-            const sibling = siblings[i];
-            if (sibling) shiftedElements.set(sibling, shift);
+  const setReorderPreviewTransform = React12.useCallback(
+    (element, transform) => {
+      const existing = reorderPreviewRef.current.get(element);
+      if (!existing) {
+        reorderPreviewRef.current.set(element, {
+          transform: element.style.transform,
+          transition: element.style.transition
+        });
+      }
+      const originalTransition = reorderPreviewRef.current.get(element)?.transition ?? element.style.transition;
+      element.style.transition = withTransformTransition(originalTransition);
+      element.style.transform = transform;
+    },
+    []
+  );
+  const applyReorderPreview = React12.useCallback(
+    (target, draggedElement, originalParent) => {
+      if (!target || !draggedElement) {
+        clearReorderPreview();
+        return;
+      }
+      const container = target.container;
+      const containerChildren = Array.from(container.children).filter(
+        (child) => child instanceof HTMLElement
+      );
+      const siblings = containerChildren.filter((child) => child !== draggedElement);
+      const insertIndex = getInsertIndex(siblings, target.insertBefore);
+      if (insertIndex === null) {
+        clearReorderPreview();
+        return;
+      }
+      const draggedRect = draggedElement.getBoundingClientRect();
+      const isHorizontal = isHorizontalDirection(target.flexDirection);
+      const dragSize = isHorizontal ? draggedRect.width : draggedRect.height;
+      if (!Number.isFinite(dragSize) || dragSize <= 0) {
+        clearReorderPreview();
+        return;
+      }
+      const sign = forwardVisualSign(target.flexDirection);
+      const shiftedElements = /* @__PURE__ */ new Map();
+      if (container === originalParent) {
+        const originalIndex = containerChildren.indexOf(draggedElement);
+        if (originalIndex >= 0) {
+          if (insertIndex > originalIndex) {
+            const shift = -sign * dragSize;
+            for (let i = originalIndex; i < insertIndex; i++) {
+              const sibling = siblings[i];
+              if (sibling) shiftedElements.set(sibling, shift);
+            }
+          } else if (insertIndex < originalIndex) {
+            const shift = sign * dragSize;
+            for (let i = insertIndex; i < originalIndex; i++) {
+              const sibling = siblings[i];
+              if (sibling) shiftedElements.set(sibling, shift);
+            }
           }
         }
+      } else {
+        const shift = sign * dragSize;
+        for (let i = insertIndex; i < siblings.length; i++) {
+          shiftedElements.set(siblings[i], shift);
+        }
       }
-    } else {
-      const shift = sign * dragSize;
-      for (let i = insertIndex; i < siblings.length; i++) {
-        shiftedElements.set(siblings[i], shift);
+      const axis = isHorizontal ? "x" : "y";
+      const keep = new Set(shiftedElements.keys());
+      for (const [element, snapshot2] of reorderPreviewRef.current) {
+        if (!keep.has(element)) {
+          element.style.transform = snapshot2.transform;
+          element.style.transition = snapshot2.transition;
+          reorderPreviewRef.current.delete(element);
+        }
       }
-    }
-    const axis = isHorizontal ? "x" : "y";
-    const keep = new Set(shiftedElements.keys());
-    for (const [element, snapshot2] of reorderPreviewRef.current) {
-      if (!keep.has(element)) {
-        element.style.transform = snapshot2.transform;
-        element.style.transition = snapshot2.transition;
-        reorderPreviewRef.current.delete(element);
+      for (const [element, shift] of shiftedElements) {
+        const baseTransform = reorderPreviewRef.current.get(element)?.transform ?? element.style.transform;
+        setReorderPreviewTransform(element, withAxisTranslate(baseTransform, axis, shift));
       }
-    }
-    for (const [element, shift] of shiftedElements) {
-      const baseTransform = reorderPreviewRef.current.get(element)?.transform ?? element.style.transform;
-      setReorderPreviewTransform(element, withAxisTranslate(baseTransform, axis, shift));
-    }
-  }, [clearReorderPreview, setReorderPreviewTransform]);
+    },
+    [clearReorderPreview, setReorderPreviewTransform]
+  );
   const cancelDrag = React12.useCallback(() => {
     const current = dragStateRef.current;
     if (current.draggedElement) {
@@ -7507,6 +8138,7 @@ function useMove({ onMoveComplete }) {
     }
     clearReorderPreview();
     originalTransformRef.current = "";
+    composeBaseRef.current = "";
     initialRectRef.current = { x: 0, y: 0, scaleX: 1, scaleY: 1 };
     dragOptionsRef.current = DEFAULT_DRAG_OPTIONS;
     dragGuardRef.current.deactivate();
@@ -7528,6 +8160,7 @@ function useMove({ onMoveComplete }) {
     draggedElement.style.opacity = "";
     clearReorderPreview();
     originalTransformRef.current = "";
+    composeBaseRef.current = "";
     initialRectRef.current = { x: 0, y: 0, scaleX: 1, scaleY: 1 };
     const dragMode = dragOptionsRef.current.mode;
     dragOptionsRef.current = DEFAULT_DRAG_OPTIONS;
@@ -7556,7 +8189,13 @@ function useMove({ onMoveComplete }) {
         const deltaX = (current.ghostPosition.x - rect.left) / scaleX;
         const deltaY = (current.ghostPosition.y - rect.top) / scaleY;
         if ((Math.abs(deltaX) > 0.5 || Math.abs(deltaY) > 0.5) && originalParent) {
-          moveInfo = { originalParent, originalPreviousSibling, originalNextSibling, mode: "position", positionDelta: { x: deltaX, y: deltaY } };
+          moveInfo = {
+            originalParent,
+            originalPreviousSibling,
+            originalNextSibling,
+            mode: "position",
+            positionDelta: { x: deltaX, y: deltaY }
+          };
         }
       }
     } else if (target && tryReparent(draggedElement, target, originalParent, originalNextSibling)) {
@@ -7582,13 +8221,21 @@ function useMove({ onMoveComplete }) {
       const previousSibling = element.previousElementSibling;
       const nextSibling = element.nextElementSibling;
       dragOptionsRef.current = normalizeStartDragOptions(options);
+      const { scaleX, scaleY } = getElementScale(element);
       initialRectRef.current = {
         x: rect.left,
         y: rect.top,
-        scaleX: element.offsetWidth > 0 ? rect.width / element.offsetWidth : 1,
-        scaleY: element.offsetHeight > 0 ? rect.height / element.offsetHeight : 1
+        scaleX,
+        scaleY
       };
-      originalTransformRef.current = element.style.transform;
+      const inlineTransform = element.style.transform;
+      originalTransformRef.current = inlineTransform;
+      if (inlineTransform) {
+        composeBaseRef.current = inlineTransform;
+      } else {
+        const computed = getComputedStyle(element).transform;
+        composeBaseRef.current = computed && computed !== "none" ? computed : "";
+      }
       dragGuardRef.current.activate();
       setDragState({
         isDragging: true,
@@ -7621,7 +8268,8 @@ function useMove({ onMoveComplete }) {
         const { x, y, scaleX, scaleY } = initialRectRef.current;
         const dx = (e.clientX - dragOffset.x - x) / scaleX;
         const dy = (e.clientY - dragOffset.y - y) / scaleY;
-        draggedElement.style.transform = `translate(${dx}px, ${dy}px)`;
+        const base = composeBaseRef.current;
+        draggedElement.style.transform = base ? `translate(${dx}px, ${dy}px) ${base}` : `translate(${dx}px, ${dy}px)`;
       }
       if (dragOptionsRef.current.mode === "position") {
         let container2 = findLayoutContainerAtPoint(
@@ -7662,19 +8310,9 @@ function useMove({ onMoveComplete }) {
         }
         return;
       }
-      const container = dragOptionsRef.current.constrainToOriginalParent ? originalParent : findContainerAtPoint(
-        e.clientX,
-        e.clientY,
-        draggedElement,
-        originalParent
-      );
+      const container = dragOptionsRef.current.constrainToOriginalParent ? originalParent : findContainerAtPoint(e.clientX, e.clientY, draggedElement, originalParent);
       if (container && draggedElement) {
-        const dropPos = calculateDropPosition(
-          container,
-          e.clientX,
-          e.clientY,
-          draggedElement
-        );
+        const dropPos = calculateDropPosition(container, e.clientX, e.clientY, draggedElement);
         if (dropPos) {
           const nextTarget = {
             container,
@@ -8047,7 +8685,10 @@ function isSelectableElement(element) {
   if (!(element instanceof HTMLElement)) return false;
   if (!element.isConnected) return false;
   if (element === document.body || element === document.documentElement) return false;
-  if (element.matches("[data-direct-edit], [data-direct-edit-host], script, style, link, meta, noscript")) return false;
+  if (element.matches(
+    "[data-direct-edit], [data-direct-edit-host], script, style, link, meta, noscript"
+  ))
+    return false;
   const rect = element.getBoundingClientRect();
   if (rect.width <= 0 || rect.height <= 0) return false;
   const computed = window.getComputedStyle(element);
@@ -8065,7 +8706,9 @@ function compareDomOrder2(a, b) {
 }
 function collectMarqueeTargets(rect) {
   const hits = Array.from(document.querySelectorAll("*")).filter(isSelectableElement).filter((element) => rectsIntersect(rect, element.getBoundingClientRect()));
-  const deepestHits = hits.filter((element) => !hits.some((other) => other !== element && element.contains(other)));
+  const deepestHits = hits.filter(
+    (element) => !hits.some((other) => other !== element && element.contains(other))
+  );
   deepestHits.sort(compareDomOrder2);
   return deepestHits;
 }
@@ -8488,6 +9131,7 @@ function SelectedCommentComposer({
   comment,
   attentionNonce,
   draftRef,
+  onDraftTextChange,
   onSubmit,
   onCancel
 }) {
@@ -8533,7 +9177,8 @@ function SelectedCommentComposer({
   }, [attentionNonce]);
   React17.useEffect(() => {
     if (draftRef) draftRef.current = text;
-  }, [draftRef, text]);
+    onDraftTextChange?.(text);
+  }, [draftRef, onDraftTextChange, text]);
   const submit = React17.useCallback(() => {
     const nextText = text.trim();
     if (!nextText) return;
@@ -8592,161 +9237,89 @@ function SelectedCommentComposer({
               } else if (e.key === "Escape") {
                 onCancel();
               }
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx7(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "icon",
-            className: cn(
-              "size-7 shrink-0 self-start",
-              text.trim() ? "bg-blue-500 text-white hover:bg-blue-600" : "bg-muted text-muted-foreground"
-            ),
-            disabled: !text.trim(),
-            onClick: submit,
-            children: /* @__PURE__ */ jsx7(ArrowUp, {})
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/move-overlay.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var BLUE2 = "#0D99FF";
-function MoveOverlay({ dropIndicator }) {
-  if (!dropIndicator) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx8(
-    "svg",
-    {
-      "data-direct-edit": "move-overlay",
-      style: {
-        position: "fixed",
-        inset: 0,
-        width: "100vw",
-        height: "100vh",
-        pointerEvents: "none",
-        zIndex: 99997
-      },
-      children: /* @__PURE__ */ jsx8(
-        "rect",
-        {
-          x: dropIndicator.x,
-          y: dropIndicator.y,
-          width: dropIndicator.width,
-          height: dropIndicator.height,
-          fill: BLUE2
-        }
-      )
-    }
-  );
-}
-
-// src/selection-overlay.tsx
-import * as React19 from "react";
-import { MessageSquare } from "lucide-react";
-
-// src/use-selection-resize.ts
-import * as React18 from "react";
-
-// src/utils/resize-geometry.ts
-function toFinite(value, fallback) {
-  if (!Number.isFinite(value)) return fallback;
-  return value;
-}
-function clampSize(value, minSize = 1) {
-  const safeMin = Math.max(1, toFinite(minSize, 1));
-  const safeValue = toFinite(value, safeMin);
-  return Math.max(safeMin, safeValue);
-}
-function computeEdgeSize({
-  handle,
-  startWidth,
-  startHeight,
-  dx,
-  dy,
-  minSize = 1
-}) {
-  const baseWidth = clampSize(startWidth, minSize);
-  const baseHeight = clampSize(startHeight, minSize);
-  switch (handle) {
-    case "right":
-      return { width: clampSize(baseWidth + dx, minSize), height: baseHeight };
-    case "left":
-      return { width: clampSize(baseWidth - dx, minSize), height: baseHeight };
-    case "bottom":
-      return { width: baseWidth, height: clampSize(baseHeight + dy, minSize) };
-    case "top":
-      return { width: baseWidth, height: clampSize(baseHeight - dy, minSize) };
-  }
-}
-function computeCornerProportionalSize({
-  handle,
-  startWidth,
-  startHeight,
-  dx,
-  dy,
-  minSize = 1
-}) {
-  const baseWidth = clampSize(startWidth, minSize);
-  const baseHeight = clampSize(startHeight, minSize);
-  const ratio = baseWidth > 0 && baseHeight > 0 ? baseWidth / baseHeight : 1;
-  const widthSign = handle === "top-left" || handle === "bottom-left" ? -1 : 1;
-  const heightSign = handle === "top-left" || handle === "top-right" ? -1 : 1;
-  const rawWidth = baseWidth + widthSign * dx;
-  const rawHeight = baseHeight + heightSign * dy;
-  const widthIntent = clampSize(rawWidth, minSize);
-  const heightIntent = clampSize(rawHeight, minSize);
-  const widthChange = Math.abs(widthIntent - baseWidth) / Math.max(baseWidth, 1);
-  const heightChange = Math.abs(heightIntent - baseHeight) / Math.max(baseHeight, 1);
-  if (widthChange >= heightChange) {
-    const width2 = clampSize(widthIntent, minSize);
-    const height2 = clampSize(width2 / Math.max(ratio, 1e-4), minSize);
-    return { width: width2, height: height2 };
-  }
-  const height = clampSize(heightIntent, minSize);
-  const width = clampSize(height * ratio, minSize);
-  return { width, height };
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: cn(
+              "size-7 shrink-0 self-start",
+              text.trim() ? "bg-blue-500 text-white hover:bg-blue-600" : "bg-muted text-muted-foreground"
+            ),
+            disabled: !text.trim(),
+            onClick: submit,
+            children: /* @__PURE__ */ jsx7(ArrowUp, {})
+          }
+        )
+      ]
+    }
+  );
 }
-function computeFillRenderedWidth(element) {
-  const parent = element.parentElement;
-  if (!parent) return null;
-  const parentComputed = window.getComputedStyle(parent);
-  const elementComputed = window.getComputedStyle(element);
-  const parentClientWidth = parent.clientWidth;
-  const parentPaddingLeft = parseFloat(parentComputed.paddingLeft) || 0;
-  const parentPaddingRight = parseFloat(parentComputed.paddingRight) || 0;
-  const parentContentWidth = parentClientWidth - parentPaddingLeft - parentPaddingRight;
-  if (!Number.isFinite(parentContentWidth) || parentContentWidth <= 0) {
+
+// src/move-overlay.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var BLUE2 = "#0D99FF";
+function MoveOverlay({ dropIndicator }) {
+  if (!dropIndicator) {
     return null;
   }
-  const elementPaddingLeft = parseFloat(elementComputed.paddingLeft) || 0;
-  const elementPaddingRight = parseFloat(elementComputed.paddingRight) || 0;
-  const elementBorderLeft = parseFloat(elementComputed.borderLeftWidth) || 0;
-  const elementBorderRight = parseFloat(elementComputed.borderRightWidth) || 0;
-  if (elementComputed.boxSizing === "border-box") {
-    return clampSize(parentContentWidth, 1);
-  }
-  return clampSize(
-    parentContentWidth + elementPaddingLeft + elementPaddingRight + elementBorderLeft + elementBorderRight,
-    1
+  return /* @__PURE__ */ jsx8(
+    "svg",
+    {
+      "data-direct-edit": "move-overlay",
+      style: {
+        position: "fixed",
+        inset: 0,
+        width: "100vw",
+        height: "100vh",
+        pointerEvents: "none",
+        zIndex: 99997
+      },
+      children: /* @__PURE__ */ jsx8(
+        "rect",
+        {
+          x: dropIndicator.x,
+          y: dropIndicator.y,
+          width: dropIndicator.width,
+          height: dropIndicator.height,
+          fill: BLUE2
+        }
+      )
+    }
   );
 }
 
+// src/selection-overlay.tsx
+import * as React19 from "react";
+import { MessageSquare } from "lucide-react";
+
 // src/use-selection-resize.ts
+import * as React18 from "react";
 var MIN_SIZE_PX = 1;
 var SNAP_IN_PX = 2;
 var SNAP_OUT_PX = 6;
 var EPSILON = 1e-4;
 var EDGE_HANDLES = /* @__PURE__ */ new Set(["top", "right", "bottom", "left"]);
-var WIDTH_HANDLES = /* @__PURE__ */ new Set(["left", "right", "top-left", "top-right", "bottom-left", "bottom-right"]);
-var HEIGHT_HANDLES = /* @__PURE__ */ new Set(["top", "bottom", "top-left", "top-right", "bottom-left", "bottom-right"]);
+var WIDTH_HANDLES = /* @__PURE__ */ new Set([
+  "left",
+  "right",
+  "top-left",
+  "top-right",
+  "bottom-left",
+  "bottom-right"
+]);
+var HEIGHT_HANDLES = /* @__PURE__ */ new Set([
+  "top",
+  "bottom",
+  "top-left",
+  "top-right",
+  "bottom-left",
+  "bottom-right"
+]);
 function createSizingValue(mode, numericValue) {
   const rounded = Math.max(MIN_SIZE_PX, Math.round(clampSize(numericValue, MIN_SIZE_PX)));
   return {
@@ -8768,125 +9341,135 @@ function useSelectionResize({
 }) {
   const cleanupRef = React18.useRef(null);
   const txCounterRef = React18.useRef(0);
-  const emitSizingChange = React18.useCallback((changes, options) => {
-    onResizeSizingChange?.(changes, options);
-  }, [onResizeSizingChange]);
+  const emitSizingChange = React18.useCallback(
+    (changes, options) => {
+      onResizeSizingChange?.(changes, options);
+    },
+    [onResizeSizingChange]
+  );
   React18.useEffect(() => {
     return () => {
       cleanupRef.current?.();
       cleanupRef.current = null;
     };
   }, []);
-  const getResizeHandlePointerDown = React18.useCallback((handle) => {
-    return (e) => {
-      if (!enabled || !onResizeSizingChange) return;
-      if (e.button !== 0) return;
-      e.preventDefault();
-      e.stopPropagation();
-      cleanupRef.current?.();
-      const rect = selectedElement.getBoundingClientRect();
-      const offsetWidth = selectedElement.offsetWidth;
-      const offsetHeight = selectedElement.offsetHeight;
-      const startWidth = clampSize(offsetWidth > 0 ? offsetWidth : rect.width, MIN_SIZE_PX);
-      const startHeight = clampSize(offsetHeight > 0 ? offsetHeight : rect.height, MIN_SIZE_PX);
-      const scaleX = Math.max(EPSILON, offsetWidth > 0 ? rect.width / offsetWidth : 1);
-      const scaleY = Math.max(EPSILON, offsetHeight > 0 ? rect.height / offsetHeight : 1);
-      const transactionId = `resize-${Date.now()}-${txCounterRef.current++}`;
-      const state = {
-        transactionId,
-        handle,
-        startClientX: e.clientX,
-        startClientY: e.clientY,
-        startWidth,
-        startHeight,
-        scaleX,
-        scaleY,
-        fillTargetWidth: computeFillRenderedWidth(selectedElement),
-        fillLocked: detectSizingMode(selectedElement, "width") === "fill"
-      };
-      emitSizingChange({}, { transactionId: state.transactionId, phase: "start" });
-      const onPointerMove = (moveEvent) => {
-        const dx = (moveEvent.clientX - state.startClientX) / state.scaleX;
-        const dy = (moveEvent.clientY - state.startClientY) / state.scaleY;
-        const nextSize = isEdgeHandle(state.handle) ? computeEdgeSize({
-          handle: state.handle,
-          startWidth: state.startWidth,
-          startHeight: state.startHeight,
-          dx,
-          dy,
-          minSize: MIN_SIZE_PX
-        }) : computeCornerProportionalSize({
-          handle: state.handle,
-          startWidth: state.startWidth,
-          startHeight: state.startHeight,
-          dx,
-          dy,
-          minSize: MIN_SIZE_PX
-        });
-        const nextWidth = Math.max(MIN_SIZE_PX, Math.round(nextSize.width));
-        const nextHeight = Math.max(MIN_SIZE_PX, Math.round(nextSize.height));
-        const changes = {};
-        if (WIDTH_HANDLES.has(state.handle)) {
-          if (state.fillTargetWidth !== null) {
-            const distance = Math.abs(nextWidth - state.fillTargetWidth);
-            if (state.fillLocked) {
-              if (distance > SNAP_OUT_PX) {
-                state.fillLocked = false;
+  const getResizeHandlePointerDown = React18.useCallback(
+    (handle) => {
+      return (e) => {
+        if (!enabled || !onResizeSizingChange) return;
+        if (e.button !== 0) return;
+        e.preventDefault();
+        e.stopPropagation();
+        cleanupRef.current?.();
+        const rect = selectedElement.getBoundingClientRect();
+        const offsetWidth = selectedElement.offsetWidth;
+        const offsetHeight = selectedElement.offsetHeight;
+        const startWidth = clampSize(offsetWidth > 0 ? offsetWidth : rect.width, MIN_SIZE_PX);
+        const startHeight = clampSize(offsetHeight > 0 ? offsetHeight : rect.height, MIN_SIZE_PX);
+        const { scaleX: rawScaleX, scaleY: rawScaleY } = getElementScale(selectedElement);
+        const scaleX = Math.max(EPSILON, rawScaleX);
+        const scaleY = Math.max(EPSILON, rawScaleY);
+        const transactionId = `resize-${Date.now()}-${txCounterRef.current++}`;
+        const state = {
+          transactionId,
+          handle,
+          startClientX: e.clientX,
+          startClientY: e.clientY,
+          startWidth,
+          startHeight,
+          scaleX,
+          scaleY,
+          fillTargetWidth: computeFillRenderedWidth(selectedElement),
+          fillLocked: detectSizingMode(selectedElement, "width") === "fill"
+        };
+        emitSizingChange({}, { transactionId: state.transactionId, phase: "start" });
+        const onPointerMove = (moveEvent) => {
+          const dx = (moveEvent.clientX - state.startClientX) / state.scaleX;
+          const dy = (moveEvent.clientY - state.startClientY) / state.scaleY;
+          const nextSize = isEdgeHandle(state.handle) ? computeEdgeSize({
+            handle: state.handle,
+            startWidth: state.startWidth,
+            startHeight: state.startHeight,
+            dx,
+            dy,
+            minSize: MIN_SIZE_PX
+          }) : computeCornerProportionalSize({
+            handle: state.handle,
+            startWidth: state.startWidth,
+            startHeight: state.startHeight,
+            dx,
+            dy,
+            minSize: MIN_SIZE_PX
+          });
+          const nextWidth = Math.max(MIN_SIZE_PX, Math.round(nextSize.width));
+          const nextHeight = Math.max(MIN_SIZE_PX, Math.round(nextSize.height));
+          const changes = {};
+          if (WIDTH_HANDLES.has(state.handle)) {
+            if (state.fillTargetWidth !== null) {
+              const distance = Math.abs(nextWidth - state.fillTargetWidth);
+              if (state.fillLocked) {
+                if (distance > SNAP_OUT_PX) {
+                  state.fillLocked = false;
+                }
+              } else if (distance <= SNAP_IN_PX) {
+                state.fillLocked = true;
               }
-            } else if (distance <= SNAP_IN_PX) {
-              state.fillLocked = true;
+            } else {
+              state.fillLocked = false;
+            }
+            if (state.fillLocked) {
+              const fillWidth = state.fillTargetWidth ?? nextWidth;
+              changes.width = createSizingValue("fill", fillWidth);
+            } else {
+              changes.width = createSizingValue("fixed", nextWidth);
             }
-          } else {
-            state.fillLocked = false;
           }
-          if (state.fillLocked) {
-            const fillWidth = state.fillTargetWidth ?? nextWidth;
-            changes.width = createSizingValue("fill", fillWidth);
-          } else {
-            changes.width = createSizingValue("fixed", nextWidth);
+          if (HEIGHT_HANDLES.has(state.handle)) {
+            changes.height = createSizingValue("fixed", nextHeight);
           }
-        }
-        if (HEIGHT_HANDLES.has(state.handle)) {
-          changes.height = createSizingValue("fixed", nextHeight);
-        }
-        if (Object.keys(changes).length === 0) return;
-        emitSizingChange(changes, { transactionId: state.transactionId, phase: "update" });
+          if (Object.keys(changes).length === 0) return;
+          emitSizingChange(changes, { transactionId: state.transactionId, phase: "update" });
+        };
+        const stop = () => {
+          window.removeEventListener("pointermove", onPointerMove);
+          window.removeEventListener("pointerup", stop);
+          window.removeEventListener("pointercancel", stop);
+          window.removeEventListener("blur", stop);
+          cleanupRef.current = null;
+          emitSizingChange({}, { transactionId: state.transactionId, phase: "end" });
+        };
+        cleanupRef.current = stop;
+        window.addEventListener("pointermove", onPointerMove);
+        window.addEventListener("pointerup", stop);
+        window.addEventListener("pointercancel", stop);
+        window.addEventListener("blur", stop);
       };
-      const stop = () => {
-        window.removeEventListener("pointermove", onPointerMove);
-        window.removeEventListener("pointerup", stop);
-        window.removeEventListener("pointercancel", stop);
-        window.removeEventListener("blur", stop);
-        cleanupRef.current = null;
-        emitSizingChange({}, { transactionId: state.transactionId, phase: "end" });
+    },
+    [emitSizingChange, enabled, onResizeSizingChange, selectedElement]
+  );
+  const getResizeHandleDoubleClick = React18.useCallback(
+    (handle) => {
+      return (e) => {
+        if (!enabled || !onResizeSizingChange) return;
+        if (!isEdgeHandle(handle)) return;
+        const hasElementChildren = selectedElement.children.length > 0;
+        const hasTextContent = Boolean(selectedElement.textContent?.trim());
+        const isEligibleElement = hasElementChildren || hasTextContent;
+        if (!isEligibleElement) return;
+        e.preventDefault();
+        e.stopPropagation();
+        const rect = selectedElement.getBoundingClientRect();
+        const width = Math.max(MIN_SIZE_PX, Math.round(rect.width));
+        const height = Math.max(MIN_SIZE_PX, Math.round(rect.height));
+        if (handle === "left" || handle === "right") {
+          emitSizingChange({ width: createSizingValue("fit", width) });
+        } else {
+          emitSizingChange({ height: createSizingValue("fit", height) });
+        }
       };
-      cleanupRef.current = stop;
-      window.addEventListener("pointermove", onPointerMove);
-      window.addEventListener("pointerup", stop);
-      window.addEventListener("pointercancel", stop);
-      window.addEventListener("blur", stop);
-    };
-  }, [emitSizingChange, enabled, onResizeSizingChange, selectedElement]);
-  const getResizeHandleDoubleClick = React18.useCallback((handle) => {
-    return (e) => {
-      if (!enabled || !onResizeSizingChange) return;
-      if (!isEdgeHandle(handle)) return;
-      const hasElementChildren = selectedElement.children.length > 0;
-      const hasTextContent = Boolean(selectedElement.textContent?.trim());
-      const isEligibleElement = hasElementChildren || hasTextContent;
-      if (!isEligibleElement) return;
-      e.preventDefault();
-      e.stopPropagation();
-      const rect = selectedElement.getBoundingClientRect();
-      const width = Math.max(MIN_SIZE_PX, Math.round(rect.width));
-      const height = Math.max(MIN_SIZE_PX, Math.round(rect.height));
-      if (handle === "left" || handle === "right") {
-        emitSizingChange({ width: createSizingValue("fit", width) });
-      } else {
-        emitSizingChange({ height: createSizingValue("fit", height) });
-      }
-    };
-  }, [emitSizingChange, enabled, onResizeSizingChange, selectedElement]);
+    },
+    [emitSizingChange, enabled, onResizeSizingChange, selectedElement]
+  );
   return {
     getResizeHandlePointerDown,
     getResizeHandleDoubleClick
@@ -9511,17 +10094,20 @@ function getGroupBounds(rects) {
   if (rects.length === 0) {
     return { left: 0, top: 0, right: 0, bottom: 0 };
   }
-  return rects.reduce((bounds, rect) => ({
-    left: Math.min(bounds.left, rect.left),
-    top: Math.min(bounds.top, rect.top),
-    right: Math.max(bounds.right, rect.right),
-    bottom: Math.max(bounds.bottom, rect.bottom)
-  }), {
-    left: rects[0].left,
-    top: rects[0].top,
-    right: rects[0].right,
-    bottom: rects[0].bottom
-  });
+  return rects.reduce(
+    (bounds, rect) => ({
+      left: Math.min(bounds.left, rect.left),
+      top: Math.min(bounds.top, rect.top),
+      right: Math.max(bounds.right, rect.right),
+      bottom: Math.max(bounds.bottom, rect.bottom)
+    }),
+    {
+      left: rects[0].left,
+      top: rects[0].top,
+      right: rects[0].right,
+      bottom: rects[0].bottom
+    }
+  );
 }
 function MultiSelectionOverlay({ selectedElements }) {
   const elements = React20.useMemo(
@@ -9530,10 +10116,12 @@ function MultiSelectionOverlay({ selectedElements }) {
   );
   const [selectionRects, setSelectionRects] = React20.useState([]);
   const updateRects = React20.useCallback(() => {
-    setSelectionRects(elements.map((element) => ({
-      element,
-      rect: element.getBoundingClientRect()
-    })));
+    setSelectionRects(
+      elements.map((element) => ({
+        element,
+        rect: element.getBoundingClientRect()
+      }))
+    );
   }, [elements]);
   React20.useLayoutEffect(() => {
     updateRects();
@@ -11917,6 +12505,7 @@ function PanelFooter({
   onExportEdits,
   onSendToAgent,
   showSendButton = true,
+  sendFailureReason,
   onPointerDown,
   onPointerMove,
   onPointerUp,
@@ -11925,6 +12514,13 @@ function PanelFooter({
   const [copied, setCopied] = React30.useState(false);
   const [copyError, setCopyError] = React30.useState(false);
   const [sendStatus, setSendStatus] = React30.useState("idle");
+  const prevCanTriggerSendRef = React30.useRef(canTriggerSend);
+  React30.useEffect(() => {
+    if (prevCanTriggerSendRef.current !== canTriggerSend) {
+      prevCanTriggerSendRef.current = canTriggerSend;
+      setSendStatus("idle");
+    }
+  }, [canTriggerSend]);
   const handleCopy = async () => {
     if (!onExportEdits) return;
     const success = await onExportEdits();
@@ -11938,6 +12534,7 @@ function PanelFooter({
     setCopyError(true);
     setTimeout(() => setCopyError(false), 2e3);
   };
+  const sendTooltipLabel = sendStatus === "offline" ? sendFailureReason === "unreachable" ? "Agent unreachable \u2014 click to retry" : "Agent rejected the edit \u2014 click to retry" : "Apply changes via agent";
   const handleSendToAgent = async () => {
     if (!onSendToAgent || sendStatus === "sending") return;
     setSendStatus("sending");
@@ -11947,7 +12544,6 @@ function PanelFooter({
       setTimeout(() => setSendStatus("idle"), 2e3);
     } else {
       setSendStatus("offline");
-      setTimeout(() => setSendStatus("idle"), 2e3);
     }
   };
   return /* @__PURE__ */ jsxs18(
@@ -11975,7 +12571,7 @@ function PanelFooter({
             children: copyError ? /* @__PURE__ */ jsx24(X3, { className: "text-red-500" }) : copied ? /* @__PURE__ */ jsx24(Check3, { className: "text-green-500" }) : /* @__PURE__ */ jsx24(Copy2, {})
           }
         ) }),
-        showSendButton && onSendToAgent && /* @__PURE__ */ jsx24("span", { className: !canTriggerSend || sendStatus === "sending" ? "cursor-not-allowed" : void 0, children: /* @__PURE__ */ jsx24(Tip, { label: "Apply changes via agent", children: /* @__PURE__ */ jsx24(
+        showSendButton && onSendToAgent && /* @__PURE__ */ jsx24("span", { className: !canTriggerSend || sendStatus === "sending" ? "cursor-not-allowed" : void 0, children: /* @__PURE__ */ jsx24(Tip, { label: sendTooltipLabel, children: /* @__PURE__ */ jsx24(
           Button,
           {
             variant: "outline",
@@ -12692,6 +13288,7 @@ function DirectEditPanelInner({
   onSendToAgent,
   canSendToAgent = false,
   showSendButton = true,
+  sendFailureReason,
   className,
   style,
   panelRef,
@@ -12754,89 +13351,91 @@ function DirectEditPanelInner({
             sectionRefs
           }
         ),
-        /* @__PURE__ */ jsxs23("div", { className: "flex-1 overflow-y-auto backdrop-blur-xl bg-background/85", ref: scrollRef, onWheelCapture: (e) => e.stopPropagation(), children: [
-          /* @__PURE__ */ jsx29(
-            LayoutSection,
-            {
-              elementInfo,
-              computedFlex,
-              computedSpacing,
-              computedSizing,
-              onToggleFlex,
-              onUpdateFlex,
-              onUpdateSpacing,
-              onUpdateSizing,
-              sectionRef: sectionRefs.layout
-            }
-          ),
-          /* @__PURE__ */ jsx29("div", { ref: sectionRefs.radius, children: /* @__PURE__ */ jsx29(CollapsibleSection, { title: "Radius", children: /* @__PURE__ */ jsx29(
-            BorderRadiusInputs,
-            {
-              values: {
-                topLeft: computedBorderRadius.borderTopLeftRadius,
-                topRight: computedBorderRadius.borderTopRightRadius,
-                bottomRight: computedBorderRadius.borderBottomRightRadius,
-                bottomLeft: computedBorderRadius.borderBottomLeftRadius
-              },
-              onChange: onUpdateBorderRadius
-            }
-          ) }) }),
-          computedColor && /* @__PURE__ */ jsx29("div", { ref: sectionRefs.fill, children: /* @__PURE__ */ jsx29(
-            BackgroundFillSection,
-            {
-              backgroundColor: computedColor.backgroundColor,
-              onSetCSS,
-              pendingStyles
-            }
-          ) }),
-          /* @__PURE__ */ jsx29("div", { ref: sectionRefs.border, children: /* @__PURE__ */ jsx29(
-            BorderSection,
-            {
-              border: computedBorder,
-              borderColor: computedColor?.borderColor,
-              outlineColor: computedColor?.outlineColor,
-              borderStyleControlPreference,
-              onChange: onUpdateBorder,
-              onBatchChange: onBatchUpdateBorder,
-              onBorderColorChange: (value) => onUpdateColor("borderColor", value),
-              onOutlineColorChange: (value) => onUpdateColor("outlineColor", value),
-              onSetCSS,
-              pendingStyles
-            }
-          ) }),
-          /* @__PURE__ */ jsx29("div", { ref: sectionRefs.shadow, children: /* @__PURE__ */ jsx29(
-            ShadowSection,
-            {
-              boxShadow: computedBoxShadow,
-              onSetCSS,
-              pendingStyles
-            }
-          ) }),
-          elementInfo.isTextElement && computedTypography && /* @__PURE__ */ jsx29("div", { ref: sectionRefs.text, children: /* @__PURE__ */ jsx29(CollapsibleSection, { title: "Text", children: /* @__PURE__ */ jsx29(
-            TypographyInputs,
-            {
-              typography: computedTypography,
-              onUpdate: onUpdateTypography
-            }
-          ) }) }),
-          computedColor && /* @__PURE__ */ jsx29("div", { ref: sectionRefs.colors, children: /* @__PURE__ */ jsx29(CollapsibleSection, { title: "Selection colors", children: /* @__PURE__ */ jsx29(
-            FillSection,
-            {
-              textColor: computedColor.color,
-              borderColor: computedColor.borderColor,
-              outlineColor: computedColor.outlineColor,
-              selectionColors,
-              onTextChange: (value) => onUpdateColor("color", value),
-              onBorderColorChange: (value) => onUpdateColor("borderColor", value),
-              onOutlineColorChange: (value) => onUpdateColor("outlineColor", value),
-              onSelectionColorChange: onReplaceSelectionColor,
-              onSelectionColorTarget: onSelectSelectionColorTarget,
-              hasTextContent: elementInfo.isTextElement,
-              showBorderColor: computedColor.borderColor.alpha > 0,
-              showOutlineColor: computedColor.outlineColor.alpha > 0
-            }
-          ) }) })
-        ] }),
+        /* @__PURE__ */ jsxs23(
+          "div",
+          {
+            className: "flex-1 overflow-y-auto backdrop-blur-xl bg-background/85",
+            ref: scrollRef,
+            onWheelCapture: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsx29(
+                LayoutSection,
+                {
+                  elementInfo,
+                  computedFlex,
+                  computedSpacing,
+                  computedSizing,
+                  onToggleFlex,
+                  onUpdateFlex,
+                  onUpdateSpacing,
+                  onUpdateSizing,
+                  sectionRef: sectionRefs.layout
+                }
+              ),
+              /* @__PURE__ */ jsx29("div", { ref: sectionRefs.radius, children: /* @__PURE__ */ jsx29(CollapsibleSection, { title: "Radius", children: /* @__PURE__ */ jsx29(
+                BorderRadiusInputs,
+                {
+                  values: {
+                    topLeft: computedBorderRadius.borderTopLeftRadius,
+                    topRight: computedBorderRadius.borderTopRightRadius,
+                    bottomRight: computedBorderRadius.borderBottomRightRadius,
+                    bottomLeft: computedBorderRadius.borderBottomLeftRadius
+                  },
+                  onChange: onUpdateBorderRadius
+                }
+              ) }) }),
+              computedColor && /* @__PURE__ */ jsx29("div", { ref: sectionRefs.fill, children: /* @__PURE__ */ jsx29(
+                BackgroundFillSection,
+                {
+                  backgroundColor: computedColor.backgroundColor,
+                  onSetCSS,
+                  pendingStyles
+                }
+              ) }),
+              /* @__PURE__ */ jsx29("div", { ref: sectionRefs.border, children: /* @__PURE__ */ jsx29(
+                BorderSection,
+                {
+                  border: computedBorder,
+                  borderColor: computedColor?.borderColor,
+                  outlineColor: computedColor?.outlineColor,
+                  borderStyleControlPreference,
+                  onChange: onUpdateBorder,
+                  onBatchChange: onBatchUpdateBorder,
+                  onBorderColorChange: (value) => onUpdateColor("borderColor", value),
+                  onOutlineColorChange: (value) => onUpdateColor("outlineColor", value),
+                  onSetCSS,
+                  pendingStyles
+                }
+              ) }),
+              /* @__PURE__ */ jsx29("div", { ref: sectionRefs.shadow, children: /* @__PURE__ */ jsx29(
+                ShadowSection,
+                {
+                  boxShadow: computedBoxShadow,
+                  onSetCSS,
+                  pendingStyles
+                }
+              ) }),
+              elementInfo.isTextElement && computedTypography && /* @__PURE__ */ jsx29("div", { ref: sectionRefs.text, children: /* @__PURE__ */ jsx29(CollapsibleSection, { title: "Text", children: /* @__PURE__ */ jsx29(TypographyInputs, { typography: computedTypography, onUpdate: onUpdateTypography }) }) }),
+              computedColor && /* @__PURE__ */ jsx29("div", { ref: sectionRefs.colors, children: /* @__PURE__ */ jsx29(CollapsibleSection, { title: "Selection colors", children: /* @__PURE__ */ jsx29(
+                FillSection,
+                {
+                  textColor: computedColor.color,
+                  borderColor: computedColor.borderColor,
+                  outlineColor: computedColor.outlineColor,
+                  selectionColors,
+                  onTextChange: (value) => onUpdateColor("color", value),
+                  onBorderColorChange: (value) => onUpdateColor("borderColor", value),
+                  onOutlineColorChange: (value) => onUpdateColor("outlineColor", value),
+                  onSelectionColorChange: onReplaceSelectionColor,
+                  onSelectionColorTarget: onSelectSelectionColorTarget,
+                  hasTextContent: elementInfo.isTextElement,
+                  showBorderColor: computedColor.borderColor.alpha > 0,
+                  showOutlineColor: computedColor.outlineColor.alpha > 0
+                }
+              ) }) })
+            ]
+          }
+        ),
         (onExportEdits || showSendButton && onSendToAgent) && /* @__PURE__ */ jsx29(
           PanelFooter,
           {
@@ -12845,6 +13444,7 @@ function DirectEditPanelInner({
             onExportEdits,
             onSendToAgent,
             showSendButton,
+            sendFailureReason,
             onPointerDown: onHeaderPointerDown,
             onPointerMove: onHeaderPointerMove,
             onPointerUp: onHeaderPointerUp,
@@ -12879,7 +13479,8 @@ function DirectEditPanelContent() {
     comments,
     activeCommentId,
     textEditingElement,
-    agentAvailable
+    agentAvailable,
+    lastSendFailure
   } = useDirectEditState();
   const {
     selectParent,
@@ -12907,11 +13508,15 @@ function DirectEditPanelContent() {
     addCommentReply,
     deleteComment,
     exportComment,
+    exportEdits,
+    sendEditToAgent: sendEditToAgent2,
     sendCommentToAgent: sendCommentToAgent2,
     setActiveCommentId,
     startTextEditing,
     toggleEditMode,
-    deleteSelection
+    deleteSelection,
+    setCommentDraftText,
+    setCommentDraftBlockedHandler
   } = useDirectEditActions();
   const {
     position,
@@ -12933,46 +13538,67 @@ function DirectEditPanelContent() {
   });
   React34.useEffect(() => {
     commentDraftRef.current = "";
-  }, [activeCommentId]);
+    setCommentDraftText("");
+  }, [activeCommentId, setCommentDraftText]);
   const activeDraftComment = React34.useMemo(() => {
     if (!commentTargetElement || !activeCommentId) return null;
     const active = comments.find((comment) => comment.id === activeCommentId);
-    if (!active || active.text.trim().length > 0 || active.element !== commentTargetElement) return null;
+    if (!active || active.text.trim().length > 0 || active.element !== commentTargetElement)
+      return null;
     return active;
   }, [activeCommentId, commentTargetElement, comments]);
-  const { isActive: measurementActive, hoveredElement, measurements, mousePosition } = useMeasurement(
-    isOpen ? selectedElement : null
-  );
   const {
-    dragState,
-    dropIndicator,
-    startDrag
-  } = useMove({
+    isActive: measurementActive,
+    hoveredElement,
+    measurements,
+    mousePosition
+  } = useMeasurement(isOpen ? selectedElement : null);
+  const { dragState, dropIndicator, startDrag } = useMove({
     onMoveComplete: handleMoveComplete
   });
   const triggerCommentInputAttention = React34.useCallback((commentId) => {
-    setCommentInputAttention((prev) => prev?.commentId === commentId ? { commentId, nonce: prev.nonce + 1 } : { commentId, nonce: 1 });
+    setCommentInputAttention(
+      (prev) => prev?.commentId === commentId ? { commentId, nonce: prev.nonce + 1 } : { commentId, nonce: 1 }
+    );
   }, []);
-  const hasPendingCommentDraft = React34.useCallback((nextCommentId = null) => {
-    if (!activeCommentId) return false;
-    if (nextCommentId && nextCommentId === activeCommentId) return false;
-    const active = comments.find((comment) => comment.id === activeCommentId);
-    if (!active) return false;
-    const hasUnsentDraft = active.text.trim().length === 0 && commentDraftRef.current.trim().length > 0;
-    if (!hasUnsentDraft) return false;
-    triggerCommentInputAttention(active.id);
-    return true;
-  }, [activeCommentId, comments, triggerCommentInputAttention]);
-  const handleSetActiveComment = React34.useCallback((id) => {
-    if (hasPendingCommentDraft(id)) return;
-    if (activeCommentId && activeCommentId !== id) {
+  React34.useEffect(() => {
+    if (!activeCommentId) {
+      setCommentDraftBlockedHandler(null);
+      return;
+    }
+    setCommentDraftBlockedHandler(() => {
+      triggerCommentInputAttention(activeCommentId);
+    });
+    return () => {
+      setCommentDraftBlockedHandler(null);
+    };
+  }, [activeCommentId, setCommentDraftBlockedHandler, triggerCommentInputAttention]);
+  const hasPendingCommentDraft = React34.useCallback(
+    (nextCommentId = null) => {
+      if (!activeCommentId) return false;
+      if (nextCommentId && nextCommentId === activeCommentId) return false;
       const active = comments.find((comment) => comment.id === activeCommentId);
-      if (active && active.text.trim().length === 0) {
-        deleteComment(active.id);
+      if (!active) return false;
+      const hasUnsentDraft = active.text.trim().length === 0 && commentDraftRef.current.trim().length > 0;
+      if (!hasUnsentDraft) return false;
+      triggerCommentInputAttention(active.id);
+      return true;
+    },
+    [activeCommentId, comments, triggerCommentInputAttention]
+  );
+  const handleSetActiveComment = React34.useCallback(
+    (id) => {
+      if (hasPendingCommentDraft(id)) return;
+      if (activeCommentId && activeCommentId !== id) {
+        const active = comments.find((comment) => comment.id === activeCommentId);
+        if (active && active.text.trim().length === 0) {
+          deleteComment(active.id);
+        }
       }
-    }
-    setActiveCommentId(id);
-  }, [activeCommentId, comments, hasPendingCommentDraft, deleteComment, setActiveCommentId]);
+      setActiveCommentId(id);
+    },
+    [activeCommentId, comments, hasPendingCommentDraft, deleteComment, setActiveCommentId]
+  );
   const handleCommentPillClick = React34.useCallback(() => {
     if (activeDraftComment) {
       handleSetActiveComment(null);
@@ -12980,13 +13606,23 @@ function DirectEditPanelContent() {
     }
     if (hasPendingCommentDraft()) return;
     if (!commentTargetElement) return;
-    const existingDraft = comments.find((comment) => comment.element === commentTargetElement && comment.text.trim().length === 0);
+    const existingDraft = comments.find(
+      (comment) => comment.element === commentTargetElement && comment.text.trim().length === 0
+    );
     if (existingDraft) {
       setActiveCommentId(existingDraft.id);
       return;
     }
     addComment(commentTargetElement, getElementCommentAnchor(commentTargetElement));
-  }, [activeDraftComment, handleSetActiveComment, hasPendingCommentDraft, commentTargetElement, comments, setActiveCommentId, addComment]);
+  }, [
+    activeDraftComment,
+    handleSetActiveComment,
+    hasPendingCommentDraft,
+    commentTargetElement,
+    comments,
+    setActiveCommentId,
+    addComment
+  ]);
   React34.useEffect(() => {
     const previous = previousCommentTriggerRef.current;
     previousCommentTriggerRef.current = { editModeActive, commentTargetElement };
@@ -13062,6 +13698,7 @@ function DirectEditPanelContent() {
         comment: activeDraftComment,
         attentionNonce: commentInputAttention?.commentId === activeDraftComment.id ? commentInputAttention.nonce : 0,
         draftRef: commentDraftRef,
+        onDraftTextChange: setCommentDraftText,
         onSubmit: (text) => submitCommentDraft(activeDraftComment.id, text),
         onCancel: () => handleSetActiveComment(null)
       }
@@ -13082,58 +13719,81 @@ function DirectEditPanelContent() {
     if (pageTitle.length > 0) return pageTitle;
     return getElementDisplayName(pageFrameElement);
   }, [pageFrameElement]);
-  const handleSelectSelectionColorTarget = React34.useCallback((targetColor) => {
-    if (!selectedElement) return;
-    const toKey = (color) => `${color.hex.toUpperCase()}:${Math.round(color.alpha)}`;
-    const targetKey = toKey(targetColor);
-    const hasOwnText2 = (node) => Array.from(node.childNodes).some((child) => child.nodeType === Node.TEXT_NODE && (child.textContent ?? "").trim().length > 0);
-    const parseVisibleColor3 = (raw, fallbackCurrentColor) => {
-      const trimmed = raw.trim();
-      if (!trimmed || trimmed === "none" || trimmed === "transparent") return null;
-      const resolved = trimmed.toLowerCase() === "currentcolor" ? fallbackCurrentColor ?? trimmed : trimmed;
-      const parsed = parseColorValue(resolved);
-      return parsed.alpha > 0 ? parsed : null;
-    };
-    const hasMatchingColor = (node) => {
-      const computed = window.getComputedStyle(node);
-      const currentTextColor = computed.color;
-      const matches = (raw, fallback) => {
-        const parsed = parseVisibleColor3(raw, fallback);
-        return Boolean(parsed && toKey(parsed) === targetKey);
+  const handleSelectSelectionColorTarget = React34.useCallback(
+    (targetColor) => {
+      if (!selectedElement) return;
+      const toKey = (color) => `${color.hex.toUpperCase()}:${Math.round(color.alpha)}`;
+      const targetKey = toKey(targetColor);
+      const hasOwnText2 = (node) => Array.from(node.childNodes).some(
+        (child) => child.nodeType === Node.TEXT_NODE && (child.textContent ?? "").trim().length > 0
+      );
+      const parseVisibleColor3 = (raw, fallbackCurrentColor) => {
+        const trimmed = raw.trim();
+        if (!trimmed || trimmed === "none" || trimmed === "transparent") return null;
+        const resolved = trimmed.toLowerCase() === "currentcolor" ? fallbackCurrentColor ?? trimmed : trimmed;
+        const parsed = parseColorValue(resolved);
+        return parsed.alpha > 0 ? parsed : null;
       };
-      if (matches(computed.backgroundColor)) return true;
-      if (hasOwnText2(node) && matches(currentTextColor)) return true;
-      const borderSides = [
-        { style: computed.borderTopStyle, width: computed.borderTopWidth, color: computed.borderTopColor },
-        { style: computed.borderRightStyle, width: computed.borderRightWidth, color: computed.borderRightColor },
-        { style: computed.borderBottomStyle, width: computed.borderBottomWidth, color: computed.borderBottomColor },
-        { style: computed.borderLeftStyle, width: computed.borderLeftWidth, color: computed.borderLeftColor }
-      ];
-      for (const side of borderSides) {
-        if (side.style !== "none" && parseFloat(side.width) > 0 && matches(side.color, currentTextColor)) {
+      const hasMatchingColor = (node) => {
+        const computed = window.getComputedStyle(node);
+        const currentTextColor = computed.color;
+        const matches = (raw, fallback) => {
+          const parsed = parseVisibleColor3(raw, fallback);
+          return Boolean(parsed && toKey(parsed) === targetKey);
+        };
+        if (matches(computed.backgroundColor)) return true;
+        if (hasOwnText2(node) && matches(currentTextColor)) return true;
+        const borderSides = [
+          {
+            style: computed.borderTopStyle,
+            width: computed.borderTopWidth,
+            color: computed.borderTopColor
+          },
+          {
+            style: computed.borderRightStyle,
+            width: computed.borderRightWidth,
+            color: computed.borderRightColor
+          },
+          {
+            style: computed.borderBottomStyle,
+            width: computed.borderBottomWidth,
+            color: computed.borderBottomColor
+          },
+          {
+            style: computed.borderLeftStyle,
+            width: computed.borderLeftWidth,
+            color: computed.borderLeftColor
+          }
+        ];
+        for (const side of borderSides) {
+          if (side.style !== "none" && parseFloat(side.width) > 0 && matches(side.color, currentTextColor)) {
+            return true;
+          }
+        }
+        if (computed.outlineStyle !== "none" && parseFloat(computed.outlineWidth) > 0 && matches(computed.outlineColor, currentTextColor)) {
           return true;
         }
+        if (node instanceof SVGGraphicsElement) {
+          const fillMatch = matches(computed.getPropertyValue("fill"), currentTextColor) || matches(node.getAttribute("fill") ?? "", currentTextColor);
+          const strokeMatch = matches(computed.getPropertyValue("stroke"), currentTextColor) || matches(node.getAttribute("stroke") ?? "", currentTextColor);
+          if (fillMatch || strokeMatch) return true;
+        }
+        return false;
+      };
+      const descendants = Array.from(selectedElement.querySelectorAll("*"));
+      const firstDescendantMatch = descendants.find(
+        (node) => node instanceof HTMLElement && hasMatchingColor(node)
+      );
+      if (firstDescendantMatch) {
+        selectElement(firstDescendantMatch);
+        return;
       }
-      if (computed.outlineStyle !== "none" && parseFloat(computed.outlineWidth) > 0 && matches(computed.outlineColor, currentTextColor)) {
-        return true;
-      }
-      if (node instanceof SVGGraphicsElement) {
-        const fillMatch = matches(computed.getPropertyValue("fill"), currentTextColor) || matches(node.getAttribute("fill") ?? "", currentTextColor);
-        const strokeMatch = matches(computed.getPropertyValue("stroke"), currentTextColor) || matches(node.getAttribute("stroke") ?? "", currentTextColor);
-        if (fillMatch || strokeMatch) return true;
+      if (hasMatchingColor(selectedElement)) {
+        selectElement(selectedElement);
       }
-      return false;
-    };
-    const descendants = Array.from(selectedElement.querySelectorAll("*"));
-    const firstDescendantMatch = descendants.find((node) => node instanceof HTMLElement && hasMatchingColor(node));
-    if (firstDescendantMatch) {
-      selectElement(firstDescendantMatch);
-      return;
-    }
-    if (hasMatchingColor(selectedElement)) {
-      selectElement(selectedElement);
-    }
-  }, [selectedElement, selectElement]);
+    },
+    [selectedElement, selectElement]
+  );
   const handleMoveStart = (e, targetElement, options) => {
     const elementToDrag = targetElement ?? selectedElement;
     if (elementToDrag) {
@@ -13222,7 +13882,11 @@ function DirectEditPanelContent() {
         hoveredElement,
         measurements: [
           ...measurements,
-          ...calculateGuidelineMeasurements(selectedElement, getStoredGuidelines(), mousePosition)
+          ...calculateGuidelineMeasurements(
+            selectedElement,
+            getStoredGuidelines(),
+            mousePosition
+          )
         ]
       }
     ),
@@ -13277,6 +13941,9 @@ function DirectEditPanelContent() {
           onSelectSelectionColorTarget: handleSelectSelectionColorTarget,
           onUpdateTypography: updateTypographyProperty,
           onReset: resetToOriginal,
+          onExportEdits: exportEdits,
+          onSendToAgent: agentAvailable ? sendEditToAgent2 : void 0,
+          sendFailureReason: lastSendFailure?.reason ?? null,
           className: "fixed z-[99999]",
           style: {
             left: position.x,
@@ -14148,7 +14815,7 @@ function useToolbarDock(toolbarRef) {
 }
 
 // src/toolbar.tsx
-import { MousePointer2, Command as Command2, Send as Send3, Check as Check8, X as X5 } from "lucide-react";
+import { MousePointer2, Command as Command2, Send as Send3, Check as Check8, X as X5, Square as Square2, Type as Type2 } from "lucide-react";
 
 // src/toolbar/edits-popover.tsx
 import * as React38 from "react";
@@ -14211,7 +14878,8 @@ function EditsPopover({
   onExportAllEdits,
   onClearSessionEdits,
   onRemoveSessionEdit,
-  onDeleteComment
+  onDeleteComment,
+  sendFailure
 }) {
   const [copied, setCopied] = React38.useState(false);
   const editsPopupRef = React38.useRef(null);
@@ -14224,6 +14892,7 @@ function EditsPopover({
   const visibleItems = React38.useMemo(() => {
     return editsSnapshot.filter((item) => {
       if (item.type === "comment") return true;
+      if (item.edit.deleted) return true;
       if (!item.edit.move) return true;
       const moveIntent = getMoveIntentForEdit(item.edit, movePlanContext);
       const hasStyleOrText = Object.keys(item.edit.pendingStyles).length > 0 || item.edit.textEdit != null;
@@ -14328,12 +14997,15 @@ ${text}`);
           visibleItems.length === 0 && multiSelectContextItems.length === 0 ? /* @__PURE__ */ jsx32("div", { className: "px-3 pb-3 pt-1 text-xs text-muted-foreground", children: "No edits or comments yet." }) : /* @__PURE__ */ jsxs25("div", { className: "max-h-[240px] overflow-y-auto px-1 py-1", children: [
             visibleItems.map((item, i) => {
               const isEdit = item.type === "edit";
+              const isDeleted = isEdit && Boolean(item.edit.deleted);
               const moveIntent = isEdit && item.edit.move ? getMoveIntentForEdit(item.edit, movePlanContext) : null;
               const isMoved = Boolean(moveIntent);
               const locator = isEdit ? item.edit.locator : item.comment.locator;
               const componentName = locator.reactStack[0]?.name ?? locator.tagName;
               let valueSummary = "";
-              if (isEdit) {
+              if (isEdit && isDeleted) {
+                valueSummary = locator.textPreview || locator.domSelector || locator.tagName;
+              } else if (isEdit) {
                 const entries = Object.entries(item.edit.pendingStyles);
                 const editValues = [];
                 for (const [prop, value] of entries) {
@@ -14354,6 +15026,7 @@ ${text}`);
                 }
                 valueSummary = commentValues.join(", ");
               }
+              const failed = isEdit ? sendFailure?.failedEditElements.includes(item.edit.element) : sendFailure?.failedCommentIds.includes(item.comment.id);
               return /* @__PURE__ */ jsxs25(
                 "div",
                 {
@@ -14372,13 +15045,16 @@ ${text}`);
                   },
                   children: [
                     /* @__PURE__ */ jsxs25("div", { className: "min-w-0 flex flex-1 flex-col items-start gap-[4px]", children: [
-                      /* @__PURE__ */ jsxs25(Badge, { variant: "secondary", className: "h-6 shrink-0 px-1.5 text-xs", children: [
-                        "@<",
-                        componentName,
-                        ">"
+                      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsxs25(Badge, { variant: "secondary", className: "h-6 shrink-0 px-1.5 text-xs", children: [
+                          "@<",
+                          componentName,
+                          ">"
+                        ] }),
+                        failed && /* @__PURE__ */ jsx32(Badge, { variant: "default", className: "h-6 shrink-0 px-1.5 text-xs bg-red-500 text-white border-transparent", children: "Failed" })
                       ] }),
                       /* @__PURE__ */ jsxs25("span", { className: "min-w-0 max-w-full truncate text-xs text-muted-foreground", children: [
-                        isEdit ? isMoved ? "moved: " : "edit: " : "comment: ",
+                        isEdit ? isDeleted ? "deleted: " : isMoved ? "moved: " : "edit: " : "comment: ",
                         truncateText(valueSummary, 128)
                       ] })
                     ] }),
@@ -14643,6 +15319,7 @@ function SettingsPopover({
                           { label: "Undo", keys: isMac ? [/* @__PURE__ */ jsx33(Command, { className: "size-2.5" }, "cmd"), "Z"] : ["Ctrl", "Z"] },
                           { label: "Group selection", keys: isMac ? [/* @__PURE__ */ jsx33(Command, { className: "size-2.5" }, "cmd"), "G"] : ["Ctrl", "G"] },
                           { label: "Add frame", keys: ["F"] },
+                          { label: "Add text", keys: ["T"] },
                           { label: "Add div", keys: ["D"] },
                           { label: "Add to selection", keys: [/* @__PURE__ */ jsx33(ArrowBigUp, { className: "size-3" }, "shift"), "Click"] },
                           { label: "Marquee select", keys: ["Drag"] },
@@ -14685,6 +15362,8 @@ function DirectEditToolbarInner({
   onExportAllEdits,
   onSendAllToAgents,
   agentAvailable = true,
+  sendFailureReason,
+  sendFailure,
   onClearSessionEdits,
   onRemoveSessionEdit,
   onDeleteComment,
@@ -14694,7 +15373,8 @@ function DirectEditToolbarInner({
   onToggleCanvas,
   onSetCanvasZoom,
   onZoomTo100,
-  onFitToViewport
+  onFitToViewport,
+  onInsertElement
 }) {
   const container = usePortalContainer();
   const toolbarRef = React40.useRef(null);
@@ -14703,7 +15383,8 @@ function DirectEditToolbarInner({
   const [activePopover, setActivePopover] = React40.useState(null);
   const [applyStatus, setApplyStatus] = React40.useState("idle");
   const applyTimerRef = React40.useRef(null);
-  const showApplyButton = agentAvailable && Boolean(onSendAllToAgents);
+  const showApplyButton = (agentAvailable || applyStatus !== "idle") && Boolean(onSendAllToAgents);
+  const showInsertButtons = Boolean(onInsertElement);
   const totalItemCount = sessionEditCount + multiSelectCount;
   const sizeCacheRef = React40.useRef({});
   React40.useEffect(() => {
@@ -14757,6 +15438,16 @@ function DirectEditToolbarInner({
       setApplyStatus("idle");
     }, 2e3);
   }, []);
+  const prevTotalItemCountRef = React40.useRef(totalItemCount);
+  React40.useEffect(() => {
+    if (prevTotalItemCountRef.current !== totalItemCount) {
+      prevTotalItemCountRef.current = totalItemCount;
+      if (applyStatus === "offline") {
+        setApplyStatus("idle");
+      }
+    }
+  }, [totalItemCount, applyStatus]);
+  const applyTooltipLabel = applyStatus === "offline" ? sendFailureReason === "unreachable" ? "Agent unreachable \u2014 click to retry" : "Agent rejected the edit \u2014 click to retry" : "Apply all changes via agent";
   const handleApplyAll = React40.useCallback(async () => {
     if (!onSendAllToAgents || totalItemCount === 0 || applyStatus === "sending") return;
     setApplyStatus("sending");
@@ -14766,8 +15457,12 @@ function DirectEditToolbarInner({
     } catch {
       success = false;
     }
-    setApplyStatus(success ? "sent" : "offline");
-    scheduleApplyReset();
+    if (success) {
+      setApplyStatus("sent");
+      scheduleApplyReset();
+    } else {
+      setApplyStatus("offline");
+    }
   }, [applyStatus, onSendAllToAgents, scheduleApplyReset, totalItemCount]);
   const dragHandlers = React40.useMemo(() => ({
     onPointerDown: handlePointerDown,
@@ -14848,6 +15543,38 @@ function DirectEditToolbarInner({
                   },
                   ...dragHandlers,
                   children: [
+                    showInsertButtons && /* @__PURE__ */ jsxs27(Fragment8, { children: [
+                      /* @__PURE__ */ jsxs27(Tooltip, { children: [
+                        /* @__PURE__ */ jsx34(
+                          TooltipTrigger,
+                          {
+                            className: cn(toolbarBtnClass, "text-muted-foreground hover:bg-muted hover:text-foreground"),
+                            onPointerDown: (e) => e.stopPropagation(),
+                            onClick: () => onInsertElement?.("frame"),
+                            children: /* @__PURE__ */ jsx34(Square2, { className: "size-4" })
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs27(TooltipContent, { side: tooltipSide, className: "inline-flex items-center gap-1.5", children: [
+                          /* @__PURE__ */ jsx34("span", { children: "Add frame" }),
+                          /* @__PURE__ */ jsx34("kbd", { className: kbdClass, children: "F" })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxs27(Tooltip, { children: [
+                        /* @__PURE__ */ jsx34(
+                          TooltipTrigger,
+                          {
+                            className: cn(toolbarBtnClass, "text-muted-foreground hover:bg-muted hover:text-foreground"),
+                            onPointerDown: (e) => e.stopPropagation(),
+                            onClick: () => onInsertElement?.("text"),
+                            children: /* @__PURE__ */ jsx34(Type2, { className: "size-4" })
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs27(TooltipContent, { side: tooltipSide, className: "inline-flex items-center gap-1.5", children: [
+                          /* @__PURE__ */ jsx34("span", { children: "Add text" }),
+                          /* @__PURE__ */ jsx34("kbd", { className: kbdClass, children: "T" })
+                        ] })
+                      ] })
+                    ] }),
                     /* @__PURE__ */ jsx34(
                       EditsPopover,
                       {
@@ -14860,7 +15587,8 @@ function DirectEditToolbarInner({
                         onExportAllEdits,
                         onClearSessionEdits,
                         onRemoveSessionEdit,
-                        onDeleteComment
+                        onDeleteComment,
+                        sendFailure
                       }
                     ),
                     showApplyButton && /* @__PURE__ */ jsxs27(Tooltip, { children: [
@@ -14884,7 +15612,7 @@ function DirectEditToolbarInner({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx34(TooltipContent, { side: tooltipSide, children: /* @__PURE__ */ jsx34("span", { children: "Apply all changes via agent" }) })
+                      /* @__PURE__ */ jsx34(TooltipContent, { side: tooltipSide, children: /* @__PURE__ */ jsx34("span", { children: applyTooltipLabel }) })
                     ] }),
                     /* @__PURE__ */ jsx34(
                       "div",
@@ -14946,7 +15674,7 @@ function DirectEditToolbarInner({
   return toolbar;
 }
 function DirectEditToolbarContent() {
-  const { editModeActive, theme, sessionEditCount, multiSelectContextCount, selectedElements, canvas, agentAvailable } = useDirectEditState();
+  const { editModeActive, theme, sessionEditCount, multiSelectContextCount, selectedElements, canvas, agentAvailable, lastSendFailure } = useDirectEditState();
   const {
     toggleEditMode,
     setTheme,
@@ -14956,6 +15684,7 @@ function DirectEditToolbarContent() {
     clearSessionEdits,
     removeSessionEdit,
     deleteComment,
+    insertElement,
     toggleCanvas,
     setCanvasZoom,
     zoomCanvasTo100,
@@ -14978,6 +15707,8 @@ function DirectEditToolbarContent() {
       onExportAllEdits: exportAllEdits,
       onSendAllToAgents: sendAllSessionItemsToAgent,
       agentAvailable,
+      sendFailureReason: lastSendFailure?.reason ?? null,
+      sendFailure: lastSendFailure,
       onClearSessionEdits: clearSessionEdits,
       onRemoveSessionEdit: removeSessionEdit,
       onDeleteComment: deleteComment,
@@ -14986,7 +15717,8 @@ function DirectEditToolbarContent() {
       onToggleCanvas: toggleCanvas,
       onSetCanvasZoom: setCanvasZoom,
       onZoomTo100: zoomCanvasTo100,
-      onFitToViewport: fitCanvasToViewport
+      onFitToViewport: fitCanvasToViewport,
+      onInsertElement: insertElement
     }
   );
 }