made-refine 0.2.19 → 0.2.21

package/dist/index.js

@@ -87,7 +87,7 @@ var React8 = __toESM(require("react"));
 var React = __toESM(require("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%}@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
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -477,10 +477,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);
@@ -2492,7 +2512,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 = [];
@@ -3014,7 +3034,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,
@@ -3173,19 +3193,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.`;
 }
@@ -3220,6 +3243,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;
@@ -4128,6 +4158,7 @@ function useSessionManager({
   sessionEditsRef,
   removedSessionEditsRef,
   undoStackRef,
+  onElementInsertedRef,
   pushUndo,
   setState,
   setSessionEditCount
@@ -4324,40 +4355,75 @@ function useSessionManager({
       selectElement(firstChild);
     }
   }, [getSelectableChild, selectElement]);
-  const insertElement = React3.useCallback((kind) => {
-    if (!stateRef.current.editModeActive) return;
-    saveCurrentToSession();
-    const restoreSelection = buildSelectionSnapshot();
+  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 width = kind === "frame" ? 240 : 160;
-    const height = kind === "frame" ? 160 : 96;
+    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);
-    const element = document.createElement("div");
-    element.id = nextGeneratedCanvasId(kind);
-    element.setAttribute(GENERATED_CANVAS_NODE_ATTR, kind);
-    element.style.position = "absolute";
     element.style.left = `${left}px`;
     element.style.top = `${top}px`;
-    element.style.width = `${width}px`;
-    element.style.height = `${height}px`;
+  }, []);
+  const insertElement = React3.useCallback((kind) => {
+    if (!stateRef.current.editModeActive) return;
+    saveCurrentToSession();
+    const restoreSelection = buildSelectionSnapshot();
+    const selectedEl = stateRef.current.selectedElement;
+    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.boxSizing = "border-box";
-    element.style.borderRadius = kind === "frame" ? "16px" : "12px";
-    element.style.border = "1px solid rgba(13, 153, 255, 0.35)";
-    element.style.zIndex = "1";
     if (kind === "frame") {
-      element.style.display = "flex";
-      element.style.flexDirection = "column";
-      element.style.gap = "12px";
-      element.style.padding = "16px";
-      element.style.background = "rgba(255, 255, 255, 0.92)";
-      element.style.boxShadow = "0 10px 30px rgba(15, 23, 42, 0.10)";
-    } else {
+      element.style.width = "100px";
+      element.style.height = "100px";
+      element.style.background = "#F5F5F5";
+      element.style.border = "1px solid #E0E0E0";
+    } 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;
+      const refNode = selectedEl.nextSibling;
+      if (refNode) {
+        insertionParent.insertBefore(element, refNode);
+      } else {
+        insertionParent.appendChild(element);
+      }
+    } else {
+      element.style.position = "absolute";
+      element.style.zIndex = "1";
+      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);
+      }
     }
-    document.body.appendChild(element);
     pushUndo({
       type: "structure",
       restoreSelection,
@@ -4371,7 +4437,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;
@@ -4467,9 +4534,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) {
@@ -4490,7 +4565,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();
       }
@@ -4881,7 +4957,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;
       }
@@ -5050,6 +5126,7 @@ ${exportMarkdown}`);
 
 // src/use-text-and-comments.ts
 var React4 = __toESM(require("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));
@@ -5085,6 +5162,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);
@@ -5603,28 +5768,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);
@@ -5677,8 +5844,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;
     };
@@ -5735,7 +5904,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],
       [],
       {
@@ -5751,7 +5920,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],
@@ -5765,17 +5934,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 {
@@ -5787,13 +5983,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();
@@ -5828,9 +6051,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);
       }
     }
@@ -5853,11 +6095,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);
@@ -5866,25 +6110,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)
@@ -5898,16 +6161,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,
@@ -5954,7 +6240,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;
@@ -6009,6 +6297,11 @@ function useKeyboardShortcuts({
           insertElement("frame");
           return;
         }
+        if (lowerKey === "t") {
+          e.preventDefault();
+          insertElement("text");
+          return;
+        }
         if (lowerKey === "d") {
           e.preventDefault();
           insertElement("div");
@@ -6671,6 +6964,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(() => {
@@ -6705,12 +7002,13 @@ function DirectEditProvider({ children }) {
     clearSessionEdits,
     groupSelection,
     deleteSelection,
-    insertElement
+    insertElement: insertElementBase
   } = useSessionManager({
     stateRef,
     sessionEditsRef,
     removedSessionEditsRef,
     undoStackRef,
+    onElementInsertedRef,
     pushUndo,
     setState,
     setSessionEditCount
@@ -6760,6 +7058,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
@@ -6896,6 +7229,8 @@ function DirectEditProvider({ children }) {
   }, [state.editModeActive]);
   const {
     agentAvailable,
+    lastSendFailure,
+    clearSendFailure,
     canSendEditToAgent,
     sendEditToAgent: sendEditToAgent2,
     sendCommentToAgent: sendCommentToAgent2,
@@ -6922,6 +7257,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,
@@ -6951,9 +7296,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,
@@ -6976,6 +7322,7 @@ function DirectEditProvider({ children }) {
     updateTypographyProperty,
     resetToOriginal,
     exportEdits,
+    clearSendFailure,
     canSendEditToAgent,
     sendEditToAgent: sendEditToAgent2,
     sendAllSessionItemsToAgent,
@@ -7000,6 +7347,8 @@ function DirectEditProvider({ children }) {
     removeSessionEdit,
     startTextEditing,
     commitTextEditing,
+    setCommentDraftText,
+    setCommentDraftBlockedHandler,
     groupSelection,
     deleteSelection,
     insertElement,
@@ -7029,6 +7378,7 @@ function DirectEditProvider({ children }) {
     updateTypographyProperty,
     resetToOriginal,
     exportEdits,
+    clearSendFailure,
     canSendEditToAgent,
     sendEditToAgent2,
     sendAllSessionItemsToAgent,
@@ -7053,6 +7403,8 @@ function DirectEditProvider({ children }) {
     removeSessionEdit,
     startTextEditing,
     commitTextEditing,
+    setCommentDraftText,
+    setCommentDraftBlockedHandler,
     groupSelection,
     deleteSelection,
     insertElement,
@@ -7485,6 +7837,7 @@ function useMove({ onMoveComplete }) {
     { 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;
@@ -7579,6 +7932,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();
@@ -7600,6 +7954,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;
@@ -7660,7 +8015,14 @@ function useMove({ onMoveComplete }) {
         scaleX: element.offsetWidth > 0 ? rect.width / element.offsetWidth : 1,
         scaleY: element.offsetHeight > 0 ? rect.height / element.offsetHeight : 1
       };
-      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,
@@ -7693,7 +8055,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(
@@ -8560,6 +8923,7 @@ function SelectedCommentComposer({
   comment,
   attentionNonce,
   draftRef,
+  onDraftTextChange,
   onSubmit,
   onCancel
 }) {
@@ -8605,7 +8969,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;
@@ -8641,6 +9006,7 @@ function SelectedCommentComposer({
           {
             ref: inputRef,
             rows: 1,
+            autoFocus: true,
             "aria-invalid": showError,
             className: cn(
               "min-h-[18px] min-w-0 flex-1 resize-none overflow-hidden bg-transparent px-1.5 py-1.5 text-xs leading-[18px] text-foreground placeholder:text-muted-foreground focus:outline-none",
@@ -8721,6 +9087,7 @@ function MoveOverlay({ dropIndicator }) {
 
 // src/selection-overlay.tsx
 var React19 = __toESM(require("react"));
+var import_lucide_react2 = require("lucide-react");
 
 // src/use-selection-resize.ts
 var React18 = __toESM(require("react"));
@@ -9013,7 +9380,10 @@ function SelectionOverlay({
   onSelectPageFrame,
   isComponentPrimitive = false,
   enableResizeHandles = false,
-  onResizeSizingChange
+  onResizeSizingChange,
+  showCommentPill = false,
+  isCommentActive = false,
+  onCommentPillClick
 }) {
   const selectionColor = isComponentPrimitive ? COMPONENT_PURPLE : BLUE3;
   const rectElement = isDragging && draggedElement ? draggedElement : selectedElement;
@@ -9377,7 +9747,7 @@ function SelectionOverlay({
         }
       }
     ),
-    !isTextEditing && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    !isTextEditing && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "div",
       {
         "data-direct-edit": "dimension-label",
@@ -9392,24 +9762,69 @@ function SelectionOverlay({
           alignItems: "center",
           gap: "4px"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          "span",
-          {
-            style: {
-              background: selectionColor,
-              color: "white",
-              fontSize: "11px",
-              lineHeight: "20px",
-              padding: "0 6px",
-              borderRadius: "4px",
-              whiteSpace: "nowrap",
-              fontFamily: "system-ui, sans-serif",
-              fontWeight: 500,
-              letterSpacing: "-0.01em"
-            },
-            children: dimensionText
-          }
-        )
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            "span",
+            {
+              style: {
+                background: selectionColor,
+                color: "white",
+                fontSize: "11px",
+                lineHeight: "20px",
+                padding: "0 6px",
+                borderRadius: "4px",
+                whiteSpace: "nowrap",
+                fontFamily: "system-ui, sans-serif",
+                fontWeight: 500,
+                letterSpacing: "-0.01em"
+              },
+              children: dimensionText
+            }
+          ),
+          showCommentPill && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              TooltipTrigger,
+              {
+                render: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    "data-direct-edit": "comment-pill",
+                    "aria-label": "Toggle comment",
+                    style: {
+                      display: "inline-flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      background: isCommentActive ? "white" : selectionColor,
+                      color: isCommentActive ? selectionColor : "white",
+                      height: "20px",
+                      width: "24px",
+                      borderRadius: "4px",
+                      border: "none",
+                      boxSizing: "border-box",
+                      cursor: "pointer",
+                      pointerEvents: "auto",
+                      padding: 0,
+                      opacity: 1
+                    },
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      onCommentPillClick?.();
+                    },
+                    onPointerEnter: (e) => {
+                      e.currentTarget.style.opacity = "0.85";
+                    },
+                    onPointerLeave: (e) => {
+                      e.currentTarget.style.opacity = "1";
+                    }
+                  }
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.MessageSquare, { style: { width: 12, height: 12 }, strokeWidth: 2.5 })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipContent, { side: "bottom", children: "Comment" })
+          ] }) })
+        ]
       }
     ),
     !isDragging && !isTextEditing && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
@@ -9627,7 +10042,7 @@ function MultiSelectionOverlay({ selectedElements }) {
 
 // src/comment-overlay.tsx
 var React21 = __toESM(require("react"));
-var import_lucide_react2 = require("lucide-react");
+var import_lucide_react3 = require("lucide-react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var COMMENT_CARD_WIDTH = 280;
 function getTopRightCommentPosition(element, fallback) {
@@ -9878,7 +10293,7 @@ function NewCommentInput({
             onClick: () => {
               if (text.trim()) onSubmit(text.trim());
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.ArrowUp, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.ArrowUp, {})
           }
         )
       ]
@@ -9973,7 +10388,7 @@ function CommentThread({
                       onClick: onClose
                     }
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.ChevronLeft, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.ChevronLeft, {})
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipContent, { side: "bottom", children: "Back" })
@@ -9995,7 +10410,7 @@ function CommentThread({
                       onClick: handleCopy
                     }
                   ),
-                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.Check, { className: "text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.Copy, {})
+                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.Check, { className: "text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.Copy, {})
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipContent, { side: "bottom", children: copied ? "Copied" : "Copy" })
@@ -10013,7 +10428,7 @@ function CommentThread({
                       onClick: handleSendToAgent
                     }
                   ),
-                  children: sendStatus === "sent" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.Check, { className: "text-green-500" }) : sendStatus === "offline" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.X, { className: "text-red-500" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.Send, {})
+                  children: sendStatus === "sent" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.Check, { className: "text-green-500" }) : sendStatus === "offline" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.X, { className: "text-red-500" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.Send, {})
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipContent, { side: "bottom", children: sendStatus === "sent" ? "Sent" : sendStatus === "offline" ? "Offline" : "Send to Agent" })
@@ -10031,7 +10446,7 @@ function CommentThread({
                       onClick: onDelete
                     }
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.Trash2, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.Trash2, {})
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipContent, { side: "bottom", children: "Delete" })
@@ -10090,7 +10505,7 @@ function CommentThread({
               ),
               disabled: !replyText.trim(),
               onClick: handleSubmitReply,
-              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.ArrowUp, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.ArrowUp, {})
             }
           )
         ] })
@@ -10278,7 +10693,7 @@ var Slider = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Slider.displayName = "Slider";
 
 // src/panel/border-radius-inputs.tsx
-var import_lucide_react3 = require("lucide-react");
+var import_lucide_react4 = require("lucide-react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var BORDER_RADIUS_FULL = 9999;
 var BORDER_RADIUS_SLIDER_MAX = 49;
@@ -10352,7 +10767,7 @@ function BorderRadiusInputs({ values, onChange }) {
             size: "icon",
             className: "size-7 shrink-0",
             onClick: () => setIndividual(false),
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react3.Columns2, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Columns2, {})
           }
         ) })
       ] }),
@@ -10424,7 +10839,7 @@ function BorderRadiusInputs({ values, onChange }) {
         size: "icon",
         className: "size-7 shrink-0 text-muted-foreground",
         onClick: () => setIndividual(true),
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react3.Grid2x2, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Grid2x2, {})
       }
     ) })
   ] });
@@ -10453,7 +10868,7 @@ var SelectItemIndicator = import_select.Select.ItemIndicator;
 var SelectItemText = import_select.Select.ItemText;
 
 // src/ui/simple-select.tsx
-var import_lucide_react4 = require("lucide-react");
+var import_lucide_react5 = require("lucide-react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function SimpleSelect({
   value,
@@ -10476,7 +10891,7 @@ function SimpleSelect({
         icon,
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: label ?? options.find((o) => o.value === value)?.label ?? value })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.ChevronDown, { className: "size-3.5 text-muted-foreground" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.ChevronDown, { className: "size-3.5 text-muted-foreground" }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPositioner, { sideOffset: 4, className: "z-[99999]", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPopup, { className: cn(
       "overflow-hidden rounded-xl outline outline-1 outline-foreground/10 bg-background p-1 text-popover-foreground shadow-lg animate-in fade-in-0 zoom-in-95"
@@ -10486,7 +10901,7 @@ function SimpleSelect({
         value: option.value,
         className: itemClassName ?? defaultItemClass,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItemIndicator, { className: "absolute left-1.5 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.Check, { className: "size-3.5" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItemIndicator, { className: "absolute left-1.5 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Check, { className: "size-3.5" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItemText, { children: option.label })
         ]
       },
@@ -11001,7 +11416,7 @@ function serializeFillLayers(layers) {
 }
 
 // src/panel/fill-section.tsx
-var import_lucide_react5 = require("lucide-react");
+var import_lucide_react6 = require("lucide-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function ColorInput({ id, value, onChange, className }) {
   const [hexInput, setHexInput] = React27.useState(value.hex);
@@ -11102,7 +11517,7 @@ function FillSection({
           onClick: () => onSelectionColorTarget(color),
           "aria-label": `Select element with #${color.hex}`,
           title: `Select element with #${color.hex}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react5.LocateFixed, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react6.LocateFixed, {})
         }
       )
     ] }, `${color.hex}-${color.alpha}-${index}`)) }) }),
@@ -11166,7 +11581,7 @@ function BackgroundFillSection({ backgroundColor, onSetCSS, pendingStyles }) {
       size: "icon",
       className: "size-7 text-muted-foreground",
       onClick: addLayer,
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react5.Plus, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react6.Plus, {})
     }
   ) }) });
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CollapsibleSection, { title: "Fill", actions: headerActions, children: hasFill ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ColorPickerGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "space-y-2", children: layers.map((layer, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
@@ -11185,14 +11600,14 @@ function BackgroundFillSection({ backgroundColor, onSetCSS, pendingStyles }) {
         size: "icon",
         className: "size-7 shrink-0 text-muted-foreground",
         onClick: () => removeLayer(index),
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react5.Minus, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react6.Minus, {})
       }
     ) })
   ] }, `fill-layer-${index}`)) }) }) : null });
 }
 
 // src/panel/border-section.tsx
-var import_lucide_react6 = require("lucide-react");
+var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var BORDER_STYLE_OPTIONS = [
   { value: "solid", label: "Solid" },
@@ -11380,14 +11795,14 @@ function BorderInputs({ border, borderColor, outlineColor, onChange, onBatchChan
               className: cn(
                 "flex size-7 shrink-0 items-center justify-center rounded-md border-0 text-xs text-muted-foreground hover:bg-muted-foreground/10 hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.Settings2, { className: "size-3.5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.Settings2, { className: "size-3.5" })
             }
           ) }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(SelectTrigger, { className: "flex h-7 flex-1 items-center justify-between rounded-md border-0 bg-muted px-2 text-xs hover:bg-muted-foreground/10 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", children: [
             /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.Square, { className: "size-3.5 text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.Square, { className: "size-3.5 text-muted-foreground" }),
               /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: currentStyleLabel })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.ChevronDown, { className: "size-3.5 text-muted-foreground" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.ChevronDown, { className: "size-3.5 text-muted-foreground" }) })
           ] })
         }
       ),
@@ -11398,7 +11813,7 @@ function BorderInputs({ border, borderColor, outlineColor, onChange, onBatchChan
           onValueChange: (val) => handleSideChange(val),
           options: BORDER_SIDE_OPTIONS.map((side) => ({ value: side, label: side })),
           popupMinWidth: "90px",
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Tip, { label: `Sides: ${selectedSide}`, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectTrigger, { className: "flex size-7 shrink-0 items-center justify-center rounded-md border-0 text-xs text-muted-foreground hover:bg-muted-foreground/10 hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", children: selectedSide === "Custom" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.Grid2x2, { className: "size-3.5 text-muted-foreground", strokeWidth: 1 }) : selectedSide === "All" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.Square, { className: "size-3.5 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(BorderSideIcon, { side: selectedSide, className: "text-muted-foreground" }) }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Tip, { label: `Sides: ${selectedSide}`, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectTrigger, { className: "flex size-7 shrink-0 items-center justify-center rounded-md border-0 text-xs text-muted-foreground hover:bg-muted-foreground/10 hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", children: selectedSide === "Custom" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.Grid2x2, { className: "size-3.5 text-muted-foreground", strokeWidth: 1 }) : selectedSide === "All" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.Square, { className: "size-3.5 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(BorderSideIcon, { side: selectedSide, className: "text-muted-foreground" }) }) })
         }
       )
     ] }),
@@ -11519,7 +11934,7 @@ function BorderSection({ border, borderColor, outlineColor, borderStyleControlPr
       size: "icon",
       className: "size-7 text-muted-foreground",
       onClick: hasBorder ? handleRemoveBorder : handleAddBorder,
-      children: hasBorder ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.Minus, {}) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.Plus, {})
+      children: hasBorder ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.Minus, {}) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.Plus, {})
     }
   ) });
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CollapsibleSection, { title: "Border", actions: headerActions, children: hasBorder ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ColorPickerGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
@@ -11544,7 +11959,7 @@ function BorderSection({ border, borderColor, outlineColor, borderStyleControlPr
 
 // src/panel/shadow-section.tsx
 var React29 = __toESM(require("react"));
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function ShadowField({
   label,
@@ -11584,7 +11999,7 @@ function ShadowLayerEditor({
           size: "icon",
           className: "size-7 shrink-0 text-muted-foreground",
           onClick: onRemoveLayer,
-          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Minus, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react8.Minus, {})
         }
       ) })
     ] }),
@@ -11634,7 +12049,7 @@ function ShadowSection({ boxShadow, onSetCSS, pendingStyles }) {
       size: "icon",
       className: "size-7 text-muted-foreground",
       onClick: addLayer,
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Plus, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react8.Plus, {})
     }
   ) }) });
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CollapsibleSection, { title: "Shadow", actions: headerActions, children: hasShadow ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "space-y-2", children: layers.map((layer, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -11650,7 +12065,7 @@ function ShadowSection({ boxShadow, onSetCSS, pendingStyles }) {
 }
 
 // src/panel/typography-inputs.tsx
-var import_lucide_react8 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var FONT_FAMILIES = [
   { value: "system-ui, sans-serif", label: "System Sans-Serif" },
@@ -11701,7 +12116,7 @@ function TypographyInputs({ typography, onUpdate }) {
         onValueChange: (val) => onUpdate("fontFamily", val),
         options: FONT_FAMILIES,
         label: getFontFamilyLabel(typography.fontFamily),
-        icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.Type, { className: "size-3.5 text-muted-foreground" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.Type, { className: "size-3.5 text-muted-foreground" }),
         triggerClassName: "w-full",
         popupMinWidth: "180px",
         itemClassName: "relative flex cursor-default select-none items-center rounded-md py-2 pl-7 pr-2 text-xs outline-none hover:bg-muted hover:text-foreground data-[highlighted]:bg-muted data-[highlighted]:text-foreground"
@@ -11714,7 +12129,7 @@ function TypographyInputs({ typography, onUpdate }) {
         onValueChange: (val) => onUpdate("fontWeight", val),
         options: FONT_WEIGHTS,
         label: getFontWeightLabel(typography.fontWeight),
-        icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.ALargeSmall, { className: "size-3.5 text-muted-foreground" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.ALargeSmall, { className: "size-3.5 text-muted-foreground" }),
         triggerClassName: "w-full",
         popupMinWidth: "140px",
         itemClassName: "relative flex cursor-default select-none items-center rounded-md py-2 pl-7 pr-2 text-xs outline-none hover:bg-muted hover:text-foreground data-[highlighted]:bg-muted data-[highlighted]:text-foreground"
@@ -11722,7 +12137,7 @@ function TypographyInputs({ typography, onUpdate }) {
     ),
     /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Tip, { label: "Font Size", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.AArrowUp, { className: "absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.AArrowUp, { className: "absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           NumberInput,
           {
@@ -11733,7 +12148,7 @@ function TypographyInputs({ typography, onUpdate }) {
         )
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Tip, { label: "Line Height", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.WrapText, { className: "absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.WrapText, { className: "absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           NumberInput,
           {
@@ -11744,7 +12159,7 @@ function TypographyInputs({ typography, onUpdate }) {
         )
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Tip, { label: "Letter Spacing (em)", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.LetterText, { className: "absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.LetterText, { className: "absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           NumberInput,
           {
@@ -11765,7 +12180,7 @@ function TypographyInputs({ typography, onUpdate }) {
             size: "icon",
             className: typography.textAlign === "left" || typography.textAlign === "start" ? "size-7 bg-muted text-foreground" : "size-7 text-muted-foreground",
             onClick: () => onUpdate("textAlign", "left"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.AlignLeft, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.AlignLeft, {})
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Tip, { label: "Align Center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
@@ -11775,7 +12190,7 @@ function TypographyInputs({ typography, onUpdate }) {
             size: "icon",
             className: typography.textAlign === "center" ? "size-7 bg-muted text-foreground" : "size-7 text-muted-foreground",
             onClick: () => onUpdate("textAlign", "center"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.AlignCenter, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.AlignCenter, {})
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Tip, { label: "Align Right", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
@@ -11785,7 +12200,7 @@ function TypographyInputs({ typography, onUpdate }) {
             size: "icon",
             className: typography.textAlign === "right" || typography.textAlign === "end" ? "size-7 bg-muted text-foreground" : "size-7 text-muted-foreground",
             onClick: () => onUpdate("textAlign", "right"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.AlignRight, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.AlignRight, {})
           }
         ) })
       ] }),
@@ -11797,7 +12212,7 @@ function TypographyInputs({ typography, onUpdate }) {
             size: "icon",
             className: typography.textVerticalAlign === "flex-start" ? "size-7 bg-muted text-foreground" : "size-7 text-muted-foreground",
             onClick: () => onUpdate("textVerticalAlign", "flex-start"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.AlignVerticalJustifyStart, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.AlignVerticalJustifyStart, {})
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Tip, { label: "Align Middle", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
@@ -11807,7 +12222,7 @@ function TypographyInputs({ typography, onUpdate }) {
             size: "icon",
             className: typography.textVerticalAlign === "center" ? "size-7 bg-muted text-foreground" : "size-7 text-muted-foreground",
             onClick: () => onUpdate("textVerticalAlign", "center"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.AlignVerticalJustifyCenter, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.AlignVerticalJustifyCenter, {})
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Tip, { label: "Align Bottom", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
@@ -11817,7 +12232,7 @@ function TypographyInputs({ typography, onUpdate }) {
             size: "icon",
             className: typography.textVerticalAlign === "flex-end" ? "size-7 bg-muted text-foreground" : "size-7 text-muted-foreground",
             onClick: () => onUpdate("textVerticalAlign", "flex-end"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.AlignVerticalJustifyEnd, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.AlignVerticalJustifyEnd, {})
           }
         ) })
       ] })
@@ -11826,7 +12241,7 @@ function TypographyInputs({ typography, onUpdate }) {
 }
 
 // src/panel/panel-header.tsx
-var import_lucide_react9 = require("lucide-react");
+var import_lucide_react10 = require("lucide-react");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var panelBarBaseClass = "flex h-11 shrink-0 items-center border-border/50 bg-background px-3";
 function PanelHeader({
@@ -11874,7 +12289,7 @@ function PanelHeader({
               disabled: !elementInfo.parentElement,
               "aria-label": "Select parent element",
               className: "size-7",
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react9.ChevronUp, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.ChevronUp, {})
             }
           ) }) }),
           onSelectChild && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: !elementInfo.hasChildren ? "cursor-not-allowed" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Tip, { label: "Select Child", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
@@ -11886,12 +12301,12 @@ function PanelHeader({
               disabled: !elementInfo.hasChildren,
               "aria-label": "Select child element",
               className: "size-7",
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react9.ChevronDown, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.ChevronDown, {})
             }
           ) }) }),
           onClose && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mx-0.5 h-4 w-px bg-border" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "ghost", size: "icon", "aria-label": "Close panel", className: "size-7", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react9.X, {}) })
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "ghost", size: "icon", "aria-label": "Close panel", className: "size-7", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.X, {}) })
           ] })
         ] })
       ]
@@ -11901,7 +12316,7 @@ function PanelHeader({
 
 // src/panel/panel-footer.tsx
 var React30 = __toESM(require("react"));
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var panelBarBaseClass2 = "flex h-11 shrink-0 items-center border-border/50 bg-background px-3";
 function PanelFooter({
@@ -11910,6 +12325,7 @@ function PanelFooter({
   onExportEdits,
   onSendToAgent,
   showSendButton = true,
+  sendFailureReason,
   onPointerDown,
   onPointerMove,
   onPointerUp,
@@ -11918,6 +12334,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();
@@ -11931,6 +12354,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");
@@ -11940,7 +12364,6 @@ function PanelFooter({
       setTimeout(() => setSendStatus("idle"), 2e3);
     } else {
       setSendStatus("offline");
-      setTimeout(() => setSendStatus("idle"), 2e3);
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
@@ -11965,10 +12388,10 @@ function PanelFooter({
             onClick: handleCopy,
             "aria-label": copyError ? "Copy failed" : copied ? "Copied" : "Copy edits",
             className: "size-7",
-            children: copyError ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react10.X, { className: "text-red-500" }) : copied ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react10.Check, { className: "text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react10.Copy, {})
+            children: copyError ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.X, { className: "text-red-500" }) : copied ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Check, { className: "text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Copy, {})
           }
         ) }),
-        showSendButton && onSendToAgent && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: !canTriggerSend || sendStatus === "sending" ? "cursor-not-allowed" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Tip, { label: "Apply changes via agent", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        showSendButton && onSendToAgent && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: !canTriggerSend || sendStatus === "sending" ? "cursor-not-allowed" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Tip, { label: sendTooltipLabel, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           Button,
           {
             variant: "outline",
@@ -11977,7 +12400,7 @@ function PanelFooter({
             disabled: !canTriggerSend || sendStatus === "sending",
             "aria-label": sendStatus === "offline" ? "Send failed" : sendStatus === "sent" ? "Changes sent" : "Apply changes via agent",
             className: "size-7",
-            children: sendStatus === "offline" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react10.X, { className: "text-red-500" }) : sendStatus === "sent" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react10.Check, { className: "text-green-500" }) : sendStatus === "sending" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react10.Send, { className: "animate-pulse" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react10.Send, {})
+            children: sendStatus === "offline" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.X, { className: "text-red-500" }) : sendStatus === "sent" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Check, { className: "text-green-500" }) : sendStatus === "sending" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Send, { className: "animate-pulse" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Send, {})
           }
         ) }) })
       ]
@@ -11987,7 +12410,7 @@ function PanelFooter({
 
 // src/panel/spacing-inputs.tsx
 var React31 = __toESM(require("react"));
-var import_lucide_react11 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function SpacingInputs({ prefix, values, onChange }) {
   const [individual, setIndividual] = React31.useState(false);
@@ -12010,7 +12433,7 @@ function SpacingInputs({ prefix, values, onChange }) {
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tip, { label: "Left", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.ArrowLeft, { className: "absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.ArrowLeft, { className: "absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }),
           /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             NumberInput,
             {
@@ -12021,7 +12444,7 @@ function SpacingInputs({ prefix, values, onChange }) {
           )
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tip, { label: "Top", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.ArrowUp, { className: "absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.ArrowUp, { className: "absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }),
           /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             NumberInput,
             {
@@ -12038,13 +12461,13 @@ function SpacingInputs({ prefix, values, onChange }) {
             size: "icon",
             className: "size-7 shrink-0",
             onClick: () => setIndividual(false),
-            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.Columns2, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Columns2, {})
           }
         ) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tip, { label: "Right", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.ArrowRight, { className: "absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.ArrowRight, { className: "absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }),
           /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             NumberInput,
             {
@@ -12055,7 +12478,7 @@ function SpacingInputs({ prefix, values, onChange }) {
           )
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tip, { label: "Bottom", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.ArrowDown, { className: "absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.ArrowDown, { className: "absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }),
           /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             NumberInput,
             {
@@ -12071,7 +12494,7 @@ function SpacingInputs({ prefix, values, onChange }) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tip, { label: "Horizontal (left & right)", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.MoveHorizontal, { className: "absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.MoveHorizontal, { className: "absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }),
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         NumberInput,
         {
@@ -12083,7 +12506,7 @@ function SpacingInputs({ prefix, values, onChange }) {
       )
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tip, { label: "Vertical (top & bottom)", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.MoveVertical, { className: "absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.MoveVertical, { className: "absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }),
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         NumberInput,
         {
@@ -12101,7 +12524,7 @@ function SpacingInputs({ prefix, values, onChange }) {
         size: "icon",
         className: "size-7 shrink-0 text-muted-foreground",
         onClick: () => setIndividual(true),
-        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.Grid2x2, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Grid2x2, {})
       }
     ) })
   ] });
@@ -12109,7 +12532,7 @@ function SpacingInputs({ prefix, values, onChange }) {
 
 // src/panel/sizing-inputs.tsx
 var React32 = __toESM(require("react"));
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var SIZING_OPTIONS = [
   { value: "fixed", label: "Fixed" },
@@ -12176,9 +12599,9 @@ function SizingDropdown({ label, value, onChange }) {
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Select, { value: value.mode, onValueChange: (val) => {
       if (val) onChange({ mode: val, value: value.value });
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectTrigger, { className: "flex h-full items-center justify-center border-l border-border/30 px-1.5 hover:bg-muted-foreground/10 focus-visible:outline-none", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.ChevronsUpDown, { className: "size-3.5 text-muted-foreground" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectTrigger, { className: "flex h-full items-center justify-center border-l border-border/30 px-1.5 hover:bg-muted-foreground/10 focus-visible:outline-none", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.ChevronsUpDown, { className: "size-3.5 text-muted-foreground" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPositioner, { side: "bottom", sideOffset: 4, alignItemWithTrigger: false, className: "z-[99999]", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPopup, { className: "min-w-[100px] overflow-hidden rounded-xl outline outline-1 outline-foreground/10 bg-background p-1 text-popover-foreground shadow-lg animate-in fade-in-0 zoom-in-95", children: SIZING_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(SelectItem, { value: option.value, className: "relative flex cursor-default select-none items-center rounded-md py-1.5 pl-6 pr-2 text-xs outline-none hover:bg-muted data-[highlighted]:bg-muted", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectItemIndicator, { className: "absolute left-1.5 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.Check, { className: "size-3.5" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectItemIndicator, { className: "absolute left-1.5 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Check, { className: "size-3.5" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectItemText, { children: option.label })
       ] }, option.value)) }) }) })
     ] })
@@ -12229,7 +12652,7 @@ function SizingInputs({ width, height, onWidthChange, onHeightChange }) {
         className: "size-7 shrink-0",
         onClick: handleLockToggle,
         disabled: !canLock,
-        children: locked ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.Link, {}) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.Unlink, {})
+        children: locked ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Link, {}) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Unlink, {})
       }
     ) })
   ] });
@@ -12300,7 +12723,7 @@ function AlignmentGrid({ justifyContent, alignItems, onChange }) {
 }
 
 // src/panel/layout-section.tsx
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function LayoutSection({
   elementInfo,
@@ -12322,7 +12745,7 @@ function LayoutSection({
       size: "icon",
       className: "size-7 text-muted-foreground",
       onClick: onToggleFlex,
-      children: elementInfo.isFlexContainer ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react13.Minus, {}) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react13.Plus, {})
+      children: elementInfo.isFlexContainer ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Minus, {}) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Plus, {})
     }
   ) }), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-2", ref: sectionRef, children: [
     elementInfo.isFlexContainer && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { children: [
@@ -12339,7 +12762,7 @@ function LayoutSection({
                   computedFlex.flexDirection === "row" ? "bg-background text-blue-500 shadow-sm" : "text-muted-foreground hover:text-foreground"
                 ),
                 onClick: () => onUpdateFlex("flexDirection", "row"),
-                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react13.ArrowRight, { className: "size-3.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.ArrowRight, { className: "size-3.5" })
               }
             ) }),
             /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Tip, { label: "Column", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
@@ -12351,13 +12774,13 @@ function LayoutSection({
                   computedFlex.flexDirection === "column" ? "bg-background text-blue-500 shadow-sm" : "text-muted-foreground hover:text-foreground"
                 ),
                 onClick: () => onUpdateFlex("flexDirection", "column"),
-                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react13.ArrowDown, { className: "size-3.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.ArrowDown, { className: "size-3.5" })
               }
             ) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex h-7 items-center overflow-hidden rounded-md border-0 bg-muted text-xs focus-within:outline-none focus-within:ring-1 focus-within:ring-inset focus-within:ring-ring", children: [
             /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "flex flex-1 items-center gap-1.5 px-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react13.MoveHorizontal, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.MoveHorizontal, { className: "size-3.5 shrink-0 text-muted-foreground" }),
               isDistributeValue ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "flex-1 truncate", children: DISTRIBUTE_LABELS[distributeMode] }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 SizingFixedInput,
                 {
@@ -12376,9 +12799,9 @@ function LayoutSection({
             /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Select, { value: distributeMode, onValueChange: (val) => {
               if (val) onUpdateFlex("justifyContent", val === "fixed" ? "flex-start" : val);
             }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectTrigger, { className: "flex h-full items-center justify-center border-l border-border/30 px-1.5 hover:bg-muted-foreground/10 focus-visible:outline-none", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react13.ChevronsUpDown, { className: "size-3.5 text-muted-foreground" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectTrigger, { className: "flex h-full items-center justify-center border-l border-border/30 px-1.5 hover:bg-muted-foreground/10 focus-visible:outline-none", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.ChevronsUpDown, { className: "size-3.5 text-muted-foreground" }) }),
               /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPositioner, { side: "bottom", sideOffset: 4, alignItemWithTrigger: false, className: "z-[99999]", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPopup, { className: "min-w-[120px] overflow-hidden rounded-xl outline outline-1 outline-foreground/10 bg-background p-1 text-popover-foreground shadow-lg animate-in fade-in-0 zoom-in-95", children: DISTRIBUTE_MODES.map((mode) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(SelectItem, { value: mode, className: "relative flex cursor-default select-none items-center rounded-md py-1.5 pl-6 pr-2 text-xs outline-none hover:bg-muted data-[highlighted]:bg-muted", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectItemIndicator, { className: "absolute left-1.5 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react13.Check, { className: "size-3.5" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectItemIndicator, { className: "absolute left-1.5 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Check, { className: "size-3.5" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectItemText, { children: DISTRIBUTE_LABELS[mode] })
               ] }, mode)) }) }) })
             ] })
@@ -12663,6 +13086,7 @@ function DirectEditPanelInner({
   onSendToAgent,
   canSendToAgent = false,
   showSendButton = true,
+  sendFailureReason,
   className,
   style,
   panelRef,
@@ -12816,6 +13240,7 @@ function DirectEditPanelInner({
             onExportEdits,
             onSendToAgent,
             showSendButton,
+            sendFailureReason,
             onPointerDown: onHeaderPointerDown,
             onPointerMove: onHeaderPointerMove,
             onPointerUp: onHeaderPointerUp,
@@ -12850,7 +13275,8 @@ function DirectEditPanelContent() {
     comments,
     activeCommentId,
     textEditingElement,
-    agentAvailable
+    agentAvailable,
+    lastSendFailure
   } = useDirectEditState();
   const {
     selectParent,
@@ -12882,7 +13308,9 @@ function DirectEditPanelContent() {
     setActiveCommentId,
     startTextEditing,
     toggleEditMode,
-    deleteSelection
+    deleteSelection,
+    setCommentDraftText,
+    setCommentDraftBlockedHandler
   } = useDirectEditActions();
   const {
     position,
@@ -12904,7 +13332,8 @@ 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);
@@ -12924,6 +13353,18 @@ function DirectEditPanelContent() {
   const triggerCommentInputAttention = React34.useCallback((commentId) => {
     setCommentInputAttention((prev) => prev?.commentId === commentId ? { commentId, nonce: prev.nonce + 1 } : { commentId, nonce: 1 });
   }, []);
+  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;
@@ -12944,6 +13385,20 @@ function DirectEditPanelContent() {
     }
     setActiveCommentId(id);
   }, [activeCommentId, comments, hasPendingCommentDraft, deleteComment, setActiveCommentId]);
+  const handleCommentPillClick = React34.useCallback(() => {
+    if (activeDraftComment) {
+      handleSetActiveComment(null);
+      return;
+    }
+    if (hasPendingCommentDraft()) return;
+    if (!commentTargetElement) return;
+    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]);
   React34.useEffect(() => {
     const previous = previousCommentTriggerRef.current;
     previousCommentTriggerRef.current = { editModeActive, commentTargetElement };
@@ -12959,18 +13414,18 @@ function DirectEditPanelContent() {
       setActiveCommentId(null);
       return;
     }
-    if (activeCommentId) return;
-    const existingDraft = comments.find((comment) => comment.element === commentTargetElement && comment.text.trim().length === 0);
-    if (existingDraft) {
-      setActiveCommentId(existingDraft.id);
-      return;
+    if (activeCommentId) {
+      const active = comments.find((comment) => comment.id === activeCommentId);
+      if (active && active.text.trim().length === 0 && active.element !== commentTargetElement) {
+        deleteComment(active.id);
+        setActiveCommentId(null);
+      }
     }
-    addComment(commentTargetElement, getElementCommentAnchor(commentTargetElement));
   }, [
     activeCommentId,
-    addComment,
     commentTargetElement,
     comments,
+    deleteComment,
     editModeActive,
     setActiveCommentId,
     textEditingElement
@@ -13019,6 +13474,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)
       }
@@ -13163,7 +13619,10 @@ function DirectEditPanelContent() {
       },
       isComponentPrimitive,
       enableResizeHandles: true,
-      onResizeSizingChange: updateSizingProperties
+      onResizeSizingChange: updateSizingProperties,
+      showCommentPill: editModeActive,
+      isCommentActive: Boolean(activeDraftComment),
+      onCommentPillClick: handleCommentPillClick
     }
   ) : selectedElements.length > 1 && !textEditingElement ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MultiSelectionOverlay, { selectedElements }) : null;
   const selectionChrome = selectionChromeContent && container ? (0, import_react_dom.createPortal)(selectionChromeContent, container) : null;
@@ -14102,13 +14561,13 @@ function useToolbarDock(toolbarRef) {
 }
 
 // src/toolbar.tsx
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
 
 // src/toolbar/edits-popover.tsx
 var React38 = __toESM(require("react"));
 var import_button13 = require("@base-ui/react/button");
 var import_popover2 = require("@base-ui/react/popover");
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
 
 // src/ui/badge.tsx
 var React37 = __toESM(require("react"));
@@ -14165,7 +14624,8 @@ function EditsPopover({
   onExportAllEdits,
   onClearSessionEdits,
   onRemoveSessionEdit,
-  onDeleteComment
+  onDeleteComment,
+  sendFailure
 }) {
   const [copied, setCopied] = React38.useState(false);
   const editsPopupRef = React38.useRef(null);
@@ -14178,6 +14638,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;
@@ -14238,7 +14699,7 @@ ${text}`);
             onOpenChange(!isOpen);
           }
         }
-      ) }), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react14.Copy, { className: "size-4" }) }),
+      ) }), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react15.Copy, { className: "size-4" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TooltipContent, { side: tooltipSide, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: "Export edits" }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(EditsPopoverPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_popover2.Popover.Positioner, { side: tooltipSide, sideOffset: 12, className: "fixed z-[99999]", style: { pointerEvents: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
@@ -14259,7 +14720,7 @@ ${text}`);
                     void handleCopyAll();
                   },
                   children: [
-                    copied ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react14.Check, { className: "size-3 text-green-400" }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react14.Copy, { className: "size-3" }),
+                    copied ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react15.Check, { className: "size-3 text-green-400" }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react15.Copy, { className: "size-3" }),
                     copied ? "Copied" : "Copy all"
                   ]
                 }
@@ -14274,7 +14735,7 @@ ${text}`);
                       setEditsSnapshot([]);
                     }
                   }
-                ), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react14.Trash2, { className: "size-3" }) }),
+                ), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react15.Trash2, { className: "size-3" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TooltipContent, { side: tooltipSide, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: "Clear all" }) })
               ] })
             ] })
@@ -14282,12 +14743,15 @@ ${text}`);
           visibleItems.length === 0 && multiSelectContextItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "px-3 pb-3 pt-1 text-xs text-muted-foreground", children: "No edits or comments yet." }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("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) {
@@ -14308,6 +14772,7 @@ ${text}`);
                 }
                 valueSummary = commentValues.join(", ");
               }
+              const failed = isEdit ? sendFailure?.failedEditElements.includes(item.edit.element) : sendFailure?.failedCommentIds.includes(item.comment.id);
               return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                 "div",
                 {
@@ -14326,13 +14791,16 @@ ${text}`);
                   },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "min-w-0 flex flex-1 flex-col items-start gap-[4px]", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Badge, { variant: "secondary", className: "h-6 shrink-0 px-1.5 text-xs", children: [
-                        "@<",
-                        componentName,
-                        ">"
+                      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Badge, { variant: "secondary", className: "h-6 shrink-0 px-1.5 text-xs", children: [
+                          "@<",
+                          componentName,
+                          ">"
+                        ] }),
+                        failed && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Badge, { variant: "default", className: "h-6 shrink-0 px-1.5 text-xs bg-red-500 text-white border-transparent", children: "Failed" })
                       ] }),
                       /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("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)
                       ] })
                     ] }),
@@ -14358,7 +14826,7 @@ ${text}`);
                             return true;
                           }));
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react14.X, { className: "size-3" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react15.X, { className: "size-3" })
                       }
                     )
                   ]
@@ -14397,7 +14865,7 @@ ${text}`);
 // src/toolbar/settings-popover.tsx
 var React39 = __toESM(require("react"));
 var import_menu = require("@base-ui/react/menu");
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function SettingsMenuPortal(props) {
   const container = usePortalContainer();
@@ -14439,7 +14907,7 @@ function SettingsPopover({
           ),
           onPointerDown: (e) => e.stopPropagation()
         }
-      ) }), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.Settings2, { className: "size-4" }) }),
+      ) }), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Settings2, { className: "size-4" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipContent, { side: tooltipSide, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: "Preferences" }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SettingsMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_menu.Menu.Positioner, { side: tooltipSide, sideOffset: 12, className: "fixed z-[99999]", style: { pointerEvents: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
@@ -14464,9 +14932,9 @@ function SettingsPopover({
                   onOpenChange(false);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.Ruler, { className: "size-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Ruler, { className: "size-3.5" }),
                   /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "flex-1", children: "Rulers" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.Check, { className: cn("size-3.5", rulersVisible ? "opacity-100" : "opacity-0") })
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Check, { className: cn("size-3.5", rulersVisible ? "opacity-100" : "opacity-0") })
                 ]
               }
             ),
@@ -14482,9 +14950,9 @@ function SettingsPopover({
                   onOpenChange(false);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.Maximize2, { className: "size-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Maximize2, { className: "size-3.5" }),
                   /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "flex-1", children: "Canvas mode" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.Check, { className: cn("size-3.5", canvasActive ? "opacity-100" : "opacity-0") })
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Check, { className: cn("size-3.5", canvasActive ? "opacity-100" : "opacity-0") })
                 ]
               }
             ),
@@ -14496,9 +14964,9 @@ function SettingsPopover({
                   openOnHover: false,
                   className: popupItemClass,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.Monitor, { className: "size-3.5" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Monitor, { className: "size-3.5" }),
                     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "flex-1", children: "Theme" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.ChevronRight, { className: "size-3.5" })
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.ChevronRight, { className: "size-3.5" })
                   ]
                 }
               ),
@@ -14521,9 +14989,9 @@ function SettingsPopover({
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: popupTitleClass, children: "Theme" }),
                         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col gap-1 px-1 pb-1", children: [
-                          { value: "light", label: "Light", Icon: import_lucide_react15.Sun },
-                          { value: "dark", label: "Dark", Icon: import_lucide_react15.Moon },
-                          { value: "system", label: "System", Icon: import_lucide_react15.Monitor }
+                          { value: "light", label: "Light", Icon: import_lucide_react16.Sun },
+                          { value: "dark", label: "Dark", Icon: import_lucide_react16.Moon },
+                          { value: "system", label: "System", Icon: import_lucide_react16.Monitor }
                         ].map(({ value, label, Icon }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
                           import_menu.Menu.Item,
                           {
@@ -14555,9 +15023,9 @@ function SettingsPopover({
                   openOnHover: false,
                   className: popupItemClass,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.Keyboard, { className: "size-3.5" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Keyboard, { className: "size-3.5" }),
                     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "flex-1", children: "Keyboard shortcuts" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.ChevronRight, { className: "size-3.5" })
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.ChevronRight, { className: "size-3.5" })
                   ]
                 }
               ),
@@ -14580,16 +15048,17 @@ function SettingsPopover({
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: popupTitleClass, children: "Keyboard Shortcuts" }),
                         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col gap-1 px-1 pb-1", children: [
-                          { label: "Toggle design mode", keys: isMac ? [/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.Command, { className: "size-2.5" }, "cmd"), "."] : ["Ctrl", "."] },
-                          { label: "Undo", keys: isMac ? [/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.Command, { className: "size-2.5" }, "cmd"), "Z"] : ["Ctrl", "Z"] },
-                          { label: "Group selection", keys: isMac ? [/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.Command, { className: "size-2.5" }, "cmd"), "G"] : ["Ctrl", "G"] },
+                          { label: "Toggle design mode", keys: isMac ? [/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Command, { className: "size-2.5" }, "cmd"), "."] : ["Ctrl", "."] },
+                          { label: "Undo", keys: isMac ? [/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Command, { className: "size-2.5" }, "cmd"), "Z"] : ["Ctrl", "Z"] },
+                          { label: "Group selection", keys: isMac ? [/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.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__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.ArrowBigUp, { className: "size-3" }, "shift"), "Click"] },
+                          { label: "Add to selection", keys: [/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.ArrowBigUp, { className: "size-3" }, "shift"), "Click"] },
                           { label: "Marquee select", keys: ["Drag"] },
-                          { label: "Toggle rulers", keys: [/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.ArrowBigUp, { className: "size-3" }, "shift"), "R"] },
-                          { label: "Toggle canvas mode", keys: [/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.ArrowBigUp, { className: "size-3" }, "shift"), "Z"] },
-                          { label: "Hover to measure", keys: isMac ? ["Hold", /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.Option, { className: "size-2.5" }, "opt")] : ["Hold", "Alt"] },
+                          { label: "Toggle rulers", keys: [/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.ArrowBigUp, { className: "size-3" }, "shift"), "R"] },
+                          { label: "Toggle canvas mode", keys: [/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.ArrowBigUp, { className: "size-3" }, "shift"), "Z"] },
+                          { label: "Hover to measure", keys: isMac ? ["Hold", /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.Option, { className: "size-2.5" }, "opt")] : ["Hold", "Alt"] },
                           { label: "Back / Exit", keys: ["Esc"] }
                         ].map(({ label, keys }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex h-8 w-full items-center justify-between rounded-md px-2 text-xs text-muted-foreground", children: [
                           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: label }),
@@ -14626,6 +15095,8 @@ function DirectEditToolbarInner({
   onExportAllEdits,
   onSendAllToAgents,
   agentAvailable = true,
+  sendFailureReason,
+  sendFailure,
   onClearSessionEdits,
   onRemoveSessionEdit,
   onDeleteComment,
@@ -14635,7 +15106,8 @@ function DirectEditToolbarInner({
   onToggleCanvas,
   onSetCanvasZoom,
   onZoomTo100,
-  onFitToViewport
+  onFitToViewport,
+  onInsertElement
 }) {
   const container = usePortalContainer();
   const toolbarRef = React40.useRef(null);
@@ -14644,7 +15116,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(() => {
@@ -14683,7 +15156,7 @@ function DirectEditToolbarInner({
   const [isMac] = React40.useState(() => typeof navigator !== "undefined" ? navigator.platform?.includes("Mac") ?? false : false);
   const kbdClass = "inline-flex items-center justify-center rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground min-w-[20px] min-h-[18px]";
   const shortcutContent = isMac ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("kbd", { className: kbdClass, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.Command, { className: "size-2.5" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("kbd", { className: kbdClass, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react17.Command, { className: "size-2.5" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("kbd", { className: kbdClass, children: "." })
   ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("kbd", { className: kbdClass, children: "Ctrl" }),
@@ -14698,6 +15171,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");
@@ -14707,8 +15190,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,
@@ -14753,7 +15240,7 @@ function DirectEditToolbarInner({
                 ),
                 onPointerDown: (e) => e.stopPropagation(),
                 onClick: onToggleEditMode,
-                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.MousePointer2, { className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react17.MousePointer2, { className: "size-4" })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(TooltipContent, { side: tooltipSide, className: "inline-flex items-center gap-1.5", children: [
@@ -14789,6 +15276,38 @@ function DirectEditToolbarInner({
                   },
                   ...dragHandlers,
                   children: [
+                    showInsertButtons && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Tooltip, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                          TooltipTrigger,
+                          {
+                            className: cn(toolbarBtnClass, "text-muted-foreground hover:bg-muted hover:text-foreground"),
+                            onPointerDown: (e) => e.stopPropagation(),
+                            onClick: () => onInsertElement?.("frame"),
+                            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react17.Square, { className: "size-4" })
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(TooltipContent, { side: tooltipSide, className: "inline-flex items-center gap-1.5", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: "Add frame" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("kbd", { className: kbdClass, children: "F" })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Tooltip, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                          TooltipTrigger,
+                          {
+                            className: cn(toolbarBtnClass, "text-muted-foreground hover:bg-muted hover:text-foreground"),
+                            onPointerDown: (e) => e.stopPropagation(),
+                            onClick: () => onInsertElement?.("text"),
+                            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react17.Type, { className: "size-4" })
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(TooltipContent, { side: tooltipSide, className: "inline-flex items-center gap-1.5", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: "Add text" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("kbd", { className: kbdClass, children: "T" })
+                        ] })
+                      ] })
+                    ] }),
                     /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                       EditsPopover,
                       {
@@ -14801,7 +15320,8 @@ function DirectEditToolbarInner({
                         onExportAllEdits,
                         onClearSessionEdits,
                         onRemoveSessionEdit,
-                        onDeleteComment
+                        onDeleteComment,
+                        sendFailure
                       }
                     ),
                     showApplyButton && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Tooltip, { children: [
@@ -14820,12 +15340,12 @@ function DirectEditToolbarInner({
                             void handleApplyAll();
                           },
                           children: [
-                            applyStatus === "offline" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.X, { className: "size-3.5 text-red-500" }) : applyStatus === "sent" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.Check, { className: "size-3.5 text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.Send, { className: cn("size-3.5", applyStatus === "sending" && "animate-pulse") }),
+                            applyStatus === "offline" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react17.X, { className: "size-3.5 text-red-500" }) : applyStatus === "sent" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react17.Check, { className: "size-3.5 text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react17.Send, { className: cn("size-3.5", applyStatus === "sending" && "animate-pulse") }),
                             /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: applyStatus === "sending" ? "Applying" : applyStatus === "sent" ? "Applied" : applyStatus === "offline" ? "Offline" : "Apply" })
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipContent, { side: tooltipSide, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: "Apply all changes via agent" }) })
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipContent, { side: tooltipSide, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: applyTooltipLabel }) })
                     ] }),
                     /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                       "div",
@@ -14864,7 +15384,7 @@ function DirectEditToolbarInner({
                           className: cn(toolbarBtnClass, "text-muted-foreground hover:bg-muted hover:text-foreground"),
                           onPointerDown: (e) => e.stopPropagation(),
                           onClick: onToggleEditMode,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.X, { className: "size-4" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react17.X, { className: "size-4" })
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(TooltipContent, { side: tooltipSide, className: "inline-flex items-center gap-1.5", children: [
@@ -14887,7 +15407,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,
@@ -14897,6 +15417,7 @@ function DirectEditToolbarContent() {
     clearSessionEdits,
     removeSessionEdit,
     deleteComment,
+    insertElement,
     toggleCanvas,
     setCanvasZoom,
     zoomCanvasTo100,
@@ -14919,6 +15440,8 @@ function DirectEditToolbarContent() {
       onExportAllEdits: exportAllEdits,
       onSendAllToAgents: sendAllSessionItemsToAgent,
       agentAvailable,
+      sendFailureReason: lastSendFailure?.reason ?? null,
+      sendFailure: lastSendFailure,
       onClearSessionEdits: clearSessionEdits,
       onRemoveSessionEdit: removeSessionEdit,
       onDeleteComment: deleteComment,
@@ -14927,7 +15450,8 @@ function DirectEditToolbarContent() {
       onToggleCanvas: toggleCanvas,
       onSetCanvasZoom: setCanvasZoom,
       onZoomTo100: zoomCanvasTo100,
-      onFitToViewport: fitCanvasToViewport
+      onFitToViewport: fitCanvasToViewport,
+      onInsertElement: insertElement
     }
   );
 }