react-grab 0.1.14 → 0.1.16

package/dist/react.cjs

@@ -1896,7 +1896,7 @@ var init_web = __esm({
 var styles_default;
 var init_styles = __esm({
   "dist/styles.css"() {
-    styles_default = '/*! tailwindcss v4.1.17 | 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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial}}}@layer theme{:root,:host{--font-sans:"Geist",ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--color-yellow-500:oklch(79.5% .184 86.047);--color-black:#000;--color-white:#fff;--spacing:4px;--text-sm:14px;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--radius-sm:4px;--ease-out:cubic-bezier(0,0,.2,1);--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--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);--transition-fast:.1s;--transition-normal:.15s;--transition-slow:.2s}}@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}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.touch-hitbox{position:relative}.touch-hitbox:before{content:"";width:100%;min-width:32px;height:100%;min-height:32px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-0\\.5{top:calc(var(--spacing)*.5)}.top-full{top:100%}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-0\\.5{left:calc(var(--spacing)*.5)}.left-1\\/2{left:50%}.left-2\\.5{left:calc(var(--spacing)*2.5)}.z-10{z-index:10}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.m-0{margin:calc(var(--spacing)*0)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-0\\.5{margin-inline:calc(var(--spacing)*.5)}.-my-1\\.5{margin-block:calc(var(--spacing)*-1.5)}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.mt-2\\.5{margin-top:calc(var(--spacing)*2.5)}.mr-1\\.5{margin-right:calc(var(--spacing)*1.5)}.mb-0\\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2\\.5{margin-bottom:calc(var(--spacing)*2.5)}.-ml-\\[2px\\]{margin-left:-2px}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.size-1\\.5{width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-\\[18px\\]{width:18px;height:18px}.h-0{height:calc(var(--spacing)*0)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-\\[17px\\]{height:17px}.h-fit{height:fit-content}.max-h-\\[240px\\]{max-height:240px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-\\[calc\\(100\\%\\+16px\\)\\]{width:calc(100% + 16px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[280px\\]{max-width:280px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[150px\\]{min-width:150px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-0{rotate:none}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.interactive-scale{transition-property:transform;transition-duration:var(--transition-normal);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}@media (hover:hover) and (pointer:fine){.interactive-scale:hover{transform:scale(1.05)}}.interactive-scale:active{transform:scale(.97)}.press-scale{transition-property:transform;transition-duration:var(--transition-fast);transition-timing-function:ease-out}.press-scale:active{transform:scale(.97)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-\\[0fr\\]{grid-template-columns:0fr}.grid-cols-\\[1fr\\]{grid-template-columns:1fr}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.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-\\[5px\\]{gap:5px}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded-\\[1px\\]{border-radius:1px}.rounded-\\[10px\\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-\\[10px\\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\\[10px\\]{border-top-left-radius:10px;border-bottom-left-radius:10px}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-\\[10px\\]{border-top-right-radius:10px;border-bottom-right-radius:10px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-b-\\[6px\\]{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.rounded-b-\\[10px\\]{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.\\[border-width\\:0\\.5px\\]{border-width:.5px}.\\[border-top-width\\:0\\.5px\\]{border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#B3B3B3\\]{border-color:#b3b3b3}.border-t-\\[\\#D9D9D9\\]{border-top-color:#d9d9d9}.bg-\\[\\#FEF2F2\\]{background-color:#fef2f2}.bg-black{background-color:var(--color-black)}.bg-black\\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\\/5{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.bg-black\\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\\/25{background-color:color-mix(in oklab,var(--color-black)25%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.p-0{padding:calc(var(--spacing)*0)}.px-0\\.25{padding-inline:calc(var(--spacing)*.25)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[3px\\]{padding-inline:3px}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-0\\.25{padding-block:calc(var(--spacing)*.25)}.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-px{padding-block:1px}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.text-left{text-align:left}.font-sans{font-family:var(--font-sans)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.leading-3{--tw-leading:calc(var(--spacing)*3);line-height:calc(var(--spacing)*3)}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.wrap-break-word{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\\[\\#71717a\\]{color:#71717a}.text-\\[\\#B3B3B3\\]{color:#b3b3b3}.text-\\[\\#B91C1C\\]{color:#b91c1c}.text-black{color:var(--color-black)}.text-black\\/25{color:#00000040}@supports (color:color-mix(in lab, red, red)){.text-black\\/25{color:color-mix(in oklab,var(--color-black)25%,transparent)}}.text-black\\/30{color:#0000004d}@supports (color:color-mix(in lab, red, red)){.text-black\\/30{color:color-mix(in oklab,var(--color-black)30%,transparent)}}.text-black\\/40{color:#0006}@supports (color:color-mix(in lab, red, red)){.text-black\\/40{color:color-mix(in oklab,var(--color-black)40%,transparent)}}.text-black\\/50{color:#00000080}@supports (color:color-mix(in lab, red, red)){.text-black\\/50{color:color-mix(in oklab,var(--color-black)50%,transparent)}}.text-black\\/60{color:#0009}@supports (color:color-mix(in lab, red, red)){.text-black\\/60{color:color-mix(in oklab,var(--color-black)60%,transparent)}}.text-black\\/70{color:#000000b3}@supports (color:color-mix(in lab, red, red)){.text-black\\/70{color:color-mix(in oklab,var(--color-black)70%,transparent)}}.text-black\\/85{color:#000000d9}@supports (color:color-mix(in lab, red, red)){.text-black\\/85{color:color-mix(in oklab,var(--color-black)85%,transparent)}}.text-white{color:var(--color-white)}.italic{font-style:italic}.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,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.filter-\\[drop-shadow\\(0px_1px_2px_\\#51515140\\)\\]{filter:drop-shadow(0 1px 2px #51515140)}.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-\\[transform\\,opacity\\]{transition-property:transform,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-opacity{transition-property:opacity;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-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[corner-shape\\:superellipse\\(1\\.25\\)\\]{corner-shape:superellipse(1.25)}.\\[font-synthesis\\:none\\]{font-synthesis:none}.\\[grid-area\\:1\\/1\\]{grid-area:1/1}.group-focus-within\\:invisible:is(:where(.group):focus-within *){visibility:hidden}.group-focus-within\\:visible:is(:where(.group):focus-within *){visibility:visible}@media (hover:hover){.group-hover\\:invisible:is(:where(.group):hover *){visibility:hidden}.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}}.focus-within\\:bg-black\\/5:focus-within{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.focus-within\\:bg-black\\/5:focus-within{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}@media (hover:hover){.hover\\:bg-\\[\\#F5F5F5\\]:hover{background-color:#f5f5f5}.hover\\:bg-\\[\\#FEE2E2\\]:hover{background-color:#fee2e2}.hover\\:bg-black\\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.hover\\:bg-black\\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/10:hover{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.hover\\:text-\\[\\#B91C1C\\]:hover{color:#b91c1c}.hover\\:text-black:hover{color:var(--color-black)}.hover\\:text-black\\/60:hover{color:#0009}@supports (color:color-mix(in lab, red, red)){.hover\\:text-black\\/60:hover{color:color-mix(in oklab,var(--color-black)60%,transparent)}}}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:opacity-40:disabled{opacity:.4}@media (hover:hover){.disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}}:host{all:initial;direction:ltr}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}70%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes success-pop{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.1)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes icon-loader-spin{0%{opacity:1}50%{opacity:.5}to{opacity:.2}}.icon-loader-bar{animation:.5s linear infinite icon-loader-spin}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer-text{color:#0000;background:linear-gradient(90deg,#71717a 0%,#a1a1aa 25%,#71717a 50%,#a1a1aa 75%,#71717a 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:2.5s linear infinite shimmer}.animate-shake{will-change:transform;animation:.3s ease-out shake}.animate-pop-in{animation:pop-in var(--transition-normal)ease-out;will-change:transform,opacity}.animate-pop-out{animation:pop-out var(--transition-normal)ease-out forwards;will-change:transform,opacity}.animate-slide-in-bottom{animation:slide-in-bottom var(--transition-slow)ease-out;will-change:transform,opacity}.animate-slide-in-top{animation:slide-in-top var(--transition-slow)ease-out;will-change:transform,opacity}.animate-slide-in-left{animation:slide-in-left var(--transition-slow)ease-out;will-change:transform,opacity}.animate-slide-in-right{animation:slide-in-right var(--transition-slow)ease-out;will-change:transform,opacity}.animate-success-pop{will-change:transform,opacity;animation:.25s ease-out success-pop}.animate-tooltip-fade-in{animation:tooltip-fade-in var(--transition-fast)ease-out;will-change:transform,opacity}@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-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}@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-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}';
+    styles_default = '/*! tailwindcss v4.1.17 | 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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial}}}@layer theme{:root,:host{--font-sans:"Geist",ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--color-yellow-500:oklch(79.5% .184 86.047);--color-black:#000;--color-white:#fff;--spacing:4px;--text-sm:14px;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--radius-sm:4px;--ease-out:cubic-bezier(0,0,.2,1);--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--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);--transition-fast:.1s;--transition-normal:.15s;--transition-slow:.2s}}@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}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.touch-hitbox{position:relative}.touch-hitbox:before{content:"";width:100%;min-width:32px;height:100%;min-height:32px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-0\\.5{top:calc(var(--spacing)*.5)}.top-1\\/2{top:50%}.top-full{top:100%}.right-full{right:100%}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-0\\.5{left:calc(var(--spacing)*.5)}.left-1\\.5{left:calc(var(--spacing)*1.5)}.left-1\\/2{left:50%}.left-2\\.5{left:calc(var(--spacing)*2.5)}.left-full{left:100%}.z-10{z-index:10}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.m-0{margin:calc(var(--spacing)*0)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-0\\.5{margin-inline:calc(var(--spacing)*.5)}.-my-1\\.5{margin-block:calc(var(--spacing)*-1.5)}.my-0\\.5{margin-block:calc(var(--spacing)*.5)}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.mt-2\\.5{margin-top:calc(var(--spacing)*2.5)}.mr-0\\.5{margin-right:calc(var(--spacing)*.5)}.mr-1\\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2\\.5{margin-right:calc(var(--spacing)*2.5)}.mb-0\\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2\\.5{margin-bottom:calc(var(--spacing)*2.5)}.-ml-\\[2px\\]{margin-left:-2px}.ml-0\\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2\\.5{margin-left:calc(var(--spacing)*2.5)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.size-1\\.5{width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-\\[18px\\]{width:18px;height:18px}.h-0{height:calc(var(--spacing)*0)}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-\\[17px\\]{height:17px}.h-fit{height:fit-content}.max-h-\\[240px\\]{max-height:240px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-\\[calc\\(100\\%\\+16px\\)\\]{width:calc(100% + 16px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[280px\\]{max-width:280px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[150px\\]{min-width:150px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-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)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-0{rotate:none}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.interactive-scale{transition-property:transform;transition-duration:var(--transition-normal);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}@media (hover:hover) and (pointer:fine){.interactive-scale:hover{transform:scale(1.05)}}.interactive-scale:active{transform:scale(.97)}.press-scale{transition-property:transform;transition-duration:var(--transition-fast);transition-timing-function:ease-out}.press-scale:active{transform:scale(.97)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.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}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.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-\\[5px\\]{gap:5px}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded-\\[1px\\]{border-radius:1px}.rounded-\\[10px\\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-\\[10px\\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\\[10px\\]{border-top-left-radius:10px;border-bottom-left-radius:10px}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-\\[10px\\]{border-top-right-radius:10px;border-bottom-right-radius:10px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-b-\\[6px\\]{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.rounded-b-\\[10px\\]{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.\\[border-width\\:0\\.5px\\]{border-width:.5px}.\\[border-top-width\\:0\\.5px\\]{border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#B3B3B3\\]{border-color:#b3b3b3}.border-t-\\[\\#D9D9D9\\]{border-top-color:#d9d9d9}.bg-\\[\\#FEF2F2\\]{background-color:#fef2f2}.bg-black{background-color:var(--color-black)}.bg-black\\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\\/5{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.bg-black\\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\\/25{background-color:color-mix(in oklab,var(--color-black)25%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.p-0{padding:calc(var(--spacing)*0)}.px-0\\.25{padding-inline:calc(var(--spacing)*.25)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[3px\\]{padding-inline:3px}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-0\\.25{padding-block:calc(var(--spacing)*.25)}.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-px{padding-block:1px}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.text-left{text-align:left}.font-sans{font-family:var(--font-sans)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.leading-3{--tw-leading:calc(var(--spacing)*3);line-height:calc(var(--spacing)*3)}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.wrap-break-word{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\\[\\#71717a\\]{color:#71717a}.text-\\[\\#B3B3B3\\]{color:#b3b3b3}.text-\\[\\#B91C1C\\]{color:#b91c1c}.text-black{color:var(--color-black)}.text-black\\/25{color:#00000040}@supports (color:color-mix(in lab, red, red)){.text-black\\/25{color:color-mix(in oklab,var(--color-black)25%,transparent)}}.text-black\\/30{color:#0000004d}@supports (color:color-mix(in lab, red, red)){.text-black\\/30{color:color-mix(in oklab,var(--color-black)30%,transparent)}}.text-black\\/40{color:#0006}@supports (color:color-mix(in lab, red, red)){.text-black\\/40{color:color-mix(in oklab,var(--color-black)40%,transparent)}}.text-black\\/50{color:#00000080}@supports (color:color-mix(in lab, red, red)){.text-black\\/50{color:color-mix(in oklab,var(--color-black)50%,transparent)}}.text-black\\/60{color:#0009}@supports (color:color-mix(in lab, red, red)){.text-black\\/60{color:color-mix(in oklab,var(--color-black)60%,transparent)}}.text-black\\/70{color:#000000b3}@supports (color:color-mix(in lab, red, red)){.text-black\\/70{color:color-mix(in oklab,var(--color-black)70%,transparent)}}.text-black\\/80{color:#000c}@supports (color:color-mix(in lab, red, red)){.text-black\\/80{color:color-mix(in oklab,var(--color-black)80%,transparent)}}.text-black\\/85{color:#000000d9}@supports (color:color-mix(in lab, red, red)){.text-black\\/85{color:color-mix(in oklab,var(--color-black)85%,transparent)}}.text-white{color:var(--color-white)}.italic{font-style:italic}.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,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.filter-\\[drop-shadow\\(0px_1px_2px_\\#51515140\\)\\]{filter:drop-shadow(0 1px 2px #51515140)}.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-\\[grid-template-columns\\,opacity\\]{transition-property:grid-template-columns,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\,opacity\\]{transition-property:grid-template-rows,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,transform\\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[transform\\,opacity\\]{transition-property:transform,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-opacity{transition-property:opacity;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-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[opacity\\,transform\\]{will-change:opacity,transform}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[corner-shape\\:superellipse\\(1\\.25\\)\\]{corner-shape:superellipse(1.25)}.\\[font-synthesis\\:none\\]{font-synthesis:none}.\\[grid-area\\:1\\/1\\]{grid-area:1/1}.group-focus-within\\:invisible:is(:where(.group):focus-within *){visibility:hidden}.group-focus-within\\:visible:is(:where(.group):focus-within *){visibility:visible}@media (hover:hover){.group-hover\\:invisible:is(:where(.group):hover *){visibility:hidden}.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}}.focus-within\\:bg-black\\/5:focus-within{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.focus-within\\:bg-black\\/5:focus-within{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}@media (hover:hover){.hover\\:bg-\\[\\#F5F5F5\\]:hover{background-color:#f5f5f5}.hover\\:bg-\\[\\#FEE2E2\\]:hover{background-color:#fee2e2}.hover\\:bg-black\\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.hover\\:bg-black\\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/10:hover{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.hover\\:text-\\[\\#B91C1C\\]:hover{color:#b91c1c}.hover\\:text-black:hover{color:var(--color-black)}.hover\\:text-black\\/60:hover{color:#0009}@supports (color:color-mix(in lab, red, red)){.hover\\:text-black\\/60:hover{color:color-mix(in oklab,var(--color-black)60%,transparent)}}.hover\\:opacity-100:hover{opacity:1}}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:opacity-40:disabled{opacity:.4}@media (hover:hover){.disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}}:host{all:initial;direction:ltr}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}70%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes success-pop{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.1)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes icon-loader-spin{0%{opacity:1}50%{opacity:.5}to{opacity:.2}}.icon-loader-bar{animation:.5s linear infinite icon-loader-spin}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer-text{color:#0000;background:linear-gradient(90deg,#71717a 0%,#a1a1aa 25%,#71717a 50%,#a1a1aa 75%,#71717a 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:2.5s linear infinite shimmer}.animate-shake{will-change:transform;animation:.3s ease-out shake}.animate-pop-in{animation:pop-in var(--transition-normal)ease-out;will-change:transform,opacity}.animate-pop-out{animation:pop-out var(--transition-normal)ease-out forwards;will-change:transform,opacity}.animate-slide-in-bottom{animation:slide-in-bottom var(--transition-slow)ease-out;will-change:transform,opacity}.animate-slide-in-top{animation:slide-in-top var(--transition-slow)ease-out;will-change:transform,opacity}.animate-slide-in-left{animation:slide-in-left var(--transition-slow)ease-out;will-change:transform,opacity}.animate-slide-in-right{animation:slide-in-right var(--transition-slow)ease-out;will-change:transform,opacity}.animate-success-pop{will-change:transform,opacity;animation:.25s ease-out success-pop}.animate-tooltip-fade-in{animation:tooltip-fade-in var(--transition-fast)ease-out;will-change:transform,opacity}@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-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}@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-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}';
   }
 });
 
@@ -2148,11 +2148,11 @@ var init_store = __esm({
 });
 
 // src/constants.ts
-var VERSION, VIEWPORT_MARGIN_PX, OFFSCREEN_POSITION, SELECTION_LERP_FACTOR, FEEDBACK_DURATION_MS, FADE_DURATION_MS, FADE_COMPLETE_BUFFER_MS, DISMISS_ANIMATION_BUFFER_MS, KEYDOWN_SPAM_TIMEOUT_MS, BLUR_DEACTIVATION_THRESHOLD_MS, WINDOW_REFOCUS_GRACE_PERIOD_MS, INPUT_FOCUS_ACTIVATION_DELAY_MS, INPUT_TEXT_SELECTION_ACTIVATION_DELAY_MS, DEFAULT_KEY_HOLD_DURATION_MS, MIN_HOLD_FOR_ACTIVATION_AFTER_COPY_MS, RECENT_THRESHOLD_MS, ACTION_CYCLE_IDLE_TRIGGER_MS, DRAG_THRESHOLD_PX, ELEMENT_DETECTION_THROTTLE_MS, COMPONENT_NAME_DEBOUNCE_MS, DRAG_PREVIEW_DEBOUNCE_MS, BOUNDS_CACHE_TTL_MS, BOUNDS_RECALC_INTERVAL_MS, AUTO_SCROLL_EDGE_THRESHOLD_PX, AUTO_SCROLL_SPEED_PX, Z_INDEX_LABEL, Z_INDEX_OVERLAY_CANVAS, DRAG_LERP_FACTOR, LERP_CONVERGENCE_THRESHOLD_PX, FADE_OUT_BUFFER_MS, MIN_DEVICE_PIXEL_RATIO, GRAB_PURPLE_RGB, OVERLAY_CROSSHAIR_COLOR, OVERLAY_BORDER_COLOR_DRAG, OVERLAY_FILL_COLOR_DRAG, OVERLAY_BORDER_COLOR_DEFAULT, OVERLAY_FILL_COLOR_DEFAULT, FROZEN_GLOW_COLOR, FROZEN_GLOW_EDGE_PX, ARROW_HEIGHT_PX, ARROW_MIN_SIZE_PX, ARROW_MAX_LABEL_WIDTH_RATIO, ARROW_CENTER_PERCENT, ARROW_LABEL_MARGIN_PX, LABEL_GAP_PX, PREVIEW_ATTR_VALUE_MAX_LENGTH, PREVIEW_MAX_ATTRS, PREVIEW_PRIORITY_ATTRS, SCREENSHOT_CAPTURE_DELAY_MS, VIDEO_METADATA_TIMEOUT_MS, VIDEO_READY_POLL_INTERVAL_MS, VIDEO_READY_TIMEOUT_MS, MODIFIER_KEYS, ARROW_KEYS, FROZEN_ELEMENT_ATTRIBUTE, USER_IGNORE_ATTRIBUTE, VIEWPORT_COVERAGE_THRESHOLD, OVERLAY_Z_INDEX_THRESHOLD, DEV_TOOLS_OVERLAY_Z_INDEX_THRESHOLD, TOOLTIP_DELAY_MS, TOOLTIP_GRACE_PERIOD_MS, TOOLBAR_SNAP_MARGIN_PX, TOOLBAR_FADE_IN_DELAY_MS, TOOLBAR_SNAP_ANIMATION_DURATION_MS, TOOLBAR_DRAG_THRESHOLD_PX, TOOLBAR_VELOCITY_MULTIPLIER_MS, TOOLBAR_COLLAPSED_SHORT_PX, TOOLBAR_COLLAPSED_LONG_PX, TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS, TOOLBAR_DEFAULT_WIDTH_PX, TOOLBAR_DEFAULT_HEIGHT_PX, TOOLBAR_SHAKE_TOOLTIP_DURATION_MS, DRAG_SELECTION_COVERAGE_THRESHOLD, DRAG_SELECTION_SAMPLE_SPACING_PX, DRAG_SELECTION_MIN_SAMPLES_PER_AXIS, DRAG_SELECTION_MAX_SAMPLES_PER_AXIS, DRAG_SELECTION_MAX_TOTAL_SAMPLE_POINTS, DRAG_SELECTION_EDGE_INSET_PX, MAX_TRANSFORM_ANCESTOR_DEPTH, TRANSFORM_EARLY_BAIL_DEPTH, ELEMENT_POSITION_CACHE_DISTANCE_THRESHOLD_PX, ELEMENT_POSITION_THROTTLE_MS, VISIBILITY_CACHE_TTL_MS, ZOOM_DETECTION_THRESHOLD, MOUNT_ROOT_RECHECK_DELAY_MS, MAX_RECENT_ITEMS, DROPDOWN_VIEWPORT_PADDING_PX, DROPDOWN_ANCHOR_GAP_PX, DROPDOWN_ICON_SIZE_PX, DROPDOWN_MIN_WIDTH_PX, DROPDOWN_MAX_WIDTH_PX, PANEL_STYLES, LOGO_SVG;
+var VERSION, VIEWPORT_MARGIN_PX, OFFSCREEN_POSITION, SELECTION_LERP_FACTOR, FEEDBACK_DURATION_MS, FADE_DURATION_MS, FADE_COMPLETE_BUFFER_MS, DISMISS_ANIMATION_BUFFER_MS, KEYDOWN_SPAM_TIMEOUT_MS, BLUR_DEACTIVATION_THRESHOLD_MS, WINDOW_REFOCUS_GRACE_PERIOD_MS, INPUT_FOCUS_ACTIVATION_DELAY_MS, INPUT_TEXT_SELECTION_ACTIVATION_DELAY_MS, DEFERRED_EXECUTION_DELAY_MS, DEFAULT_KEY_HOLD_DURATION_MS, MIN_HOLD_FOR_ACTIVATION_AFTER_COPY_MS, RECENT_THRESHOLD_MS, ACTION_CYCLE_IDLE_TRIGGER_MS, DRAG_THRESHOLD_PX, ELEMENT_DETECTION_THROTTLE_MS, COMPONENT_NAME_DEBOUNCE_MS, DRAG_PREVIEW_DEBOUNCE_MS, BOUNDS_CACHE_TTL_MS, BOUNDS_RECALC_INTERVAL_MS, AUTO_SCROLL_EDGE_THRESHOLD_PX, AUTO_SCROLL_SPEED_PX, Z_INDEX_HOST, Z_INDEX_LABEL, Z_INDEX_OVERLAY_CANVAS, DRAG_LERP_FACTOR, LERP_CONVERGENCE_THRESHOLD_PX, FADE_OUT_BUFFER_MS, MIN_DEVICE_PIXEL_RATIO, GRAB_PURPLE_RGB, OVERLAY_CROSSHAIR_COLOR, OVERLAY_BORDER_COLOR_DRAG, OVERLAY_FILL_COLOR_DRAG, OVERLAY_BORDER_COLOR_DEFAULT, OVERLAY_FILL_COLOR_DEFAULT, FROZEN_GLOW_COLOR, FROZEN_GLOW_EDGE_PX, ARROW_HEIGHT_PX, ARROW_MIN_SIZE_PX, ARROW_MAX_LABEL_WIDTH_RATIO, ARROW_CENTER_PERCENT, ARROW_LABEL_MARGIN_PX, LABEL_GAP_PX, PREVIEW_TEXT_MAX_LENGTH, PREVIEW_ATTR_VALUE_MAX_LENGTH, PREVIEW_MAX_ATTRS, PREVIEW_PRIORITY_ATTRS, SCREENSHOT_CAPTURE_DELAY_MS, VIDEO_METADATA_TIMEOUT_MS, VIDEO_READY_POLL_INTERVAL_MS, VIDEO_READY_TIMEOUT_MS, MODIFIER_KEYS, ARROW_KEYS, FROZEN_ELEMENT_ATTRIBUTE, USER_IGNORE_ATTRIBUTE, VIEWPORT_COVERAGE_THRESHOLD, OVERLAY_Z_INDEX_THRESHOLD, DEV_TOOLS_OVERLAY_Z_INDEX_THRESHOLD, TOOLTIP_DELAY_MS, TOOLTIP_GRACE_PERIOD_MS, TOOLBAR_SNAP_MARGIN_PX, TOOLBAR_FADE_IN_DELAY_MS, TOOLBAR_SNAP_ANIMATION_DURATION_MS, TOOLBAR_DRAG_THRESHOLD_PX, TOOLBAR_VELOCITY_MULTIPLIER_MS, TOOLBAR_COLLAPSED_SHORT_PX, TOOLBAR_COLLAPSED_LONG_PX, TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS, TOGGLE_ANIMATION_BUFFER_MS, TOOLBAR_DEFAULT_WIDTH_PX, TOOLBAR_DEFAULT_HEIGHT_PX, TOOLBAR_SHAKE_TOOLTIP_DURATION_MS, DRAG_SELECTION_COVERAGE_THRESHOLD, DRAG_SELECTION_SAMPLE_SPACING_PX, DRAG_SELECTION_MIN_SAMPLES_PER_AXIS, DRAG_SELECTION_MAX_SAMPLES_PER_AXIS, DRAG_SELECTION_MAX_TOTAL_SAMPLE_POINTS, DRAG_SELECTION_EDGE_INSET_PX, MAX_ARROW_NAVIGATION_HISTORY, MAX_MEMORY_SESSIONS, MAX_TRANSFORM_ANCESTOR_DEPTH, TRANSFORM_EARLY_BAIL_DEPTH, ELEMENT_POSITION_CACHE_DISTANCE_THRESHOLD_PX, ELEMENT_POSITION_THROTTLE_MS, VISIBILITY_CACHE_TTL_MS, ZOOM_DETECTION_THRESHOLD, MOUNT_ROOT_RECHECK_DELAY_MS, MAX_HISTORY_ITEMS, DROPDOWN_ANIMATION_DURATION_MS, DROPDOWN_HOVER_OPEN_DELAY_MS, DROPDOWN_VIEWPORT_PADDING_PX, DROPDOWN_ANCHOR_GAP_PX, DROPDOWN_ICON_SIZE_PX, DROPDOWN_MIN_WIDTH_PX, DROPDOWN_MAX_WIDTH_PX, PANEL_STYLES, LOGO_SVG, IME_COMPOSING_KEY_CODE, SELECTION_LABEL_OFFSCREEN_PX;
 var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
-    VERSION = "0.1.14";
+    VERSION = "0.1.16";
     VIEWPORT_MARGIN_PX = 8;
     OFFSCREEN_POSITION = -1e3;
     SELECTION_LERP_FACTOR = 0.95;
@@ -2163,8 +2163,9 @@ var init_constants = __esm({
     KEYDOWN_SPAM_TIMEOUT_MS = 200;
     BLUR_DEACTIVATION_THRESHOLD_MS = 500;
     WINDOW_REFOCUS_GRACE_PERIOD_MS = 200;
-    INPUT_FOCUS_ACTIVATION_DELAY_MS = 200;
-    INPUT_TEXT_SELECTION_ACTIVATION_DELAY_MS = 400;
+    INPUT_FOCUS_ACTIVATION_DELAY_MS = 400;
+    INPUT_TEXT_SELECTION_ACTIVATION_DELAY_MS = 600;
+    DEFERRED_EXECUTION_DELAY_MS = 0;
     DEFAULT_KEY_HOLD_DURATION_MS = 100;
     MIN_HOLD_FOR_ACTIVATION_AFTER_COPY_MS = 200;
     RECENT_THRESHOLD_MS = 1e4;
@@ -2177,6 +2178,7 @@ var init_constants = __esm({
     BOUNDS_RECALC_INTERVAL_MS = 100;
     AUTO_SCROLL_EDGE_THRESHOLD_PX = 25;
     AUTO_SCROLL_SPEED_PX = 10;
+    Z_INDEX_HOST = 2147483647;
     Z_INDEX_LABEL = 2147483647;
     Z_INDEX_OVERLAY_CANVAS = 2147483645;
     DRAG_LERP_FACTOR = 0.7;
@@ -2197,6 +2199,7 @@ var init_constants = __esm({
     ARROW_CENTER_PERCENT = 50;
     ARROW_LABEL_MARGIN_PX = 16;
     LABEL_GAP_PX = 4;
+    PREVIEW_TEXT_MAX_LENGTH = 100;
     PREVIEW_ATTR_VALUE_MAX_LENGTH = 15;
     PREVIEW_MAX_ATTRS = 3;
     PREVIEW_PRIORITY_ATTRS = [
@@ -2239,6 +2242,7 @@ var init_constants = __esm({
     TOOLBAR_COLLAPSED_SHORT_PX = 14;
     TOOLBAR_COLLAPSED_LONG_PX = 28;
     TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS = 150;
+    TOGGLE_ANIMATION_BUFFER_MS = 50;
     TOOLBAR_DEFAULT_WIDTH_PX = 78;
     TOOLBAR_DEFAULT_HEIGHT_PX = 28;
     TOOLBAR_SHAKE_TOOLTIP_DURATION_MS = 1500;
@@ -2248,6 +2252,8 @@ var init_constants = __esm({
     DRAG_SELECTION_MAX_SAMPLES_PER_AXIS = 20;
     DRAG_SELECTION_MAX_TOTAL_SAMPLE_POINTS = 100;
     DRAG_SELECTION_EDGE_INSET_PX = 1;
+    MAX_ARROW_NAVIGATION_HISTORY = 50;
+    MAX_MEMORY_SESSIONS = 50;
     MAX_TRANSFORM_ANCESTOR_DEPTH = 6;
     TRANSFORM_EARLY_BAIL_DEPTH = 3;
     ELEMENT_POSITION_CACHE_DISTANCE_THRESHOLD_PX = 2;
@@ -2255,7 +2261,9 @@ var init_constants = __esm({
     VISIBILITY_CACHE_TTL_MS = 50;
     ZOOM_DETECTION_THRESHOLD = 0.01;
     MOUNT_ROOT_RECHECK_DELAY_MS = 1e3;
-    MAX_RECENT_ITEMS = 20;
+    MAX_HISTORY_ITEMS = 20;
+    DROPDOWN_ANIMATION_DURATION_MS = 100;
+    DROPDOWN_HOVER_OPEN_DELAY_MS = 200;
     DROPDOWN_VIEWPORT_PADDING_PX = 8;
     DROPDOWN_ANCHOR_GAP_PX = 8;
     DROPDOWN_ICON_SIZE_PX = 11;
@@ -2263,6 +2271,8 @@ var init_constants = __esm({
     DROPDOWN_MAX_WIDTH_PX = 280;
     PANEL_STYLES = "bg-white";
     LOGO_SVG = `<svg width="294" height="294" viewBox="0 0 294 294" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_0_3)"><mask id="mask0_0_3" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="294" height="294"><path d="M294 0H0V294H294V0Z" fill="white"/></mask><g mask="url(#mask0_0_3)"><path d="M144.599 47.4924C169.712 27.3959 194.548 20.0265 212.132 30.1797C227.847 39.2555 234.881 60.3243 231.926 89.516C231.677 92.0069 231.328 94.5423 230.94 97.1058L228.526 110.14C228.517 110.136 228.505 110.132 228.495 110.127C228.486 110.165 228.479 110.203 228.468 110.24L216.255 105.741C216.256 105.736 216.248 105.728 216.248 105.723C207.915 103.125 199.421 101.075 190.82 99.5888L190.696 99.5588L173.526 97.2648L173.511 97.2631C173.492 97.236 173.467 97.2176 173.447 97.1905C163.862 96.2064 154.233 95.7166 144.599 95.7223C134.943 95.7162 125.295 96.219 115.693 97.2286C110.075 105.033 104.859 113.118 100.063 121.453C95.2426 129.798 90.8624 138.391 86.939 147.193C90.8624 155.996 95.2426 164.588 100.063 172.933C104.866 181.302 110.099 189.417 115.741 197.245C115.749 197.245 115.758 197.246 115.766 197.247L115.752 197.27L115.745 197.283L115.754 197.296L126.501 211.013L126.574 211.089C132.136 217.767 138.126 224.075 144.507 229.974L144.609 230.082L154.572 238.287C154.539 238.319 154.506 238.35 154.472 238.38C154.485 238.392 154.499 238.402 154.513 238.412L143.846 247.482L143.827 247.497C126.56 261.128 109.472 268.745 94.8019 268.745C88.5916 268.837 82.4687 267.272 77.0657 264.208C61.3496 255.132 54.3164 234.062 57.2707 204.871C57.528 202.307 57.8806 199.694 58.2904 197.054C28.3363 185.327 9.52301 167.51 9.52301 147.193C9.52301 129.042 24.2476 112.396 50.9901 100.375C53.3443 99.3163 55.7938 98.3058 58.2904 97.3526C57.8806 94.7023 57.528 92.0803 57.2707 89.516C54.3164 60.3243 61.3496 39.2555 77.0657 30.1797C94.6494 20.0265 119.486 27.3959 144.599 47.4924ZM70.6423 201.315C70.423 202.955 70.2229 204.566 70.0704 206.168C67.6686 229.567 72.5478 246.628 83.3615 252.988L83.5176 253.062C95.0399 259.717 114.015 254.426 134.782 238.38C125.298 229.45 116.594 219.725 108.764 209.314C95.8516 207.742 83.0977 205.066 70.6423 201.315ZM80.3534 163.438C77.34 171.677 74.8666 180.104 72.9484 188.664C81.1787 191.224 89.5657 193.247 98.0572 194.724L98.4618 194.813C95.2115 189.865 92.0191 184.66 88.9311 179.378C85.8433 174.097 83.003 168.768 80.3534 163.438ZM60.759 110.203C59.234 110.839 57.7378 111.475 56.27 112.11C34.7788 121.806 22.3891 134.591 22.3891 147.193C22.3891 160.493 36.4657 174.297 60.7494 184.26C63.7439 171.581 67.8124 159.182 72.9104 147.193C67.822 135.23 63.7566 122.855 60.759 110.203ZM98.4137 99.6404C89.8078 101.145 81.3075 103.206 72.9676 105.809C74.854 114.203 77.2741 122.468 80.2132 130.554L80.3059 130.939C82.9938 125.6 85.8049 120.338 88.8834 115.008C91.9618 109.679 95.1544 104.569 98.4137 99.6404ZM94.9258 38.5215C90.9331 38.4284 86.9866 39.3955 83.4891 41.3243C72.6291 47.6015 67.6975 64.5954 70.0424 87.9446L70.0416 88.2194C70.194 89.8208 70.3941 91.4325 70.6134 93.0624C83.0737 89.3364 95.8263 86.6703 108.736 85.0924C116.57 74.6779 125.28 64.9532 134.773 56.0249C119.877 44.5087 105.895 38.5215 94.9258 38.5215ZM205.737 41.3148C202.268 39.398 198.355 38.4308 194.394 38.5099L194.29 38.512C183.321 38.512 169.34 44.4991 154.444 56.0153C163.93 64.9374 172.634 74.6557 180.462 85.064C193.375 86.6345 206.128 89.3102 218.584 93.0624C218.812 91.4325 219.003 89.8118 219.165 88.2098C221.548 64.7099 216.65 47.6164 205.737 41.3148ZM144.552 64.3097C138.104 70.2614 132.054 76.6306 126.443 83.3765C132.39 82.995 138.426 82.8046 144.552 82.8046C150.727 82.8046 156.778 83.0143 162.707 83.3765C157.08 76.6293 151.015 70.2596 144.552 64.3097Z" fill="white"/><path d="M144.598 47.4924C169.712 27.3959 194.547 20.0265 212.131 30.1797C227.847 39.2555 234.88 60.3243 231.926 89.516C231.677 92.0069 231.327 94.5423 230.941 97.1058L228.526 110.14L228.496 110.127C228.487 110.165 228.478 110.203 228.469 110.24L216.255 105.741L216.249 105.723C207.916 103.125 199.42 101.075 190.82 99.5888L190.696 99.5588L173.525 97.2648L173.511 97.263C173.492 97.236 173.468 97.2176 173.447 97.1905C163.863 96.2064 154.234 95.7166 144.598 95.7223C134.943 95.7162 125.295 96.219 115.693 97.2286C110.075 105.033 104.859 113.118 100.063 121.453C95.2426 129.798 90.8622 138.391 86.939 147.193C90.8622 155.996 95.2426 164.588 100.063 172.933C104.866 181.302 110.099 189.417 115.741 197.245L115.766 197.247L115.752 197.27L115.745 197.283L115.754 197.296L126.501 211.013L126.574 211.089C132.136 217.767 138.126 224.075 144.506 229.974L144.61 230.082L154.572 238.287C154.539 238.319 154.506 238.35 154.473 238.38L154.512 238.412L143.847 247.482L143.827 247.497C126.56 261.13 109.472 268.745 94.8018 268.745C88.5915 268.837 82.4687 267.272 77.0657 264.208C61.3496 255.132 54.3162 234.062 57.2707 204.871C57.528 202.307 57.8806 199.694 58.2904 197.054C28.3362 185.327 9.52298 167.51 9.52298 147.193C9.52298 129.042 24.2476 112.396 50.9901 100.375C53.3443 99.3163 55.7938 98.3058 58.2904 97.3526C57.8806 94.7023 57.528 92.0803 57.2707 89.516C54.3162 60.3243 61.3496 39.2555 77.0657 30.1797C94.6493 20.0265 119.486 27.3959 144.598 47.4924ZM70.6422 201.315C70.423 202.955 70.2229 204.566 70.0704 206.168C67.6686 229.567 72.5478 246.628 83.3615 252.988L83.5175 253.062C95.0399 259.717 114.015 254.426 134.782 238.38C125.298 229.45 116.594 219.725 108.764 209.314C95.8515 207.742 83.0977 205.066 70.6422 201.315ZM80.3534 163.438C77.34 171.677 74.8666 180.104 72.9484 188.664C81.1786 191.224 89.5657 193.247 98.0572 194.724L98.4618 194.813C95.2115 189.865 92.0191 184.66 88.931 179.378C85.8433 174.097 83.003 168.768 80.3534 163.438ZM60.7589 110.203C59.234 110.839 57.7378 111.475 56.2699 112.11C34.7788 121.806 22.3891 134.591 22.3891 147.193C22.3891 160.493 36.4657 174.297 60.7494 184.26C63.7439 171.581 67.8124 159.182 72.9103 147.193C67.822 135.23 63.7566 122.855 60.7589 110.203ZM98.4137 99.6404C89.8078 101.145 81.3075 103.206 72.9676 105.809C74.8539 114.203 77.2741 122.468 80.2132 130.554L80.3059 130.939C82.9938 125.6 85.8049 120.338 88.8834 115.008C91.9618 109.679 95.1544 104.569 98.4137 99.6404ZM94.9258 38.5215C90.9331 38.4284 86.9866 39.3955 83.4891 41.3243C72.629 47.6015 67.6975 64.5954 70.0424 87.9446L70.0415 88.2194C70.194 89.8208 70.3941 91.4325 70.6134 93.0624C83.0737 89.3364 95.8262 86.6703 108.736 85.0924C116.57 74.6779 125.28 64.9532 134.772 56.0249C119.877 44.5087 105.895 38.5215 94.9258 38.5215ZM205.737 41.3148C202.268 39.398 198.355 38.4308 194.394 38.5099L194.291 38.512C183.321 38.512 169.34 44.4991 154.443 56.0153C163.929 64.9374 172.634 74.6557 180.462 85.064C193.374 86.6345 206.129 89.3102 218.584 93.0624C218.813 91.4325 219.003 89.8118 219.166 88.2098C221.548 64.7099 216.65 47.6164 205.737 41.3148ZM144.551 64.3097C138.103 70.2614 132.055 76.6306 126.443 83.3765C132.389 82.995 138.427 82.8046 144.551 82.8046C150.727 82.8046 156.779 83.0143 162.707 83.3765C157.079 76.6293 151.015 70.2596 144.551 64.3097Z" fill="#FF40E0"/></g><mask id="mask1_0_3" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="102" y="84" width="161" height="162"><path d="M235.282 84.827L102.261 112.259L129.693 245.28L262.714 217.848L235.282 84.827Z" fill="white"/></mask><g mask="url(#mask1_0_3)"><path d="M136.863 129.916L213.258 141.224C220.669 142.322 222.495 152.179 215.967 155.856L187.592 171.843L184.135 204.227C183.339 211.678 173.564 213.901 169.624 207.526L129.021 141.831C125.503 136.14 130.245 128.936 136.863 129.916Z" fill="#FF40E0" stroke="#FF40E0" stroke-width="0.817337" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><clipPath id="clip0_0_3"><rect width="294" height="294" fill="white"/></clipPath></defs></svg>`;
+    IME_COMPOSING_KEY_CODE = 229;
+    SELECTION_LABEL_OFFSCREEN_PX = -9999;
   }
 });
 
@@ -2472,8 +2482,6 @@ var init_store2 = __esm({
       theme: input.theme,
       activationTimestamp: null,
       previouslyFocusedElement: null,
-      canUndo: false,
-      canRedo: false,
       isAgentConnected: false,
       supportsUndo: false,
       supportsFollowUp: false,
@@ -2751,9 +2759,6 @@ var init_store2 = __esm({
         setLastGrabbed: (element) => {
           setStore("lastGrabbedElement", element);
         },
-        setLastCopied: (element) => {
-          setStore("lastCopiedElement", element);
-        },
         clearLastCopied: () => {
           setStore("lastCopiedElement", null);
         },
@@ -2770,19 +2775,9 @@ var init_store2 = __esm({
           setStore("selectionFilePath", filePath);
           setStore("selectionLineNumber", lineNumber);
         },
-        clearSelectionSource: () => {
-          setStore("selectionFilePath", null);
-          setStore("selectionLineNumber", null);
-        },
         setPendingClickData: (data) => {
           setStore("pendingClickData", data);
         },
-        clearPendingClickData: () => {
-          setStore("pendingClickData", null);
-        },
-        setReplySessionId: (sessionId) => {
-          setStore("replySessionId", sessionId);
-        },
         clearReplySessionId: () => {
           setStore("replySessionId", null);
         },
@@ -2827,22 +2822,12 @@ var init_store2 = __esm({
             (instances) => instances.filter((instance) => instance.id !== instanceId)
           );
         },
-        removeLabelsForElement: (element) => {
-          setStore(
-            "labelInstances",
-            (instances) => instances.filter((instance) => instance.element !== element)
-          );
-        },
         clearLabelInstances: () => {
           setStore("labelInstances", []);
         },
         setHasAgentProvider: (value) => {
           setStore("hasAgentProvider", value);
         },
-        setUndoRedoState: (canUndo, canRedo) => {
-          setStore("canUndo", canUndo);
-          setStore("canRedo", canRedo);
-        },
         setAgentCapabilities: (capabilities) => {
           setStore("supportsUndo", capabilities.supportsUndo);
           setStore("supportsFollowUp", capabilities.supportsFollowUp);
@@ -2959,9 +2944,6 @@ var init_store2 = __esm({
         },
         setSelectedAgent: (agent) => {
           setStore("selectedAgent", agent);
-        },
-        clearSelectedAgent: () => {
-          setStore("selectedAgent", null);
         }
       };
       return { store, setStore, actions, isActive, isHolding };
@@ -3068,7 +3050,7 @@ var init_mount_root = __esm({
       }
       const host = document.createElement("div");
       host.setAttribute(ATTRIBUTE_NAME, "true");
-      host.style.zIndex = "2147483646";
+      host.style.zIndex = String(Z_INDEX_HOST);
       host.style.position = "fixed";
       host.style.inset = "0";
       host.style.pointerEvents = "none";
@@ -3084,9 +3066,7 @@ var init_mount_root = __esm({
       const doc = document.body ?? document.documentElement;
       doc.appendChild(host);
       setTimeout(() => {
-        if (!doc.contains(host)) {
-          doc.appendChild(host);
-        }
+        doc.appendChild(host);
       }, MOUNT_ROOT_RECHECK_DELAY_MS);
       return root;
     };
@@ -7065,8 +7045,8 @@ var init_selection_label = __esm({
     _tmpl$1 = /* @__PURE__ */ template(`<span class="text-[11px] font-sans text-black/50 ml-4">`);
     _tmpl$102 = /* @__PURE__ */ template(`<div class="contain-layout flex items-center justify-between w-full px-2 py-1 transition-colors"><span class="text-[13px] leading-4 font-sans font-medium text-black">`);
     DEFAULT_OFFSCREEN_POSITION = {
-      left: -9999,
-      top: -9999,
+      left: SELECTION_LABEL_OFFSCREEN_PX,
+      top: SELECTION_LABEL_OFFSCREEN_PX,
       arrowLeftPercent: ARROW_CENTER_PERCENT,
       arrowLeftOffset: 0,
       edgeOffsetX: 0
@@ -7152,32 +7132,22 @@ var init_selection_label = __esm({
           lastValidPosition = null;
         }
       });
+      const sizeAffectingSignature = createMemo(() => [props.tagName, props.componentName, props.elementsCount, props.statusText, props.inputValue, props.hasAgent, props.isPromptMode, props.isPendingDismiss, props.error, props.isPendingAbort, props.visible, props.status, props.actionCycleState?.items, props.actionCycleState?.activeIndex, props.actionCycleState?.isVisible]);
       createEffect(() => {
-        void props.tagName;
-        void props.componentName;
-        void props.elementsCount;
-        void props.statusText;
-        void props.inputValue;
-        void props.hasAgent;
-        void props.isPromptMode;
-        void props.isPendingDismiss;
-        void props.error;
-        void props.isPendingAbort;
-        void props.visible;
-        void props.status;
-        void props.actionCycleState?.items;
-        void props.actionCycleState?.activeIndex;
-        void props.actionCycleState?.isVisible;
+        void sizeAffectingSignature();
         queueMicrotask(measureContainer);
       });
       createEffect(() => {
         if (props.isPromptMode && inputRef && props.onSubmit) {
-          setTimeout(() => {
+          const focusTimeout = setTimeout(() => {
             inputRef?.focus();
-          }, 0);
+          }, DEFERRED_EXECUTION_DELAY_MS);
+          onCleanup(() => {
+            clearTimeout(focusTimeout);
+          });
         }
       });
-      const computedPosition = () => {
+      const positionComputation = createMemo(() => {
         viewportVersion();
         const bounds = props.selectionBounds;
         const labelWidth = measuredWidth();
@@ -7185,13 +7155,19 @@ var init_selection_label = __esm({
         const hasMeasurements = labelWidth > 0 && labelHeight > 0;
         const hasValidBounds = bounds && bounds.width > 0 && bounds.height > 0;
         if (!hasMeasurements || !hasValidBounds) {
-          return lastValidPosition ?? DEFAULT_OFFSCREEN_POSITION;
+          return {
+            position: lastValidPosition ?? DEFAULT_OFFSCREEN_POSITION,
+            computedArrowPosition: null
+          };
         }
         const viewportWidth = window.innerWidth;
         const viewportHeight = window.innerHeight;
         const isSelectionVisibleInViewport = bounds.x + bounds.width > 0 && bounds.x < viewportWidth && bounds.y + bounds.height > 0 && bounds.y < viewportHeight;
         if (!isSelectionVisibleInViewport) {
-          return DEFAULT_OFFSCREEN_POSITION;
+          return {
+            position: DEFAULT_OFFSCREEN_POSITION,
+            computedArrowPosition: null
+          };
         }
         const selectionCenterX = bounds.x + bounds.width / 2;
         const cursorX = props.mouseX ?? selectionCenterX;
@@ -7215,9 +7191,6 @@ var init_selection_label = __esm({
         const fitsBelow = positionTop + labelHeight <= viewportHeight - VIEWPORT_MARGIN_PX;
         if (!fitsBelow) {
           positionTop = selectionTop - totalHeightNeeded;
-          setArrowPosition("top");
-        } else {
-          setArrowPosition("bottom");
         }
         if (positionTop < VIEWPORT_MARGIN_PX) {
           positionTop = VIEWPORT_MARGIN_PX;
@@ -7229,19 +7202,29 @@ var init_selection_label = __esm({
         const arrowMaxPx = Math.max(labelWidth - ARROW_LABEL_MARGIN_PX, labelHalfWidth);
         const clampedArrowCenterPx = Math.max(arrowMinPx, Math.min(arrowMaxPx, arrowCenterPx));
         const arrowLeftOffset = clampedArrowCenterPx - labelHalfWidth;
-        const position = {
-          left: anchorX,
-          top: positionTop,
-          arrowLeftPercent,
-          arrowLeftOffset,
-          edgeOffsetX
+        const computedArrowPosition = fitsBelow ? "bottom" : "top";
+        return {
+          position: {
+            left: anchorX,
+            top: positionTop,
+            arrowLeftPercent,
+            arrowLeftOffset,
+            edgeOffsetX
+          },
+          computedArrowPosition
         };
-        lastValidPosition = position;
-        setHadValidBounds(true);
-        return position;
-      };
+      });
+      const computedPosition = () => positionComputation().position;
+      createEffect(() => {
+        const result = positionComputation();
+        if (result.computedArrowPosition !== null) {
+          lastValidPosition = result.position;
+          setHadValidBounds(true);
+          setArrowPosition(result.computedArrowPosition);
+        }
+      });
       const handleKeyDown = (event) => {
-        if (event.isComposing || event.keyCode === 229) {
+        if (event.isComposing || event.keyCode === IME_COMPOSING_KEY_CODE) {
           return;
         }
         event.stopPropagation();
@@ -7257,8 +7240,11 @@ var init_selection_label = __esm({
         }
       };
       const handleInput = (event) => {
-        const target = event.target;
-        props.onInputChange?.(target.value);
+        const inputTarget = event.target;
+        if (!(inputTarget instanceof HTMLTextAreaElement)) {
+          return;
+        }
+        props.onInputChange?.(inputTarget.value);
       };
       const tagDisplayResult = () => getTagDisplay({
         tagName: props.tagName,
@@ -8668,7 +8654,7 @@ var init_tooltip = __esm({
         get children() {
           var _el$ = _tmpl$21();
           insert(_el$, () => props.children);
-          createRenderEffect(() => className(_el$, cn("absolute left-1/2 -translate-x-1/2 whitespace-nowrap px-1.5 py-0.5 rounded-[10px] text-[10px] text-black/60 pointer-events-none [corner-shape:superellipse(1.25)]", PANEL_STYLES, props.position === "top" ? "bottom-full mb-2.5" : "top-full mt-2.5", shouldAnimate() && "animate-tooltip-fade-in")));
+          createRenderEffect(() => className(_el$, cn("absolute whitespace-nowrap px-1.5 py-0.5 rounded-[10px] text-[10px] text-black/60 pointer-events-none [corner-shape:superellipse(1.25)]", PANEL_STYLES, props.position === "left" || props.position === "right" ? "top-1/2 -translate-y-1/2" : "left-1/2 -translate-x-1/2", props.position === "top" && "bottom-full mb-2.5", props.position === "bottom" && "top-full mt-2.5", props.position === "left" && "right-full mr-2.5", props.position === "right" && "left-full ml-2.5", shouldAnimate() && "animate-tooltip-fade-in")));
           return _el$;
         }
       });
@@ -8689,6 +8675,23 @@ var init_get_toolbar_icon_color = __esm({
   }
 });
 
+// src/utils/toolbar-layout.ts
+var getExpandGridClass, getButtonSpacingClass, getMinDimensionClass;
+var init_toolbar_layout = __esm({
+  "src/utils/toolbar-layout.ts"() {
+    "use strict";
+    getExpandGridClass = (isVertical, isExpanded, collapsedExtra) => {
+      if (isExpanded) {
+        return isVertical ? "grid-rows-[1fr] opacity-100" : "grid-cols-[1fr] opacity-100";
+      }
+      const base = isVertical ? "grid-rows-[0fr] opacity-0" : "grid-cols-[0fr] opacity-0";
+      return collapsedExtra ? `${base} ${collapsedExtra}` : base;
+    };
+    getButtonSpacingClass = (isVertical) => isVertical ? "mb-1.5" : "mr-1.5";
+    getMinDimensionClass = (isVertical) => isVertical ? "min-h-0" : "min-w-0";
+  }
+});
+
 // src/components/toolbar/index.tsx
 var _tmpl$28, _tmpl$29, Toolbar;
 var init_toolbar = __esm({
@@ -8719,20 +8722,23 @@ var init_toolbar = __esm({
     init_freeze_pseudo_states();
     init_tooltip();
     init_get_toolbar_icon_color();
+    init_toolbar_layout();
     _tmpl$28 = /* @__PURE__ */ template(`<div style=z-index:2147483647>Enable to continue`);
-    _tmpl$29 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-toolbar style=z-index:2147483647><div><div><div class="flex items-center min-w-0"><div class="flex items-center"><div><div class="relative overflow-visible min-w-0"><button data-react-grab-ignore-events data-react-grab-toolbar-toggle class="contain-layout flex items-center justify-center cursor-pointer interactive-scale touch-hitbox mr-1.5"></button></div></div><div><div class="relative overflow-visible min-w-0"><button data-react-grab-ignore-events data-react-grab-toolbar-comment class="contain-layout flex items-center justify-center cursor-pointer interactive-scale touch-hitbox mr-1.5"></button></div></div><div><div class="relative overflow-visible min-w-0"><button data-react-grab-ignore-events data-react-grab-toolbar-recent class="contain-layout flex items-center justify-center cursor-pointer interactive-scale touch-hitbox mr-1.5"></button></div></div></div><div class="relative shrink-0 overflow-visible"><button data-react-grab-ignore-events data-react-grab-toolbar-enabled class="contain-layout flex items-center justify-center cursor-pointer interactive-scale outline-none mx-0.5"><div><div></div></div></button></div></div></div><button data-react-grab-ignore-events data-react-grab-toolbar-collapse class="contain-layout shrink-0 flex items-center justify-center cursor-pointer interactive-scale">`);
+    _tmpl$29 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-toolbar style=z-index:2147483647><div><div><div><div><div><div><button data-react-grab-ignore-events data-react-grab-toolbar-toggle></button></div></div><div><div><button data-react-grab-ignore-events data-react-grab-toolbar-comment></button></div></div><div><div><button data-react-grab-ignore-events data-react-grab-toolbar-history></button></div></div></div><div class="relative shrink-0 overflow-visible"><button data-react-grab-ignore-events data-react-grab-toolbar-enabled><div><div></div></div></button></div></div></div><button data-react-grab-ignore-events data-react-grab-toolbar-collapse class="contain-layout shrink-0 flex items-center justify-center cursor-pointer interactive-scale">`);
     Toolbar = (props) => {
       let containerRef;
       let expandableButtonsRef;
       let unfreezeUpdatesCallback = null;
       let lastKnownExpandableWidth = 0;
+      let lastKnownExpandableHeight = 0;
+      const savedState = loadToolbarState();
       const [isVisible, setIsVisible] = createSignal(false);
       const [isCollapsed, setIsCollapsed] = createSignal(false);
       const [isDragging, setIsDragging] = createSignal(false);
       const [isSnapping, setIsSnapping] = createSignal(false);
       const [isResizing, setIsResizing] = createSignal(false);
-      const [snapEdge, setSnapEdge] = createSignal("bottom");
-      const [positionRatio, setPositionRatio] = createSignal(0.5);
+      const [snapEdge, setSnapEdge] = createSignal(savedState?.edge ?? "bottom");
+      const [positionRatio, setPositionRatio] = createSignal(savedState?.ratio ?? 0.5);
       const [position, setPosition] = createSignal({
         x: 0,
         y: 0
@@ -8753,21 +8759,62 @@ var init_toolbar = __esm({
       const [isToggleTooltipVisible, setIsToggleTooltipVisible] = createSignal(false);
       const [isShakeTooltipVisible, setIsShakeTooltipVisible] = createSignal(false);
       const [isToggleAnimating, setIsToggleAnimating] = createSignal(false);
-      const [isRecentTooltipVisible, setIsRecentTooltipVisible] = createSignal(false);
-      const recentTooltipLabel = () => {
-        const count = props.recentItemCount ?? 0;
-        return count > 0 ? `Recent (${count})` : "Recent";
+      const [isRapidRetoggle, setIsRapidRetoggle] = createSignal(false);
+      const [isHistoryTooltipVisible, setIsHistoryTooltipVisible] = createSignal(false);
+      const historyTooltipLabel = () => {
+        const count = props.historyItemCount ?? 0;
+        return count > 0 ? `History (${count})` : "History";
+      };
+      const historyIconClass = () => cn("transition-colors", props.isHistoryPinned ? "text-black/80" : "text-[#B3B3B3]");
+      const isVertical = () => snapEdge() === "left" || snapEdge() === "right";
+      const measureExpandableDimension = () => {
+        if (!expandableButtonsRef) return;
+        const rect = expandableButtonsRef.getBoundingClientRect();
+        if (isVertical()) {
+          lastKnownExpandableHeight = rect.height;
+        } else {
+          lastKnownExpandableWidth = rect.width;
+        }
+      };
+      const isTooltipAllowed = () => !isCollapsed() && !props.isHistoryDropdownOpen;
+      const tooltipPosition = () => {
+        const edge = snapEdge();
+        switch (edge) {
+          case "top":
+            return "bottom";
+          case "bottom":
+            return "top";
+          case "left":
+            return "right";
+          case "right":
+            return "left";
+        }
+      };
+      const expandGridClass = (isExpanded, collapsedExtra) => getExpandGridClass(isVertical(), isExpanded, collapsedExtra);
+      const gridTransitionClass = () => isVertical() ? "transition-[grid-template-rows,opacity] duration-150 ease-out" : "transition-[grid-template-columns,opacity] duration-150 ease-out";
+      const buttonSpacingClass = () => getButtonSpacingClass(isVertical());
+      const minDimensionClass = () => getMinDimensionClass(isVertical());
+      const shakeTooltipPositionClass = () => {
+        const tooltipSide = tooltipPosition();
+        if (isVertical()) {
+          const placementClass2 = tooltipSide === "left" ? "right-full mr-0.5" : "left-full ml-0.5";
+          return `top-1/2 -translate-y-1/2 ${placementClass2}`;
+        }
+        const placementClass = tooltipSide === "top" ? "bottom-full mb-0.5" : "top-full mt-0.5";
+        return `left-1/2 -translate-x-1/2 ${placementClass}`;
       };
-      const tooltipPosition = () => snapEdge() === "top" ? "bottom" : "top";
       const stopEventPropagation = (event) => {
         event.stopPropagation();
         event.stopImmediatePropagation();
       };
-      const createFreezeHandlers = (setTooltipVisible, onHoverChange) => ({
+      const createFreezeHandlers = (setTooltipVisible, onHoverChange, options) => ({
         onMouseEnter: () => {
+          if (isDragging()) return;
           setTooltipVisible(true);
-          props.onSelectHoverChange?.(true);
-          if (!unfreezeUpdatesCallback) {
+          if (options?.shouldSetSelectHoverState !== false) {
+            props.onSelectHoverChange?.(true);
+          }
+          if (options?.shouldFreezeInteractions !== false && !unfreezeUpdatesCallback) {
             unfreezeUpdatesCallback = freezeUpdates();
             freezeGlobalAnimations();
             freezePseudoStates();
@@ -8776,8 +8823,10 @@ var init_toolbar = __esm({
         },
         onMouseLeave: () => {
           setTooltipVisible(false);
-          props.onSelectHoverChange?.(false);
-          if (!props.isActive && !props.isContextMenuOpen) {
+          if (options?.shouldSetSelectHoverState !== false) {
+            props.onSelectHoverChange?.(false);
+          }
+          if (options?.shouldFreezeInteractions !== false && !props.isActive && !props.isContextMenuOpen) {
             unfreezeUpdatesCallback?.();
             unfreezeUpdatesCallback = null;
             unfreezeGlobalAnimations();
@@ -8795,7 +8844,7 @@ var init_toolbar = __esm({
           left: "rounded-l-none rounded-r-[10px]",
           right: "rounded-r-none rounded-l-[10px]"
         }[edge];
-        const paddingClass = edge === "top" || edge === "bottom" ? "px-2 py-0.25" : "px-0.25 py-2";
+        const paddingClass = isVertical() ? "px-0.25 py-2" : "px-2 py-0.25";
         return `${roundedClass} ${paddingClass}`;
       };
       let shakeTooltipTimeout;
@@ -8869,15 +8918,18 @@ var init_toolbar = __esm({
           });
         }
       };
-      createEffect(on(() => props.recentItemCount ?? 0, () => {
+      createEffect(on(() => props.historyItemCount ?? 0, () => {
         if (isCollapsed()) return;
-        if (recentItemCountTimeout) {
-          clearTimeout(recentItemCountTimeout);
+        if (historyItemCountTimeout) {
+          clearTimeout(historyItemCountTimeout);
         }
-        recentItemCountTimeout = setTimeout(reclampToolbarToViewport, TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS);
+        historyItemCountTimeout = setTimeout(() => {
+          measureExpandableDimension();
+          reclampToolbarToViewport();
+        }, TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS);
         onCleanup(() => {
-          if (recentItemCountTimeout) {
-            clearTimeout(recentItemCountTimeout);
+          if (historyItemCountTimeout) {
+            clearTimeout(historyItemCountTimeout);
           }
         });
       }, {
@@ -9009,7 +9061,7 @@ var init_toolbar = __esm({
       };
       const handleToggle = createDragAwareHandler(() => props.onToggle?.());
       const handleComment = createDragAwareHandler(() => props.onComment?.());
-      const handleRecent = createDragAwareHandler(() => props.onToggleRecent?.());
+      const handleHistory = createDragAwareHandler(() => props.onToggleHistory?.());
       const handleToggleCollapse = createDragAwareHandler(() => {
         const rect = containerRef?.getBoundingClientRect();
         const wasCollapsed = isCollapsed();
@@ -9056,32 +9108,112 @@ var init_toolbar = __esm({
         const isCurrentlyEnabled = Boolean(props.enabled);
         const edge = snapEdge();
         const preTogglePosition = position();
-        const expandableWidth = lastKnownExpandableWidth;
-        const shouldCompensatePosition = expandableWidth > 0 && edge !== "left";
+        const isVerticalEdge = edge === "left" || edge === "right";
+        const readExpandableDimension = () => isVerticalEdge ? lastKnownExpandableHeight : lastKnownExpandableWidth;
+        if (isCurrentlyEnabled && expandableButtonsRef && !isToggleAnimating()) {
+          measureExpandableDimension();
+        }
+        let expandableDimension = readExpandableDimension();
+        let shouldCompensatePosition = expandableDimension > 0;
+        let currentRenderedDimension = 0;
+        if (expandableButtonsRef) {
+          const expandableRect = expandableButtonsRef.getBoundingClientRect();
+          currentRenderedDimension = isVerticalEdge ? expandableRect.height : expandableRect.width;
+        }
+        if (!isCurrentlyEnabled && expandableDimension === 0 && expandableButtonsRef) {
+          const hasHistoryItems = (props.historyItemCount ?? 0) > 0;
+          const expandedWrappers = Array.from(expandableButtonsRef.children).filter((child) => {
+            if (!(child instanceof HTMLElement)) return false;
+            const isHistoryGrid = child.classList.contains("pointer-events-none");
+            return !(isHistoryGrid && !hasHistoryItems);
+          });
+          const gridProperty = isVerticalEdge ? "gridTemplateRows" : "gridTemplateColumns";
+          for (const wrapper of expandedWrappers) {
+            wrapper.style.transition = "none";
+            wrapper.style[gridProperty] = "1fr";
+          }
+          void expandableButtonsRef.offsetWidth;
+          measureExpandableDimension();
+          expandableDimension = readExpandableDimension();
+          for (const wrapper of expandedWrappers) {
+            wrapper.style[gridProperty] = "";
+          }
+          void expandableButtonsRef.offsetWidth;
+          for (const wrapper of expandedWrappers) {
+            wrapper.style.transition = "";
+          }
+          shouldCompensatePosition = expandableDimension > 0;
+        }
         if (shouldCompensatePosition) {
+          setIsRapidRetoggle(isToggleAnimating());
           setIsToggleAnimating(true);
         }
         props.onToggleEnabled?.();
-        if (expandableWidth > 0) {
-          const widthChange = isCurrentlyEnabled ? -expandableWidth : expandableWidth;
-          expandedDimensions = {
-            width: expandedDimensions.width + widthChange,
-            height: expandedDimensions.height
-          };
-        }
         if (shouldCompensatePosition) {
-          const viewport = getVisualViewport();
-          const positionOffset = isCurrentlyEnabled ? expandableWidth : -expandableWidth;
-          const clampMin = viewport.offsetLeft + TOOLBAR_SNAP_MARGIN_PX;
-          const clampMax = viewport.offsetLeft + viewport.width - expandedDimensions.width - TOOLBAR_SNAP_MARGIN_PX;
-          const compensatedX = clampToViewport2(preTogglePosition.x + positionOffset, clampMin, clampMax);
-          setPosition({
-            x: compensatedX,
-            y: preTogglePosition.y
-          });
+          const dimensionChange = isCurrentlyEnabled ? -expandableDimension : expandableDimension;
+          if (isVerticalEdge) {
+            expandedDimensions = {
+              width: expandedDimensions.width,
+              height: expandedDimensions.height + dimensionChange
+            };
+          } else {
+            expandedDimensions = {
+              width: expandedDimensions.width + dimensionChange,
+              height: expandedDimensions.height
+            };
+          }
+          const collapsedAxisPosition = isVerticalEdge ? preTogglePosition.y + currentRenderedDimension : preTogglePosition.x + currentRenderedDimension;
+          const computeClampedPosition = (expandDimension) => {
+            const viewport = getVisualViewport();
+            const targetAxisPosition = collapsedAxisPosition - expandDimension;
+            if (isVerticalEdge) {
+              const clampMin2 = viewport.offsetTop + TOOLBAR_SNAP_MARGIN_PX;
+              const clampMax2 = viewport.offsetTop + viewport.height - expandedDimensions.height - TOOLBAR_SNAP_MARGIN_PX;
+              return {
+                x: preTogglePosition.x,
+                y: clampToViewport2(targetAxisPosition, clampMin2, clampMax2)
+              };
+            }
+            const clampMin = viewport.offsetLeft + TOOLBAR_SNAP_MARGIN_PX;
+            const clampMax = viewport.offsetLeft + viewport.width - expandedDimensions.width - TOOLBAR_SNAP_MARGIN_PX;
+            return {
+              x: clampToViewport2(targetAxisPosition, clampMin, clampMax),
+              y: preTogglePosition.y
+            };
+          };
+          if (toggleAnimationRafId !== void 0) {
+            cancelAnimationFrame(toggleAnimationRafId);
+          }
+          if (isRapidRetoggle()) {
+            const finalExpandDimension = isCurrentlyEnabled ? 0 : expandableDimension;
+            setPosition(computeClampedPosition(finalExpandDimension));
+            toggleAnimationRafId = void 0;
+          } else {
+            const animationStartTime = performance.now();
+            const syncPositionWithGrid = () => {
+              const elapsed = performance.now() - animationStartTime;
+              if (elapsed > TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS + TOGGLE_ANIMATION_BUFFER_MS) {
+                toggleAnimationRafId = void 0;
+                return;
+              }
+              if (expandableButtonsRef) {
+                const currentExpandDimension = isVerticalEdge ? expandableButtonsRef.getBoundingClientRect().height : expandableButtonsRef.getBoundingClientRect().width;
+                setPosition(computeClampedPosition(currentExpandDimension));
+              }
+              toggleAnimationRafId = requestAnimationFrame(syncPositionWithGrid);
+            };
+            toggleAnimationRafId = requestAnimationFrame(syncPositionWithGrid);
+          }
           clearTimeout(toggleAnimationTimeout);
           toggleAnimationTimeout = setTimeout(() => {
+            if (toggleAnimationRafId !== void 0) {
+              cancelAnimationFrame(toggleAnimationRafId);
+              toggleAnimationRafId = void 0;
+            }
+            const finalExpandDimension = isCurrentlyEnabled ? 0 : expandableDimension;
+            setPosition(computeClampedPosition(finalExpandDimension));
             setIsToggleAnimating(false);
+            setIsRapidRetoggle(false);
             const newRatio = getRatioFromPosition(edge, position().x, position().y, expandedDimensions.width, expandedDimensions.height);
             setPositionRatio(newRatio);
             saveAndNotify({
@@ -9091,20 +9223,13 @@ var init_toolbar = __esm({
               enabled: !isCurrentlyEnabled
             });
           }, TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS);
-        } else if (!isCurrentlyEnabled && lastKnownExpandableWidth === 0) {
-          clearTimeout(toggleAnimationTimeout);
-          toggleAnimationTimeout = setTimeout(() => {
-            if (expandableButtonsRef) {
-              lastKnownExpandableWidth = expandableButtonsRef.offsetWidth;
-            }
-            const rect = containerRef?.getBoundingClientRect();
-            if (rect) {
-              expandedDimensions = {
-                width: rect.width,
-                height: rect.height
-              };
-            }
-          }, TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS);
+        } else {
+          saveAndNotify({
+            edge,
+            ratio: positionRatio(),
+            collapsed: isCollapsed(),
+            enabled: !isCurrentlyEnabled
+          });
         }
       });
       const getSnapPosition = (currentX, currentY, elementWidth, elementHeight, velocityX, velocityY) => {
@@ -9150,6 +9275,12 @@ var init_toolbar = __esm({
         const distanceMoved = Math.sqrt(Math.pow(event.clientX - pointerStartPosition.x, 2) + Math.pow(event.clientY - pointerStartPosition.y, 2));
         if (distanceMoved > TOOLBAR_DRAG_THRESHOLD_PX) {
           setHasDragMoved(true);
+          if (unfreezeUpdatesCallback) {
+            unfreezeUpdatesCallback();
+            unfreezeUpdatesCallback = null;
+            unfreezeGlobalAnimations();
+            unfreezePseudoStates();
+          }
         }
         if (!hasDragMoved()) return;
         const now = performance.now();
@@ -9193,11 +9324,16 @@ var init_toolbar = __esm({
         setPositionRatio(ratio);
         setIsSnapping(true);
         requestAnimationFrame(() => {
+          const postRenderRect = containerRef?.getBoundingClientRect();
+          if (postRenderRect) {
+            expandedDimensions = {
+              width: postRenderRect.width,
+              height: postRenderRect.height
+            };
+          }
           requestAnimationFrame(() => {
-            setPosition({
-              x: snap.x,
-              y: snap.y
-            });
+            const snappedPosition = getPositionFromEdgeAndRatio(snap.edge, ratio, expandedDimensions.width, expandedDimensions.height);
+            setPosition(snappedPosition);
             saveAndNotify({
               edge: snap.edge,
               ratio,
@@ -9206,6 +9342,9 @@ var init_toolbar = __esm({
             });
             snapAnimationTimeout = setTimeout(() => {
               setIsSnapping(false);
+              if (props.enabled) {
+                measureExpandableDimension();
+              }
             }, TOOLBAR_SNAP_ANIMATION_DURATION_MS);
           });
         });
@@ -9293,7 +9432,8 @@ var init_toolbar = __esm({
       let collapseAnimationTimeout;
       let snapAnimationTimeout;
       let toggleAnimationTimeout;
-      let recentItemCountTimeout;
+      let toggleAnimationRafId;
+      let historyItemCountTimeout;
       const handleResize = () => {
         if (isDragging()) return;
         setIsResizing(true);
@@ -9321,12 +9461,9 @@ var init_toolbar = __esm({
         if (containerRef) {
           props.onContainerRef?.(containerRef);
         }
-        const savedState = loadToolbarState();
         const rect = containerRef?.getBoundingClientRect();
         const viewport = getVisualViewport();
         if (savedState) {
-          setSnapEdge(savedState.edge);
-          setPositionRatio(savedState.ratio);
           if (rect) {
             expandedDimensions = {
               width: rect.width,
@@ -9357,8 +9494,8 @@ var init_toolbar = __esm({
           const defaultPosition = getPositionFromEdgeAndRatio("bottom", 0.5, expandedDimensions.width, expandedDimensions.height);
           setPosition(defaultPosition);
         }
-        if (props.enabled && expandableButtonsRef) {
-          lastKnownExpandableWidth = expandableButtonsRef.offsetWidth;
+        if (props.enabled) {
+          measureExpandableDimension();
         }
         if (props.onSubscribeToStateChanges) {
           const unsubscribe = props.onSubscribeToStateChanges((state) => {
@@ -9418,7 +9555,10 @@ var init_toolbar = __esm({
         clearTimeout(shakeTooltipTimeout);
         clearTimeout(snapAnimationTimeout);
         clearTimeout(toggleAnimationTimeout);
-        clearTimeout(recentItemCountTimeout);
+        clearTimeout(historyItemCountTimeout);
+        if (toggleAnimationRafId !== void 0) {
+          cancelAnimationFrame(toggleAnimationRafId);
+        }
         unfreezeUpdatesCallback?.();
       });
       const currentPosition = () => {
@@ -9441,9 +9581,12 @@ var init_toolbar = __esm({
         if (isSnapping()) {
           return "transition-[transform,opacity] duration-300 ease-out";
         }
-        if (isCollapseAnimating() || isToggleAnimating()) {
+        if (isCollapseAnimating()) {
           return "transition-[transform,opacity] duration-150 ease-out";
         }
+        if (isToggleAnimating()) {
+          return "transition-opacity duration-150 ease-out";
+        }
         return "transition-opacity duration-300 ease-out";
       };
       const getTransformOrigin = () => {
@@ -9503,7 +9646,11 @@ var init_toolbar = __esm({
           stopEventPropagation(event);
           handlePointerDown(event);
         });
-        spread(_el$8, mergeProps(() => createFreezeHandlers(setIsSelectTooltipVisible)), false, true);
+        spread(_el$8, mergeProps({
+          get ["class"]() {
+            return cn("contain-layout flex items-center justify-center cursor-pointer interactive-scale touch-hitbox", buttonSpacingClass());
+          }
+        }, () => createFreezeHandlers(setIsSelectTooltipVisible)), false, true);
         insert(_el$8, createComponent(IconSelect, {
           size: 14,
           get ["class"]() {
@@ -9512,12 +9659,12 @@ var init_toolbar = __esm({
         }));
         insert(_el$7, createComponent(Tooltip, {
           get visible() {
-            return memo(() => !!isSelectTooltipVisible())() && !isCollapsed();
+            return memo(() => !!isSelectTooltipVisible())() && isTooltipAllowed();
           },
           get position() {
             return tooltipPosition();
           },
-          children: "Select"
+          children: "Select element"
         }), null);
         _el$1.$$click = (event) => {
           setIsCommentTooltipVisible(false);
@@ -9528,7 +9675,11 @@ var init_toolbar = __esm({
           stopEventPropagation(event);
           handlePointerDown(event);
         });
-        spread(_el$1, mergeProps(() => createFreezeHandlers(setIsCommentTooltipVisible)), false, true);
+        spread(_el$1, mergeProps({
+          get ["class"]() {
+            return cn("contain-layout flex items-center justify-center cursor-pointer interactive-scale touch-hitbox", buttonSpacingClass());
+          }
+        }, () => createFreezeHandlers(setIsCommentTooltipVisible)), false, true);
         insert(_el$1, createComponent(IconComment, {
           size: 14,
           get ["class"]() {
@@ -9537,49 +9688,63 @@ var init_toolbar = __esm({
         }));
         insert(_el$0, createComponent(Tooltip, {
           get visible() {
-            return memo(() => !!isCommentTooltipVisible())() && !isCollapsed();
+            return memo(() => !!isCommentTooltipVisible())() && isTooltipAllowed();
           },
           get position() {
             return tooltipPosition();
           },
-          children: "Comment"
+          children: "Add comment"
         }), null);
         _el$12.$$click = (event) => {
-          setIsRecentTooltipVisible(false);
-          handleRecent(event);
+          setIsHistoryTooltipVisible(false);
+          handleHistory(event);
         };
         addEventListener(_el$12, "mousedown", stopEventPropagation);
         addEventListener(_el$12, "pointerdown", (event) => {
           stopEventPropagation(event);
           handlePointerDown(event);
         });
-        spread(_el$12, mergeProps(() => createFreezeHandlers(setIsRecentTooltipVisible, props.onRecentButtonHover)), false, true);
+        spread(_el$12, mergeProps({
+          get ["class"]() {
+            return cn("contain-layout flex items-center justify-center cursor-pointer interactive-scale touch-hitbox", buttonSpacingClass());
+          }
+        }, () => createFreezeHandlers((visible) => {
+          if (visible && props.isHistoryDropdownOpen) return;
+          setIsHistoryTooltipVisible(visible);
+        }, (isHovered) => props.onHistoryButtonHover?.(isHovered), {
+          shouldFreezeInteractions: false,
+          shouldSetSelectHoverState: false
+        })), false, true);
         insert(_el$12, createComponent(Show, {
           get when() {
-            return props.hasUnreadRecentItems;
+            return props.hasUnreadHistoryItems;
           },
           get fallback() {
             return createComponent(IconInbox, {
               size: 14,
-              "class": "text-[#B3B3B3] transition-colors"
+              get ["class"]() {
+                return historyIconClass();
+              }
             });
           },
           get children() {
             return createComponent(IconInboxUnread, {
               size: 14,
-              "class": "text-[#B3B3B3] transition-colors"
+              get ["class"]() {
+                return historyIconClass();
+              }
             });
           }
         }));
         insert(_el$11, createComponent(Tooltip, {
           get visible() {
-            return memo(() => !!isRecentTooltipVisible())() && !isCollapsed();
+            return memo(() => !!isHistoryTooltipVisible())() && isTooltipAllowed();
           },
           get position() {
             return tooltipPosition();
           },
           get children() {
-            return recentTooltipLabel();
+            return historyTooltipLabel();
           }
         }), null);
         _el$14.addEventListener("mouseleave", () => setIsToggleTooltipVisible(false));
@@ -9590,7 +9755,7 @@ var init_toolbar = __esm({
         };
         insert(_el$13, createComponent(Tooltip, {
           get visible() {
-            return memo(() => !!isToggleTooltipVisible())() && !isCollapsed();
+            return memo(() => !!isToggleTooltipVisible())() && isTooltipAllowed();
           },
           get position() {
             return tooltipPosition();
@@ -9612,23 +9777,29 @@ var init_toolbar = __esm({
           },
           get children() {
             var _el$18 = _tmpl$28();
-            createRenderEffect(() => className(_el$18, cn("absolute left-1/2 -translate-x-1/2 whitespace-nowrap px-1.5 py-0.5 rounded-[10px] text-[10px] text-black/60 pointer-events-none animate-tooltip-fade-in [corner-shape:superellipse(1.25)]", PANEL_STYLES, tooltipPosition() === "top" ? "bottom-full mb-0.5" : "top-full mt-0.5")));
+            createRenderEffect(() => className(_el$18, cn("absolute whitespace-nowrap px-1.5 py-0.5 rounded-[10px] text-[10px] text-black/60 pointer-events-none animate-tooltip-fade-in [corner-shape:superellipse(1.25)]", PANEL_STYLES, shakeTooltipPositionClass())));
             return _el$18;
           }
         }), null);
         createRenderEffect((_p$) => {
-          var _v$ = cn("fixed left-0 top-0 font-sans text-[13px] antialiased filter-[drop-shadow(0px_1px_2px_#51515140)] select-none", getCursorClass(), getTransitionClass(), isVisible() ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"), _v$2 = `translate(${currentPosition().x}px, ${currentPosition().y}px)`, _v$3 = getTransformOrigin(), _v$4 = cn("flex items-center justify-center rounded-[10px] antialiased transition-all duration-150 ease-out relative overflow-visible [font-synthesis:none] [corner-shape:superellipse(1.25)]", PANEL_STYLES, !isCollapsed() && "py-1.5 gap-1.5 px-2", collapsedEdgeClasses(), isShaking() && "animate-shake"), _v$5 = getTransformOrigin(), _v$6 = cn("grid transition-all duration-150 ease-out", isCollapsed() ? "grid-cols-[0fr] opacity-0 pointer-events-none" : "grid-cols-[1fr] opacity-100"), _v$7 = cn("grid transition-all duration-150 ease-out", props.enabled ? "grid-cols-[1fr] opacity-100" : "grid-cols-[0fr] opacity-0"), _v$8 = cn("grid transition-all duration-150 ease-out", props.enabled ? "grid-cols-[1fr] opacity-100" : "grid-cols-[0fr] opacity-0"), _v$9 = cn("grid transition-all duration-150 ease-out", props.enabled && (props.recentItemCount ?? 0) > 0 ? "grid-cols-[1fr] opacity-100" : "grid-cols-[0fr] opacity-0 pointer-events-none"), _v$0 = cn("relative w-5 h-3 rounded-full transition-colors", props.enabled ? "bg-black" : "bg-black/25"), _v$1 = cn("absolute top-0.5 w-2 h-2 rounded-full bg-white transition-transform", props.enabled ? "left-2.5" : "left-0.5");
+          var _v$ = cn("fixed left-0 top-0 font-sans text-[13px] antialiased filter-[drop-shadow(0px_1px_2px_#51515140)] select-none", getCursorClass(), getTransitionClass(), isVisible() ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"), _v$2 = `translate(${currentPosition().x}px, ${currentPosition().y}px)`, _v$3 = getTransformOrigin(), _v$4 = cn("flex items-center justify-center rounded-[10px] antialiased relative overflow-visible [font-synthesis:none] [corner-shape:superellipse(1.25)]", isVertical() && "flex-col", PANEL_STYLES, !isCollapsed() && (isVertical() ? "px-1.5 gap-1.5 py-2" : "py-1.5 gap-1.5 px-2"), collapsedEdgeClasses(), isShaking() && "animate-shake"), _v$5 = getTransformOrigin(), _v$6 = cn("grid", !isRapidRetoggle() && gridTransitionClass(), expandGridClass(!isCollapsed(), "pointer-events-none")), _v$7 = cn("flex", isVertical() ? "flex-col items-center min-h-0" : "items-center min-w-0"), _v$8 = cn("flex items-center", isVertical() && "flex-col"), _v$9 = cn("grid", !isRapidRetoggle() && gridTransitionClass(), expandGridClass(Boolean(props.enabled))), _v$0 = cn("relative overflow-visible", minDimensionClass()), _v$1 = cn("grid", !isRapidRetoggle() && gridTransitionClass(), expandGridClass(Boolean(props.enabled))), _v$10 = cn("relative overflow-visible", minDimensionClass()), _v$11 = cn("grid", !isRapidRetoggle() && gridTransitionClass(), expandGridClass(Boolean(props.enabled) && (props.historyItemCount ?? 0) > 0, "pointer-events-none")), _v$12 = cn("relative overflow-visible", minDimensionClass()), _v$13 = cn("contain-layout flex items-center justify-center cursor-pointer interactive-scale outline-none", isVertical() ? "my-0.5" : "mx-0.5"), _v$14 = cn("relative rounded-full transition-colors", isVertical() ? "w-3.5 h-2.5" : "w-5 h-3", props.enabled ? "bg-black" : "bg-black/25"), _v$15 = cn("absolute top-0.5 rounded-full bg-white transition-transform", isVertical() ? "w-1.5 h-1.5" : "w-2 h-2", !props.enabled && "left-0.5", props.enabled && (isVertical() ? "left-1.5" : "left-2.5"));
           _v$ !== _p$.e && className(_el$, _p$.e = _v$);
           _v$2 !== _p$.t && setStyleProperty(_el$, "transform", _p$.t = _v$2);
           _v$3 !== _p$.a && setStyleProperty(_el$, "transform-origin", _p$.a = _v$3);
           _v$4 !== _p$.o && className(_el$2, _p$.o = _v$4);
           _v$5 !== _p$.i && setStyleProperty(_el$2, "transform-origin", _p$.i = _v$5);
           _v$6 !== _p$.n && className(_el$3, _p$.n = _v$6);
-          _v$7 !== _p$.s && className(_el$6, _p$.s = _v$7);
-          _v$8 !== _p$.h && className(_el$9, _p$.h = _v$8);
-          _v$9 !== _p$.r && className(_el$10, _p$.r = _v$9);
-          _v$0 !== _p$.d && className(_el$15, _p$.d = _v$0);
-          _v$1 !== _p$.l && className(_el$16, _p$.l = _v$1);
+          _v$7 !== _p$.s && className(_el$4, _p$.s = _v$7);
+          _v$8 !== _p$.h && className(_el$5, _p$.h = _v$8);
+          _v$9 !== _p$.r && className(_el$6, _p$.r = _v$9);
+          _v$0 !== _p$.d && className(_el$7, _p$.d = _v$0);
+          _v$1 !== _p$.l && className(_el$9, _p$.l = _v$1);
+          _v$10 !== _p$.u && className(_el$0, _p$.u = _v$10);
+          _v$11 !== _p$.c && className(_el$10, _p$.c = _v$11);
+          _v$12 !== _p$.w && className(_el$11, _p$.w = _v$12);
+          _v$13 !== _p$.m && className(_el$14, _p$.m = _v$13);
+          _v$14 !== _p$.f && className(_el$15, _p$.f = _v$14);
+          _v$15 !== _p$.y && className(_el$16, _p$.y = _v$15);
           return _p$;
         }, {
           e: void 0,
@@ -9641,7 +9812,13 @@ var init_toolbar = __esm({
           h: void 0,
           r: void 0,
           d: void 0,
-          l: void 0
+          l: void 0,
+          u: void 0,
+          c: void 0,
+          w: void 0,
+          m: void 0,
+          f: void 0,
+          y: void 0
         });
         return _el$;
       })();
@@ -10023,10 +10200,10 @@ var init_icon_copy = __esm({
   }
 });
 
-// src/components/recent-dropdown.tsx
-var _tmpl$37, _tmpl$211, _tmpl$38, _tmpl$45, DEFAULT_OFFSCREEN_POSITION2, ITEM_ACTION_CLASS, formatRelativeTime, RecentDropdown;
-var init_recent_dropdown = __esm({
-  "src/components/recent-dropdown.tsx"() {
+// src/components/history-dropdown.tsx
+var _tmpl$37, _tmpl$211, _tmpl$38, _tmpl$45, DEFAULT_OFFSCREEN_POSITION2, ITEM_ACTION_CLASS, EDGE_TO_TRANSFORM_ORIGIN, formatRelativeTime, getHistoryItemDisplayName, HistoryDropdown;
+var init_history_dropdown = __esm({
+  "src/components/history-dropdown.tsx"() {
     "use strict";
     init_web();
     init_web();
@@ -10036,23 +10213,30 @@ var init_recent_dropdown = __esm({
     init_web();
     init_web();
     init_web();
+    init_web();
     init_solid();
     init_constants();
     init_clamp_to_viewport();
     init_cn();
-    init_is_event_from_overlay();
     init_icon_trash();
     init_icon_copy();
+    init_icon_check();
     init_tooltip();
-    _tmpl$37 = /* @__PURE__ */ template(`<div class="flex items-center gap-[5px]"><div class=relative><button data-react-grab-ignore-events data-react-grab-recent-clear class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-sm bg-[#FEF2F2] cursor-pointer transition-all hover:bg-[#FEE2E2] press-scale h-[17px] text-[#B91C1C]"></button></div><div class=relative><button data-react-grab-ignore-events data-react-grab-recent-copy-all class="contain-layout shrink-0 flex items-center justify-center gap-1 px-[3px] py-px rounded-sm bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] press-scale h-[17px] text-black/60"><span class="text-[11px] font-sans text-black/50">\u21B5`);
-    _tmpl$211 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-recent-dropdown class="fixed font-sans text-[13px] antialiased filter-[drop-shadow(0px_1px_2px_#51515140)] select-none transition-opacity duration-150 ease-out"style=z-index:2147483647;pointer-events:auto><div><div class="contain-layout shrink-0 flex items-center justify-between px-2 pt-1.5 pb-1"><span class="text-[11px] font-medium text-black/40">Recent</span></div><div class="min-h-0 [border-top-width:0.5px] border-t-solid border-t-[#D9D9D9] px-2 py-1.5"><div class="flex flex-col max-h-[240px] overflow-y-auto -mx-2 -my-1.5"style="scrollbar-color:rgba(0,0,0,0.15) transparent">`);
+    _tmpl$37 = /* @__PURE__ */ template(`<div class="flex items-center gap-[5px]"><div class=relative><button data-react-grab-ignore-events data-react-grab-history-clear class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-sm bg-[#FEF2F2] cursor-pointer transition-all hover:bg-[#FEE2E2] press-scale h-[17px] text-[#B91C1C]"></button></div><div class=relative><button data-react-grab-ignore-events data-react-grab-history-copy-all class="contain-layout shrink-0 flex items-center justify-center gap-1 px-[3px] py-px rounded-sm bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] press-scale h-[17px] text-black/60">`);
+    _tmpl$211 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-history-dropdown class="fixed font-sans text-[13px] antialiased filter-[drop-shadow(0px_1px_2px_#51515140)] select-none transition-[opacity,transform] duration-100 ease-out will-change-[opacity,transform]"style=z-index:2147483647><div><div class="contain-layout shrink-0 flex items-center justify-between px-2 pt-1.5 pb-1"><span class="text-[11px] font-medium text-black/40">History</span></div><div class="min-h-0 [border-top-width:0.5px] border-t-solid border-t-[#D9D9D9] px-2 py-1.5"><div class="flex flex-col max-h-[240px] overflow-y-auto -mx-2 -my-1.5"style="scrollbar-color:rgba(0,0,0,0.15) transparent">`);
     _tmpl$38 = /* @__PURE__ */ template(`<span class="text-[11px] leading-3 font-sans text-black/40 truncate mt-0.5">`);
-    _tmpl$45 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-recent-item class="group contain-layout flex items-start justify-between w-full px-2 py-1 cursor-pointer transition-colors hover:bg-black/5 focus-within:bg-black/5 text-left gap-2"tabindex=0><span class="flex flex-col min-w-0 flex-1"><span class="text-[12px] leading-4 font-sans font-medium text-black truncate"></span></span><span class="shrink-0 grid"><span class="text-[10px] font-sans text-black/25 group-hover:invisible group-focus-within:invisible [grid-area:1/1] flex items-center justify-end"></span><span class="invisible group-hover:visible group-focus-within:visible [grid-area:1/1] flex items-center justify-end gap-1.5"><button data-react-grab-ignore-events data-react-grab-recent-item-remove></button><button data-react-grab-ignore-events data-react-grab-recent-item-copy>`);
+    _tmpl$45 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-history-item class="group contain-layout flex items-start justify-between w-full px-2 py-1 cursor-pointer hover:bg-black/5 focus-within:bg-black/5 text-left gap-2"tabindex=0><span class="flex flex-col min-w-0 flex-1"><span class="text-[12px] leading-4 font-sans font-medium text-black truncate"></span></span><span class="shrink-0 grid"><span class="text-[10px] font-sans text-black/25 group-hover:invisible group-focus-within:invisible [grid-area:1/1] flex items-center justify-end"></span><span class="invisible group-hover:visible group-focus-within:visible [grid-area:1/1] flex items-center justify-end gap-1.5"><button data-react-grab-ignore-events data-react-grab-history-item-remove></button><button data-react-grab-ignore-events data-react-grab-history-item-copy>`);
     DEFAULT_OFFSCREEN_POSITION2 = {
       left: -9999,
       top: -9999
     };
     ITEM_ACTION_CLASS = "flex items-center justify-center cursor-pointer text-black/25 transition-colors press-scale";
+    EDGE_TO_TRANSFORM_ORIGIN = {
+      left: "left center",
+      right: "right center",
+      top: "center top",
+      bottom: "center bottom"
+    };
     formatRelativeTime = (timestamp) => {
       const elapsedSeconds = Math.floor((Date.now() - timestamp) / 1e3);
       if (elapsedSeconds < 60) return "now";
@@ -10062,24 +10246,59 @@ var init_recent_dropdown = __esm({
       if (elapsedHours < 24) return `${elapsedHours}h`;
       return `${Math.floor(elapsedHours / 24)}d`;
     };
-    RecentDropdown = (props) => {
+    getHistoryItemDisplayName = (item) => {
+      if (item.elementsCount && item.elementsCount > 1) {
+        return `${item.elementsCount} elements`;
+      }
+      return item.componentName ?? item.tagName;
+    };
+    HistoryDropdown = (props) => {
       let containerRef;
       const [measuredWidth, setMeasuredWidth] = createSignal(0);
       const [measuredHeight, setMeasuredHeight] = createSignal(0);
       const [activeHeaderTooltip, setActiveHeaderTooltip] = createSignal(null);
+      const [isCopyAllConfirmed, setIsCopyAllConfirmed] = createSignal(false);
+      const [confirmedCopyItemId, setConfirmedCopyItemId] = createSignal(null);
+      let copyAllFeedbackTimeout;
+      let copyItemFeedbackTimeout;
+      let exitAnimationTimeout;
+      let enterAnimationFrameId;
       const isVisible = () => props.position !== null;
+      const [shouldMount, setShouldMount] = createSignal(false);
+      const [isAnimatedIn, setIsAnimatedIn] = createSignal(false);
+      const [lastAnchorEdge, setLastAnchorEdge] = createSignal("bottom");
       const measureContainer = () => {
         if (containerRef) {
-          const rect = containerRef.getBoundingClientRect();
-          setMeasuredWidth(rect.width);
-          setMeasuredHeight(rect.height);
+          setMeasuredWidth(containerRef.offsetWidth);
+          setMeasuredHeight(containerRef.offsetHeight);
         }
       };
       createEffect(() => {
         if (isVisible()) {
-          requestAnimationFrame(measureContainer);
+          if (props.position) setLastAnchorEdge(props.position.edge);
+          clearTimeout(exitAnimationTimeout);
+          setShouldMount(true);
+          if (enterAnimationFrameId !== void 0) cancelAnimationFrame(enterAnimationFrameId);
+          enterAnimationFrameId = requestAnimationFrame(() => {
+            measureContainer();
+            void containerRef?.offsetHeight;
+            setIsAnimatedIn(true);
+          });
+        } else {
+          if (enterAnimationFrameId !== void 0) cancelAnimationFrame(enterAnimationFrameId);
+          setIsAnimatedIn(false);
+          exitAnimationTimeout = setTimeout(() => {
+            setShouldMount(false);
+          }, DROPDOWN_ANIMATION_DURATION_MS);
         }
       });
+      createEffect(on(isAnimatedIn, (animatedIn) => {
+        if (animatedIn && containerRef?.matches(":hover")) {
+          props.onDropdownHover?.(true);
+        }
+      }, {
+        defer: true
+      }));
       const computedPosition = () => {
         const anchor = props.position;
         const width = measuredWidth();
@@ -10096,7 +10315,7 @@ var init_recent_dropdown = __esm({
           rawLeft = edge === "left" ? anchor.x + DROPDOWN_ANCHOR_GAP_PX : anchor.x - width - DROPDOWN_ANCHOR_GAP_PX;
           rawTop = anchor.y - height / 2;
         } else {
-          rawLeft = anchor.x - anchor.toolbarWidth / 2;
+          rawLeft = anchor.x - width / 2;
           rawTop = edge === "top" ? anchor.y + DROPDOWN_ANCHOR_GAP_PX : anchor.y - height - DROPDOWN_ANCHOR_GAP_PX;
         }
         return {
@@ -10104,8 +10323,15 @@ var init_recent_dropdown = __esm({
           top: clampToViewport(rawTop, height, window.innerHeight, DROPDOWN_VIEWPORT_PADDING_PX)
         };
       };
-      const clampedMaxWidth = () => Math.min(DROPDOWN_MAX_WIDTH_PX, window.innerWidth - computedPosition().left - DROPDOWN_VIEWPORT_PADDING_PX);
-      const clampedMaxHeight = () => window.innerHeight - computedPosition().top - DROPDOWN_VIEWPORT_PADDING_PX;
+      const displayPosition = createMemo((previousPosition) => {
+        const position = computedPosition();
+        if (position.left !== DEFAULT_OFFSCREEN_POSITION2.left) {
+          return position;
+        }
+        return previousPosition;
+      }, DEFAULT_OFFSCREEN_POSITION2);
+      const clampedMaxWidth = () => Math.min(DROPDOWN_MAX_WIDTH_PX, window.innerWidth - displayPosition().left - DROPDOWN_VIEWPORT_PADDING_PX);
+      const clampedMaxHeight = () => window.innerHeight - displayPosition().top - DROPDOWN_VIEWPORT_PADDING_PX;
       const panelMinWidth = () => Math.max(DROPDOWN_MIN_WIDTH_PX, props.position?.toolbarWidth ?? 0);
       const handleMenuEvent = (event) => {
         if (event.type === "contextmenu") {
@@ -10115,11 +10341,6 @@ var init_recent_dropdown = __esm({
       };
       onMount(() => {
         measureContainer();
-        const handleClickOutside = (event) => {
-          if (!isVisible() || isEventFromOverlay(event, "data-react-grab-ignore-events")) return;
-          if (event instanceof MouseEvent && event.button === 2) return;
-          props.onDismiss?.();
-        };
         const handleKeyDown = (event) => {
           if (!isVisible()) return;
           if (event.code === "Escape") {
@@ -10127,31 +10348,15 @@ var init_recent_dropdown = __esm({
             event.stopPropagation();
             props.onDismiss?.();
           }
-          if (event.code === "Enter" && props.items.length > 0) {
-            event.preventDefault();
-            event.stopPropagation();
-            props.onCopyAll?.();
-          }
         };
-        const frameId = requestAnimationFrame(() => {
-          window.addEventListener("mousedown", handleClickOutside, {
-            capture: true
-          });
-          window.addEventListener("touchstart", handleClickOutside, {
-            capture: true
-          });
-        });
         window.addEventListener("keydown", handleKeyDown, {
           capture: true
         });
         onCleanup(() => {
-          cancelAnimationFrame(frameId);
-          window.removeEventListener("mousedown", handleClickOutside, {
-            capture: true
-          });
-          window.removeEventListener("touchstart", handleClickOutside, {
-            capture: true
-          });
+          clearTimeout(copyAllFeedbackTimeout);
+          clearTimeout(copyItemFeedbackTimeout);
+          clearTimeout(exitAnimationTimeout);
+          if (enterAnimationFrameId !== void 0) cancelAnimationFrame(enterAnimationFrameId);
           window.removeEventListener("keydown", handleKeyDown, {
             capture: true
           });
@@ -10159,10 +10364,12 @@ var init_recent_dropdown = __esm({
       });
       return createComponent(Show, {
         get when() {
-          return isVisible();
+          return shouldMount();
         },
         get children() {
-          var _el$ = _tmpl$211(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$1 = _el$3.nextSibling, _el$10 = _el$1.firstChild;
+          var _el$ = _tmpl$211(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$0 = _el$3.nextSibling, _el$1 = _el$0.firstChild;
+          _el$.addEventListener("mouseleave", () => props.onDropdownHover?.(false));
+          _el$.addEventListener("mouseenter", () => props.onDropdownHover?.(true));
           _el$.$$contextmenu = handleMenuEvent;
           _el$.$$click = handleMenuEvent;
           _el$.$$mousedown = handleMenuEvent;
@@ -10174,7 +10381,7 @@ var init_recent_dropdown = __esm({
               return props.items.length > 0;
             },
             get children() {
-              var _el$5 = _tmpl$37(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$6.nextSibling, _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild;
+              var _el$5 = _tmpl$37(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$6.nextSibling, _el$9 = _el$8.firstChild;
               _el$7.addEventListener("mouseleave", () => setActiveHeaderTooltip(null));
               _el$7.addEventListener("mouseenter", () => setActiveHeaderTooltip("clear"));
               _el$7.$$click = (event) => {
@@ -10198,16 +10405,36 @@ var init_recent_dropdown = __esm({
               });
               _el$9.addEventListener("mouseenter", () => {
                 setActiveHeaderTooltip("copy");
-                props.onCopyAllHover?.(true);
+                if (!isCopyAllConfirmed()) {
+                  props.onCopyAllHover?.(true);
+                }
               });
               _el$9.$$click = (event) => {
                 event.stopPropagation();
                 setActiveHeaderTooltip(null);
                 props.onCopyAll?.();
+                setIsCopyAllConfirmed(true);
+                clearTimeout(copyAllFeedbackTimeout);
+                copyAllFeedbackTimeout = setTimeout(() => {
+                  setIsCopyAllConfirmed(false);
+                }, FEEDBACK_DURATION_MS);
               };
-              insert(_el$9, createComponent(IconCopy, {
-                size: DROPDOWN_ICON_SIZE_PX
-              }), _el$0);
+              insert(_el$9, createComponent(Show, {
+                get when() {
+                  return isCopyAllConfirmed();
+                },
+                get fallback() {
+                  return createComponent(IconCopy, {
+                    size: DROPDOWN_ICON_SIZE_PX
+                  });
+                },
+                get children() {
+                  return createComponent(IconCheck, {
+                    size: DROPDOWN_ICON_SIZE_PX,
+                    "class": "text-black"
+                  });
+                }
+              }));
               insert(_el$8, createComponent(Tooltip, {
                 get visible() {
                   return activeHeaderTooltip() === "copy";
@@ -10218,72 +10445,103 @@ var init_recent_dropdown = __esm({
               return _el$5;
             }
           }), null);
-          insert(_el$10, createComponent(For, {
+          insert(_el$1, createComponent(For, {
             get each() {
               return props.items;
             },
             children: (item) => (() => {
-              var _el$11 = _tmpl$45(), _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$15 = _el$12.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling, _el$18 = _el$17.firstChild, _el$19 = _el$18.nextSibling;
-              _el$11.addEventListener("mouseleave", () => props.onItemHover?.(null));
-              _el$11.addEventListener("mouseenter", () => props.onItemHover?.(item.id));
-              _el$11.$$keydown = (event) => {
+              var _el$10 = _tmpl$45(), _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$14 = _el$11.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling, _el$17 = _el$16.firstChild, _el$18 = _el$17.nextSibling;
+              _el$10.addEventListener("mouseleave", () => props.onItemHover?.(null));
+              _el$10.addEventListener("mouseenter", () => props.onItemHover?.(item.id));
+              _el$10.$$keydown = (event) => {
                 if (event.code === "Space" && event.currentTarget === event.target) {
                   event.preventDefault();
                   event.stopPropagation();
                   props.onSelectItem?.(item);
                 }
               };
-              _el$11.$$click = (event) => {
+              _el$10.$$click = (event) => {
                 event.stopPropagation();
                 props.onSelectItem?.(item);
+                setConfirmedCopyItemId(item.id);
+                clearTimeout(copyItemFeedbackTimeout);
+                copyItemFeedbackTimeout = setTimeout(() => {
+                  setConfirmedCopyItemId(null);
+                }, FEEDBACK_DURATION_MS);
               };
-              _el$11.$$pointerdown = (event) => event.stopPropagation();
-              insert(_el$13, () => item.componentName ?? item.tagName);
-              insert(_el$12, createComponent(Show, {
+              _el$10.$$pointerdown = (event) => event.stopPropagation();
+              insert(_el$12, () => getHistoryItemDisplayName(item));
+              insert(_el$11, createComponent(Show, {
                 get when() {
                   return item.commentText;
                 },
                 get children() {
-                  var _el$14 = _tmpl$38();
-                  insert(_el$14, () => item.commentText);
-                  return _el$14;
+                  var _el$13 = _tmpl$38();
+                  insert(_el$13, () => item.commentText);
+                  return _el$13;
                 }
               }), null);
-              insert(_el$16, () => formatRelativeTime(item.timestamp));
-              _el$18.$$click = (event) => {
+              insert(_el$15, () => formatRelativeTime(item.timestamp));
+              _el$17.$$click = (event) => {
                 event.stopPropagation();
                 props.onRemoveItem?.(item);
               };
-              insert(_el$18, createComponent(IconTrash, {
+              insert(_el$17, createComponent(IconTrash, {
                 size: DROPDOWN_ICON_SIZE_PX
               }));
-              _el$19.$$click = (event) => {
+              _el$18.$$click = (event) => {
                 event.stopPropagation();
                 props.onCopyItem?.(item);
+                setConfirmedCopyItemId(item.id);
+                clearTimeout(copyItemFeedbackTimeout);
+                copyItemFeedbackTimeout = setTimeout(() => {
+                  setConfirmedCopyItemId(null);
+                }, FEEDBACK_DURATION_MS);
               };
-              insert(_el$19, createComponent(IconCopy, {
-                size: DROPDOWN_ICON_SIZE_PX
+              insert(_el$18, createComponent(Show, {
+                get when() {
+                  return confirmedCopyItemId() === item.id;
+                },
+                get fallback() {
+                  return createComponent(IconCopy, {
+                    size: DROPDOWN_ICON_SIZE_PX
+                  });
+                },
+                get children() {
+                  return createComponent(IconCheck, {
+                    size: DROPDOWN_ICON_SIZE_PX,
+                    "class": "text-black"
+                  });
+                }
               }));
               createRenderEffect((_p$) => {
-                var _v$7 = cn(ITEM_ACTION_CLASS, "hover:text-[#B91C1C]"), _v$8 = cn(ITEM_ACTION_CLASS, "hover:text-black/60");
-                _v$7 !== _p$.e && className(_el$18, _p$.e = _v$7);
-                _v$8 !== _p$.t && className(_el$19, _p$.t = _v$8);
+                var _v$1 = {
+                  "opacity-40 hover:opacity-100": Boolean(props.disconnectedItemIds?.has(item.id))
+                }, _v$10 = cn(ITEM_ACTION_CLASS, "hover:text-[#B91C1C]"), _v$11 = cn(ITEM_ACTION_CLASS, "hover:text-black/60");
+                _p$.e = classList(_el$10, _v$1, _p$.e);
+                _v$10 !== _p$.t && className(_el$17, _p$.t = _v$10);
+                _v$11 !== _p$.a && className(_el$18, _p$.a = _v$11);
                 return _p$;
               }, {
                 e: void 0,
-                t: void 0
+                t: void 0,
+                a: void 0
               });
-              return _el$11;
+              return _el$10;
             })()
           }));
           createRenderEffect((_p$) => {
-            var _v$ = `${computedPosition().top}px`, _v$2 = `${computedPosition().left}px`, _v$3 = cn("contain-layout flex flex-col rounded-[10px] antialiased w-fit h-fit overflow-hidden [font-synthesis:none] [corner-shape:superellipse(1.25)]", PANEL_STYLES), _v$4 = `${panelMinWidth()}px`, _v$5 = `${clampedMaxWidth()}px`, _v$6 = `${clampedMaxHeight()}px`;
+            var _v$ = `${displayPosition().top}px`, _v$2 = `${displayPosition().left}px`, _v$3 = isAnimatedIn() ? "auto" : "none", _v$4 = EDGE_TO_TRANSFORM_ORIGIN[lastAnchorEdge()], _v$5 = isAnimatedIn() ? "1" : "0", _v$6 = isAnimatedIn() ? "scale(1)" : "scale(0.95)", _v$7 = cn("contain-layout flex flex-col rounded-[10px] antialiased w-fit h-fit overflow-hidden [font-synthesis:none] [corner-shape:superellipse(1.25)]", PANEL_STYLES), _v$8 = `${panelMinWidth()}px`, _v$9 = `${clampedMaxWidth()}px`, _v$0 = `${clampedMaxHeight()}px`;
             _v$ !== _p$.e && setStyleProperty(_el$, "top", _p$.e = _v$);
             _v$2 !== _p$.t && setStyleProperty(_el$, "left", _p$.t = _v$2);
-            _v$3 !== _p$.a && className(_el$2, _p$.a = _v$3);
-            _v$4 !== _p$.o && setStyleProperty(_el$2, "min-width", _p$.o = _v$4);
-            _v$5 !== _p$.i && setStyleProperty(_el$2, "max-width", _p$.i = _v$5);
-            _v$6 !== _p$.n && setStyleProperty(_el$2, "max-height", _p$.n = _v$6);
+            _v$3 !== _p$.a && setStyleProperty(_el$, "pointer-events", _p$.a = _v$3);
+            _v$4 !== _p$.o && setStyleProperty(_el$, "transform-origin", _p$.o = _v$4);
+            _v$5 !== _p$.i && setStyleProperty(_el$, "opacity", _p$.i = _v$5);
+            _v$6 !== _p$.n && setStyleProperty(_el$, "transform", _p$.n = _v$6);
+            _v$7 !== _p$.s && className(_el$2, _p$.s = _v$7);
+            _v$8 !== _p$.h && setStyleProperty(_el$2, "min-width", _p$.h = _v$8);
+            _v$9 !== _p$.r && setStyleProperty(_el$2, "max-width", _p$.r = _v$9);
+            _v$0 !== _p$.d && setStyleProperty(_el$2, "max-height", _p$.d = _v$0);
             return _p$;
           }, {
             e: void 0,
@@ -10291,7 +10549,11 @@ var init_recent_dropdown = __esm({
             a: void 0,
             o: void 0,
             i: void 0,
-            n: void 0
+            n: void 0,
+            s: void 0,
+            h: void 0,
+            r: void 0,
+            d: void 0
           });
           return _el$;
         }
@@ -10314,11 +10576,12 @@ var init_renderer = __esm({
     init_solid();
     init_constants();
     init_build_open_file_url();
+    init_is_element_connected();
     init_overlay_canvas();
     init_selection_label();
     init_toolbar();
     init_context_menu();
-    init_recent_dropdown();
+    init_history_dropdown();
     _tmpl$39 = /* @__PURE__ */ template(`<div style="position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity 100ms ease-out;will-change:opacity;contain:strict;transform:translateZ(0)">`);
     ReactGrabRenderer = (props) => {
       return [createComponent(OverlayCanvas, {
@@ -10533,6 +10796,9 @@ var init_renderer = __esm({
           get componentName() {
             return instance().componentName;
           },
+          get elementsCount() {
+            return instance().elementsCount;
+          },
           get selectionBounds() {
             return instance().bounds;
           },
@@ -10562,7 +10828,12 @@ var init_renderer = __esm({
             return instance().hideArrow;
           },
           get onShowContextMenu() {
-            return (instance().status === "copied" || instance().status === "fading") && instance().element && (document.body ?? document.documentElement).contains(instance().element) ? () => props.onShowContextMenuInstance?.(instance().id) : void 0;
+            const currentInstance = instance();
+            const hasCompletedStatus = currentInstance.status === "copied" || currentInstance.status === "fading";
+            if (!hasCompletedStatus || !isElementConnected(currentInstance.element)) {
+              return void 0;
+            }
+            return () => props.onShowContextMenuInstance?.(currentInstance.id);
           },
           onHoverChange: (isHovered) => props.onLabelInstanceHoverChange?.(instance().id, isHovered)
         })
@@ -10608,17 +10879,23 @@ var init_renderer = __esm({
             get onContainerRef() {
               return props.onToolbarRef;
             },
-            get recentItemCount() {
-              return props.recentItemCount;
+            get historyItemCount() {
+              return props.historyItemCount;
+            },
+            get hasUnreadHistoryItems() {
+              return props.hasUnreadHistoryItems;
             },
-            get hasUnreadRecentItems() {
-              return props.hasUnreadRecentItems;
+            get onToggleHistory() {
+              return props.onToggleHistory;
             },
-            get onToggleRecent() {
-              return props.onToggleRecent;
+            get onHistoryButtonHover() {
+              return props.onHistoryButtonHover;
             },
-            get onRecentButtonHover() {
-              return props.onRecentButtonHover;
+            get isHistoryDropdownOpen() {
+              return Boolean(props.historyDropdownPosition);
+            },
+            get isHistoryPinned() {
+              return props.isHistoryPinned;
             }
           });
         }
@@ -10652,36 +10929,42 @@ var init_renderer = __esm({
           return props.onContextMenuHide ?? (() => {
           });
         }
-      }), createComponent(RecentDropdown, {
+      }), createComponent(HistoryDropdown, {
         get position() {
-          return props.recentDropdownPosition ?? null;
+          return props.historyDropdownPosition ?? null;
         },
         get items() {
-          return props.recentItems ?? [];
+          return props.historyItems ?? [];
+        },
+        get disconnectedItemIds() {
+          return props.historyDisconnectedItemIds;
         },
         get onSelectItem() {
-          return props.onRecentItemSelect;
+          return props.onHistoryItemSelect;
         },
         get onRemoveItem() {
-          return props.onRecentItemRemove;
+          return props.onHistoryItemRemove;
         },
         get onCopyItem() {
-          return props.onRecentItemCopy;
+          return props.onHistoryItemCopy;
         },
         get onItemHover() {
-          return props.onRecentItemHover;
+          return props.onHistoryItemHover;
         },
         get onCopyAll() {
-          return props.onRecentCopyAll;
+          return props.onHistoryCopyAll;
         },
         get onCopyAllHover() {
-          return props.onRecentCopyAllHover;
+          return props.onHistoryCopyAllHover;
         },
         get onClearAll() {
-          return props.onRecentClear;
+          return props.onHistoryClear;
         },
         get onDismiss() {
-          return props.onRecentDismiss;
+          return props.onHistoryDismiss;
+        },
+        get onDropdownHover() {
+          return props.onHistoryDropdownHover;
         }
       })];
     };
@@ -11373,8 +11656,17 @@ var init_is_capitalized = __esm({
   }
 });
 
+// src/utils/truncate-string.ts
+var truncateString;
+var init_truncate_string = __esm({
+  "src/utils/truncate-string.ts"() {
+    "use strict";
+    truncateString = (text, maxLength) => text.length > maxLength ? `${text.slice(0, maxLength)}...` : text;
+  }
+});
+
 // src/core/context.ts
-var NEXT_INTERNAL_COMPONENT_NAMES, REACT_INTERNAL_COMPONENT_NAMES, checkIsNextProject, checkIsInternalComponentName, checkIsSourceComponentName, stackCache, fetchStackForElement, getStack, getNearestComponentName, isUsefulComponentName, getComponentDisplayName, hasSourceFiles, getComponentNamesFromFiber, getElementContext, getFallbackContext, truncateAttrValue, formatPriorityAttrs, getHTMLPreview;
+var NEXT_INTERNAL_COMPONENT_NAMES, REACT_INTERNAL_COMPONENT_NAMES, checkIsNextProject, checkIsInternalComponentName, checkIsSourceComponentName, stackCache, fetchStackForElement, getStack, getNearestComponentName, resolveSourceFromStack, isUsefulComponentName, getComponentDisplayName, hasSourceFiles, getComponentNamesFromFiber, getElementContext, getFallbackContext, truncateAttrValue, formatPriorityAttrs, getHTMLPreview;
 var init_context = __esm({
   "src/core/context.ts"() {
     "use strict";
@@ -11383,6 +11675,7 @@ var init_context = __esm({
     init_dist();
     init_constants();
     init_get_tag_name();
+    init_truncate_string();
     NEXT_INTERNAL_COMPONENT_NAMES = /* @__PURE__ */ new Set([
       "InnerLayoutRouter",
       "RedirectErrorBoundary",
@@ -11466,6 +11759,19 @@ var init_context = __esm({
       }
       return null;
     };
+    resolveSourceFromStack = (stack) => {
+      if (!stack || stack.length === 0) return null;
+      for (const frame of stack) {
+        if (frame.fileName && Pe2(frame.fileName)) {
+          return {
+            filePath: Ne2(frame.fileName),
+            lineNumber: frame.lineNumber,
+            componentName: frame.functionName && checkIsSourceComponentName(frame.functionName) ? frame.functionName : null
+          };
+        }
+      }
+      return null;
+    };
     isUsefulComponentName = (name) => {
       if (!name) return false;
       if (checkIsInternalComponentName(name)) return false;
@@ -11574,7 +11880,7 @@ var init_context = __esm({
       for (const { name, value } of element.attributes) {
         attrsText += ` ${name}="${value}"`;
       }
-      const truncatedText = text.length > 100 ? `${text.slice(0, 100)}...` : text;
+      const truncatedText = truncateString(text, PREVIEW_TEXT_MAX_LENGTH);
       if (truncatedText.length > 0) {
         return `<${tagName}${attrsText}>
   ${truncatedText}
@@ -11582,7 +11888,7 @@ var init_context = __esm({
       }
       return `<${tagName}${attrsText} />`;
     };
-    truncateAttrValue = (value) => value.length > PREVIEW_ATTR_VALUE_MAX_LENGTH ? `${value.slice(0, PREVIEW_ATTR_VALUE_MAX_LENGTH)}...` : value;
+    truncateAttrValue = (value) => truncateString(value, PREVIEW_ATTR_VALUE_MAX_LENGTH);
     formatPriorityAttrs = (element, options = {}) => {
       const { truncate = true, maxAttrs = PREVIEW_MAX_ATTRS } = options;
       const priorityAttrs = [];
@@ -11628,7 +11934,7 @@ var init_context = __esm({
       const formatElements = (elements) => {
         if (elements.length === 0) return "";
         if (elements.length <= 2) {
-          return elements.map((el) => `<${getTagName(el)} ...>`).join("\n  ");
+          return elements.map((childElement) => `<${getTagName(childElement)} ...>`).join("\n  ");
         }
         return `(${elements.length} elements)`;
       };
@@ -11637,9 +11943,8 @@ var init_context = __esm({
       if (topElementsStr) content += `
   ${topElementsStr}`;
       if (text.length > 0) {
-        const truncatedText = text.length > 100 ? `${text.slice(0, 100)}...` : text;
         content += `
-  ${truncatedText}`;
+  ${truncateString(text, PREVIEW_TEXT_MAX_LENGTH)}`;
       }
       const bottomElementsStr = formatElements(bottomElements);
       if (bottomElementsStr) content += `
@@ -11671,6 +11976,7 @@ var init_noop_api = __esm({
           targetElement: null,
           dragBounds: null,
           grabbedBoxes: [],
+          labelInstances: [],
           selectionFilePath: null,
           toolbarState: null
         };
@@ -11821,14 +12127,23 @@ ${content}`)
       };
     };
     copyContent = (content, options) => {
-      const elementName = options?.name ?? "div";
+      const elementName = options?.componentName ?? "div";
       const { plainText, htmlContent, lexicalData } = createClipboardData(
         content,
         elementName
       );
+      const entries = options?.entries ?? [
+        {
+          tagName: options?.tagName,
+          componentName: elementName,
+          content,
+          commentText: options?.commentText
+        }
+      ];
       const reactGrabMetadata = {
         version: VERSION,
         content,
+        entries,
         timestamp: Date.now()
       };
       const copyHandler = (event) => {
@@ -11908,6 +12223,7 @@ var init_copy = __esm({
       await hooks.onBeforeCopy(elements);
       try {
         let generatedContent;
+        let entries;
         if (options.getContent) {
           generatedContent = await options.getContent(elements);
         } else {
@@ -11919,8 +12235,14 @@ var init_copy = __esm({
               (snippet, index) => snippet.trim() ? hooks.transformSnippet(snippet, elements[index]) : Promise.resolve("")
             )
           );
-          const nonEmptySnippets = transformedSnippets.filter((s3) => s3.trim());
-          generatedContent = joinSnippets(nonEmptySnippets);
+          const snippetElementPairs = transformedSnippets.map((snippet, index) => ({ snippet, element: elements[index] })).filter(({ snippet }) => snippet.trim());
+          generatedContent = joinSnippets(
+            snippetElementPairs.map(({ snippet }) => snippet)
+          );
+          entries = snippetElementPairs.map(({ snippet, element }) => ({
+            tagName: element.localName,
+            content: snippet
+          }));
         }
         if (generatedContent.trim()) {
           const transformedContent = await hooks.transformCopyContent(
@@ -11930,7 +12252,10 @@ var init_copy = __esm({
           copiedContent = extraPrompt ? `${extraPrompt}
 
 ${transformedContent}` : transformedContent;
-          didCopy = copyContent(copiedContent, { name: options.componentName });
+          didCopy = copyContent(copiedContent, {
+            componentName: options.componentName,
+            entries
+          });
         }
       } catch (error) {
         const resolvedError = error instanceof Error ? error : new Error(String(error));
@@ -12531,7 +12856,7 @@ var init_delay = __esm({
 });
 
 // src/core/theme.ts
-var DEFAULT_THEME, mergeThemeWithBase, deepMergeTheme;
+var DEFAULT_THEME, deepMergeTheme;
 var init_theme = __esm({
   "src/core/theme.ts"() {
     "use strict";
@@ -12557,7 +12882,7 @@ var init_theme = __esm({
         enabled: true
       }
     };
-    mergeThemeWithBase = (baseTheme, partialTheme) => ({
+    deepMergeTheme = (baseTheme, partialTheme) => ({
       enabled: partialTheme.enabled ?? baseTheme.enabled,
       hue: partialTheme.hue ?? baseTheme.hue,
       selectionBox: {
@@ -12579,7 +12904,6 @@ var init_theme = __esm({
         enabled: partialTheme.toolbar?.enabled ?? baseTheme.toolbar.enabled
       }
     });
-    deepMergeTheme = mergeThemeWithBase;
   }
 });
 
@@ -12643,15 +12967,7 @@ var init_plugin_registry = __esm({
         if (plugins.has(plugin.name)) {
           unregister(plugin.name);
         }
-        let config;
-        if (plugin.setup) {
-          const setupResult = plugin.setup(
-            api
-          );
-          config = setupResult ?? {};
-        } else {
-          config = {};
-        }
+        const config = plugin.setup?.(api) ?? {};
         if (plugin.theme) {
           config.theme = config.theme ? deepMergeTheme(
             deepMergeTheme(DEFAULT_THEME, plugin.theme),
@@ -12773,10 +13089,11 @@ var init_plugin_registry = __esm({
 });
 
 // src/core/agent/session.ts
-var STORAGE_KEY2, generateSessionId, createSession, memorySessions, saveSessions, saveSessionById, loadSessions, clearSessions, clearSessionById, updateSession;
+var STORAGE_KEY2, generateSessionId, createSession, memorySessions, evictOldestMemorySessions, saveSessions, saveSessionById, loadSessions, clearSessions, clearSessionById, updateSession;
 var init_session = __esm({
   "src/core/agent/session.ts"() {
     "use strict";
+    init_constants();
     STORAGE_KEY2 = "react-grab:agent-sessions";
     generateSessionId = () => `session-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
     createSession = (context, position, selectionBounds, tagName, componentName) => {
@@ -12795,10 +13112,19 @@ var init_session = __esm({
       };
     };
     memorySessions = /* @__PURE__ */ new Map();
+    evictOldestMemorySessions = () => {
+      while (memorySessions.size > MAX_MEMORY_SESSIONS) {
+        const oldestKey = memorySessions.keys().next().value;
+        if (oldestKey !== void 0) {
+          memorySessions.delete(oldestKey);
+        }
+      }
+    };
     saveSessions = (sessions, storage) => {
       if (!storage) {
         memorySessions.clear();
         sessions.forEach((session, id) => memorySessions.set(id, session));
+        evictOldestMemorySessions();
         return;
       }
       try {
@@ -12807,6 +13133,7 @@ var init_session = __esm({
       } catch {
         memorySessions.clear();
         sessions.forEach((session, id) => memorySessions.set(id, session));
+        evictOldestMemorySessions();
       }
     };
     saveSessionById = (session, storage) => {
@@ -12893,12 +13220,14 @@ var init_manager = __esm({
         return agentOptions;
       };
       const isProcessing = () => Array.from(sessions().values()).some((session) => session.isStreaming);
-      const executeSessionStream = async (session, streamIterator, activeAgent) => {
+      const executeSessionStream = async (session, streamIterator, abortController, activeAgent) => {
         const effectiveAgent = activeAgent ?? agentOptions;
         const storage = effectiveAgent?.storage;
         let wasAborted = false;
+        const isCurrentExecution = () => abortControllers.get(session.id) === abortController;
         try {
           for await (const status of streamIterator) {
+            if (!isCurrentExecution()) break;
             const currentSessions = sessions();
             const currentSession = currentSessions.get(session.id);
             if (!currentSession) break;
@@ -12910,6 +13239,7 @@ var init_manager = __esm({
             setSessions((prev) => new Map(prev).set(session.id, updatedSession));
             effectiveAgent?.onStatus?.(status, updatedSession);
           }
+          if (!isCurrentExecution()) return;
           const finalSessions = sessions();
           const finalSession = finalSessions.get(session.id);
           if (finalSession) {
@@ -12951,6 +13281,7 @@ var init_manager = __esm({
             }
           }
         } catch (error) {
+          if (!isCurrentExecution()) return;
           const currentSessions = sessions();
           const currentSession = currentSessions.get(session.id);
           if (error instanceof Error && error.name === "AbortError") {
@@ -12977,8 +13308,16 @@ var init_manager = __esm({
             }
           }
         } finally {
+          if (!isCurrentExecution()) {
+            return;
+          }
           abortControllers.delete(session.id);
           if (wasAborted) {
+            const dismissTimeout = dismissTimeouts.get(session.id);
+            if (dismissTimeout) {
+              clearTimeout(dismissTimeout);
+              dismissTimeouts.delete(session.id);
+            }
             sessionMetadata.delete(session.id);
             clearSessionById(session.id, storage);
             setSessions((prev) => {
@@ -13030,6 +13369,11 @@ var init_manager = __esm({
           clearSessions(storage);
           return;
         }
+        dismissTimeouts.forEach((timeoutId) => clearTimeout(timeoutId));
+        dismissTimeouts.clear();
+        abortControllers.forEach((controller) => controller.abort());
+        abortControllers.clear();
+        sessionMetadata.clear();
         const resumableSessionsMap = new Map(
           resumableSessions.map((session) => [session.id, session])
         );
@@ -13064,7 +13408,11 @@ var init_manager = __esm({
             abortController.signal,
             storage
           );
-          void executeSessionStream(existingSession, streamIterator);
+          void executeSessionStream(
+            existingSession,
+            streamIterator,
+            abortController
+          );
         }
       };
       const startSession = async (params) => {
@@ -13143,7 +13491,12 @@ var init_manager = __esm({
           transformedContext,
           abortController.signal
         );
-        void executeSessionStream(session, streamIterator, activeAgent);
+        void executeSessionStream(
+          session,
+          streamIterator,
+          abortController,
+          activeAgent
+        );
       };
       const abort = (sessionId) => {
         if (sessionId) {
@@ -13185,6 +13538,11 @@ var init_manager = __esm({
         if (existingTimeout) clearTimeout(existingTimeout);
         const timeoutId = setTimeout(() => {
           dismissTimeouts.delete(sessionId);
+          const controller = abortControllers.get(sessionId);
+          if (controller) {
+            controller.abort();
+            abortControllers.delete(sessionId);
+          }
           sessionMetadata.delete(sessionId);
           clearSessionById(sessionId, activeAgent?.storage);
           setSessions((prev) => {
@@ -13299,7 +13657,12 @@ var init_manager = __esm({
           contextWithSessionId,
           abortController.signal
         );
-        void executeSessionStream(retriedSession, streamIterator, activeAgent);
+        void executeSessionStream(
+          retriedSession,
+          streamIterator,
+          abortController,
+          activeAgent
+        );
       };
       const updateSessionBoundsOnViewportChange = () => {
         const currentSessions = sessions();
@@ -13385,6 +13748,7 @@ var createArrowNavigator;
 var init_arrow_navigation = __esm({
   "src/core/arrow-navigation.ts"() {
     "use strict";
+    init_constants();
     init_get_element_at_position();
     init_is_element_connected();
     createArrowNavigator = (isValidGrabbableElement2, createElementBounds2) => {
@@ -13403,6 +13767,11 @@ var init_arrow_navigation = __esm({
         const nextElement = findVerticalNext(currentElement, 1);
         if (nextElement) {
           navigationHistory.push(currentElement);
+          if (navigationHistory.length > MAX_ARROW_NAVIGATION_HISTORY) {
+            navigationHistory = navigationHistory.slice(
+              -MAX_ARROW_NAVIGATION_HISTORY
+            );
+          }
         }
         return nextElement;
       };
@@ -13478,12 +13847,12 @@ var init_arrow_navigation = __esm({
             return null;
         }
       };
-      const clearHistory = () => {
+      const clearHistory2 = () => {
         navigationHistory = [];
       };
       return {
         findNext,
-        clearHistory
+        clearHistory: clearHistory2
       };
     };
   }
@@ -13496,13 +13865,10 @@ var init_keyboard_handlers = __esm({
     "use strict";
     init_parse_activation_key();
     getRequiredModifiers = (options) => {
-      const modifiers = getModifiersFromActivationKey(options.activationKey);
-      return {
-        metaKey: modifiers.metaKey,
-        ctrlKey: modifiers.ctrlKey,
-        shiftKey: modifiers.shiftKey,
-        altKey: modifiers.altKey
-      };
+      const { metaKey, ctrlKey, shiftKey, altKey } = getModifiersFromActivationKey(
+        options.activationKey
+      );
+      return { metaKey, ctrlKey, shiftKey, altKey };
     };
     setupKeyboardEventClaimer = () => {
       const claimedEvents = /* @__PURE__ */ new WeakSet();
@@ -13618,7 +13984,7 @@ var init_log_intro = __esm({
     init_is_extension_context();
     logIntro = () => {
       try {
-        const version = "0.1.14";
+        const version = "0.1.16";
         const logoDataUri = `data:image/svg+xml;base64,${btoa(LOGO_SVG)}`;
         console.log(
           `%cReact Grab${version ? ` v${version}` : ""}%c
@@ -13635,7 +14001,7 @@ https://react-grab.com`,
               priority: "low",
               cache: "no-store"
             }
-          ).then((res) => res.text()).then((latestVersion) => {
+          ).then((response) => response.text()).then((latestVersion) => {
             if (latestVersion && latestVersion !== version) {
               console.warn(
                 `[React Grab] v${version} is outdated (latest: v${latestVersion})`
@@ -13774,6 +14140,7 @@ var copyHtmlPlugin;
 var init_copy_html = __esm({
   "src/core/plugins/copy-html.ts"() {
     "use strict";
+    init_copy_content();
     copyHtmlPlugin = {
       name: "copy-html",
       actions: [
@@ -13791,8 +14158,7 @@ var init_copy_html = __esm({
                 context.elements
               );
               if (!transformedHtml) return false;
-              await navigator.clipboard.writeText(transformedHtml);
-              return true;
+              return copyContent(transformedHtml);
             });
           }
         }
@@ -13860,18 +14226,23 @@ var init_comment = __esm({
   }
 });
 
-// src/utils/recent-storage.ts
-var SESSION_STORAGE_KEY, loadFromSessionStorage, saveToSessionStorage, recentItems, generateRecentItemId, loadRecent, addRecentItem, removeRecentItem, clearRecent;
-var init_recent_storage = __esm({
-  "src/utils/recent-storage.ts"() {
+// src/utils/history-storage.ts
+var SESSION_STORAGE_KEY, loadFromSessionStorage, saveToSessionStorage, historyItems, generateHistoryItemId, loadHistory, addHistoryItem, removeHistoryItem, clearHistory;
+var init_history_storage = __esm({
+  "src/utils/history-storage.ts"() {
     "use strict";
     init_constants();
-    SESSION_STORAGE_KEY = "react-grab-recent-items";
+    SESSION_STORAGE_KEY = "react-grab-history-items";
     loadFromSessionStorage = () => {
       try {
-        const serializedRecentItems = sessionStorage.getItem(SESSION_STORAGE_KEY);
-        if (!serializedRecentItems) return [];
-        return JSON.parse(serializedRecentItems);
+        const serializedHistoryItems = sessionStorage.getItem(SESSION_STORAGE_KEY);
+        if (!serializedHistoryItems) return [];
+        const parsedHistoryItems = JSON.parse(serializedHistoryItems);
+        return parsedHistoryItems.map((historyItem) => ({
+          ...historyItem,
+          elementsCount: Math.max(1, historyItem.elementsCount ?? 1),
+          previewBounds: historyItem.previewBounds ?? []
+        }));
       } catch {
         return [];
       }
@@ -13882,27 +14253,27 @@ var init_recent_storage = __esm({
       } catch {
       }
     };
-    recentItems = loadFromSessionStorage();
-    generateRecentItemId = () => `recent-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
-    loadRecent = () => recentItems;
-    addRecentItem = (item) => {
+    historyItems = loadFromSessionStorage();
+    generateHistoryItemId = () => `history-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+    loadHistory = () => historyItems;
+    addHistoryItem = (item) => {
       const newItem = {
         ...item,
-        id: generateRecentItemId()
+        id: generateHistoryItemId()
       };
-      recentItems = [newItem, ...recentItems].slice(0, MAX_RECENT_ITEMS);
-      saveToSessionStorage(recentItems);
-      return recentItems;
+      historyItems = [newItem, ...historyItems].slice(0, MAX_HISTORY_ITEMS);
+      saveToSessionStorage(historyItems);
+      return historyItems;
     };
-    removeRecentItem = (itemId) => {
-      recentItems = recentItems.filter((item) => item.id !== itemId);
-      saveToSessionStorage(recentItems);
-      return recentItems;
+    removeHistoryItem = (itemId) => {
+      historyItems = historyItems.filter((item) => item.id !== itemId);
+      saveToSessionStorage(historyItems);
+      return historyItems;
     };
-    clearRecent = () => {
-      recentItems = [];
-      saveToSessionStorage(recentItems);
-      return recentItems;
+    clearHistory = () => {
+      historyItems = [];
+      saveToSessionStorage(historyItems);
+      return historyItems;
     };
   }
 });
@@ -13976,7 +14347,7 @@ var init_core = __esm({
     init_freeze_animations();
     init_freeze_pseudo_states();
     init_freeze_updates();
-    init_recent_storage();
+    init_history_storage();
     init_copy_content();
     init_join_snippets();
     init_context();
@@ -14054,13 +14425,42 @@ var init_core = __esm({
         const [toolbarShakeCount, setToolbarShakeCount] = createSignal(0);
         const [currentToolbarState, setCurrentToolbarState] = createSignal(savedToolbarState);
         const [isToolbarSelectHovered, setIsToolbarSelectHovered] = createSignal(false);
-        const [recentItems2, setRecentItems] = createSignal(loadRecent());
-        const [recentDropdownPosition, setRecentDropdownPosition] = createSignal(null);
+        const [historyItems2, setHistoryItems] = createSignal(loadHistory());
+        const [historyDropdownPosition, setHistoryDropdownPosition] = createSignal(null);
         let toolbarElement;
-        let recentPositionFrameId = null;
-        const recentElementMap = /* @__PURE__ */ new Map();
-        const [hasUnreadRecentItems, setHasUnreadRecentItems] = createSignal(false);
-        let recentHoverPreviews = [];
+        let historyPositionFrameId = null;
+        const historyElementMap = /* @__PURE__ */ new Map();
+        const [hasUnreadHistoryItems, setHasUnreadHistoryItems] = createSignal(false);
+        const [isHistoryHoverOpen, setIsHistoryHoverOpen] = createSignal(false);
+        let historyHoverPreviews = [];
+        const getMappedHistoryElements = (historyItemId) => historyElementMap.get(historyItemId) ?? [];
+        const getConnectedHistoryElements = (historyItemId) => getMappedHistoryElements(historyItemId).filter((mappedElement) => isElementConnected(mappedElement));
+        const getFirstConnectedHistoryElement = (historyItemId) => getConnectedHistoryElements(historyItemId)[0];
+        const getHistoryPreviewBounds = (historyItem) => {
+          const connectedElements = getConnectedHistoryElements(historyItem.id);
+          if (connectedElements.length > 0) {
+            return connectedElements.map((element) => createElementBounds(element));
+          }
+          return historyItem.previewBounds ?? [];
+        };
+        const historyDisconnectedItemIds = createMemo(() => {
+          void historyDropdownPosition();
+          const disconnectedIds = /* @__PURE__ */ new Set();
+          for (const item of historyItems2()) {
+            if (getConnectedHistoryElements(item.id).length === 0) {
+              disconnectedIds.add(item.id);
+            }
+          }
+          return disconnectedIds;
+        }, void 0, {
+          equals: (prev, next) => {
+            if (prev.size !== next.size) return false;
+            for (const id of next) {
+              if (!prev.has(id)) return false;
+            }
+            return true;
+          }
+        });
         const pendingAbortSessionId = createMemo(() => store.pendingAbortSessionId);
         const hasAgentProvider = createMemo(() => store.hasAgentProvider);
         const clearHoldTimer = () => {
@@ -14104,18 +14504,15 @@ var init_core = __esm({
           }, FEEDBACK_DURATION_MS);
           onCleanup(() => clearTimeout(timerId));
         });
-        let previouslyHoldingKeys = false;
-        createEffect(() => {
-          const currentlyHolding = isHoldingKeys();
-          const currentlyActive = isActivated();
-          if (previouslyHoldingKeys && !currentlyHolding && currentlyActive) {
-            if (pluginRegistry.store.options.activationMode !== "hold") {
-              actions.setWasActivatedByToggle(true);
-            }
-            pluginRegistry.hooks.onActivate();
+        createEffect(on(isHoldingKeys, (currentlyHolding, previouslyHolding = false) => {
+          if (!previouslyHolding || currentlyHolding || !isActivated()) {
+            return;
           }
-          previouslyHoldingKeys = currentlyHolding;
-        });
+          if (pluginRegistry.store.options.activationMode !== "hold") {
+            actions.setWasActivatedByToggle(true);
+          }
+          pluginRegistry.hooks.onActivate();
+        }));
         const preparePromptMode = (element, positionX, positionY) => {
           setCopyStartPosition(element, positionX, positionY);
           actions.clearInputText();
@@ -14217,7 +14614,7 @@ var init_core = __esm({
             if (!componentName) {
               componentName = getComponentDisplayName(element);
             }
-            const textContent = element instanceof HTMLElement ? element.innerText?.slice(0, 100) : void 0;
+            const textContent = element instanceof HTMLElement ? element.innerText?.slice(0, PREVIEW_TEXT_MAX_LENGTH) : void 0;
             return {
               tagName: getTagName(element),
               id: element.id || void 0,
@@ -14260,9 +14657,6 @@ var init_core = __esm({
           actions.addLabelInstance(instance);
           return instanceId;
         };
-        const updateLabelInstance = (instanceId, status, errorMessage) => {
-          actions.updateLabelInstance(instanceId, status, errorMessage);
-        };
         const removeLabelInstance = (instanceId) => {
           labelFadeTimeouts.delete(instanceId);
           actions.removeLabelInstance(instanceId);
@@ -14279,7 +14673,7 @@ var init_core = __esm({
           cancelLabelFade(instanceId);
           const timeoutId = window.setTimeout(() => {
             labelFadeTimeouts.delete(instanceId);
-            updateLabelInstance(instanceId, "fading");
+            actions.updateLabelInstance(instanceId, "fading");
             setTimeout(() => {
               removeLabelInstance(instanceId);
             }, FADE_COMPLETE_BUFFER_MS);
@@ -14307,7 +14701,7 @@ var init_core = __esm({
           await operation().finally(() => {
             actions.completeCopy(element);
             if (instanceId) {
-              updateLabelInstance(instanceId, "copied");
+              actions.updateLabelInstance(instanceId, "copied");
               scheduleLabelFade(instanceId);
             }
             if (shouldDeactivateAfter) {
@@ -14341,41 +14735,44 @@ var init_core = __esm({
             onAfterCopy: pluginRegistry.hooks.onAfterCopy,
             onCopySuccess: (copiedElements, content) => {
               pluginRegistry.hooks.onCopySuccess(copiedElements, content);
-              const primaryElement = copiedElements[0];
+              const hasCopiedElements = copiedElements.length > 0;
               const isComment = Boolean(extraPrompt);
-              if (primaryElement) {
-                const currentItems = recentItems2();
-                for (const [existingItemId, mappedElement] of recentElementMap.entries()) {
-                  if (mappedElement !== primaryElement) continue;
+              if (hasCopiedElements) {
+                const currentItems = historyItems2();
+                for (const [existingItemId, mappedElements] of historyElementMap.entries()) {
+                  const isSameSelection = mappedElements.length === copiedElements.length && mappedElements.every((element, index) => element === copiedElements[index]);
+                  if (!isSameSelection) continue;
                   const existingItem = currentItems.find((item) => item.id === existingItemId);
                   if (!existingItem) continue;
                   const shouldDedup = isComment ? existingItem.isComment && existingItem.commentText === extraPrompt : !existingItem.isComment;
                   if (shouldDedup) {
-                    removeRecentItem(existingItemId);
-                    recentElementMap.delete(existingItemId);
+                    removeHistoryItem(existingItemId);
+                    historyElementMap.delete(existingItemId);
                     break;
                   }
                 }
               }
-              const updatedRecentItems = addRecentItem({
+              const updatedHistoryItems = addHistoryItem({
                 content,
                 elementName: elementName ?? "element",
                 tagName: tagName ?? "div",
                 componentName: componentName ?? void 0,
+                elementsCount: copiedElements.length,
+                previewBounds: copiedElements.map((element) => createElementBounds(element)),
                 isComment,
                 commentText: extraPrompt ?? void 0,
                 timestamp: Date.now()
               });
-              setRecentItems(updatedRecentItems);
-              setHasUnreadRecentItems(true);
-              const newestRecentItem = updatedRecentItems[0];
-              if (newestRecentItem && primaryElement) {
-                recentElementMap.set(newestRecentItem.id, primaryElement);
+              setHistoryItems(updatedHistoryItems);
+              setHasUnreadHistoryItems(true);
+              const newestHistoryItem = updatedHistoryItems[0];
+              if (newestHistoryItem && hasCopiedElements) {
+                historyElementMap.set(newestHistoryItem.id, [...copiedElements]);
               }
-              const currentItemIds = new Set(updatedRecentItems.map((item) => item.id));
-              for (const mapItemId of recentElementMap.keys()) {
+              const currentItemIds = new Set(updatedHistoryItems.map((item) => item.id));
+              for (const mapItemId of historyElementMap.keys()) {
                 if (!currentItemIds.has(mapItemId)) {
-                  recentElementMap.delete(mapItemId);
+                  historyElementMap.delete(mapItemId);
                 }
               }
             },
@@ -14437,9 +14834,10 @@ var init_core = __esm({
           }, BOUNDS_RECALC_INTERVAL_MS);
           onCleanup(() => clearInterval(intervalId));
         });
-        createEffect(on(() => effectiveElement(), (element) => {
+        createEffect(on(effectiveElement, (element) => {
           if (componentNameDebounceTimerId !== null) {
             clearTimeout(componentNameDebounceTimerId);
+            componentNameDebounceTimerId = null;
           }
           if (!element) {
             setDebouncedElementForComponentName(null);
@@ -14449,13 +14847,13 @@ var init_core = __esm({
             componentNameDebounceTimerId = null;
             setDebouncedElementForComponentName(element);
           }, COMPONENT_NAME_DEBOUNCE_MS);
-          onCleanup(() => {
-            if (componentNameDebounceTimerId !== null) {
-              clearTimeout(componentNameDebounceTimerId);
-              componentNameDebounceTimerId = null;
-            }
-          });
         }));
+        onCleanup(() => {
+          if (componentNameDebounceTimerId !== null) {
+            clearTimeout(componentNameDebounceTimerId);
+            componentNameDebounceTimerId = null;
+          }
+        });
         createEffect(() => {
           const elements = store.frozenElements;
           const cleanup = freezeAnimations(elements);
@@ -14479,7 +14877,7 @@ var init_core = __esm({
         };
         const selectionElement = createMemo(() => getSelectionElement());
         const isSelectionElementVisible = () => {
-          const element = getSelectionElement();
+          const element = selectionElement();
           if (!element) return false;
           if (store.isTouchMode && isDragging()) {
             return isRendererActive();
@@ -14512,7 +14910,7 @@ var init_core = __esm({
             }
             return createFlatOverlayBounds(combineBounds(frozenBounds));
           }
-          const element = getSelectionElement();
+          const element = selectionElement();
           if (!element) return void 0;
           return createElementBounds(element);
         });
@@ -14631,7 +15029,19 @@ var init_core = __esm({
           });
         }));
         createEffect(on(() => store.viewportVersion, () => agentManager._internal.updateBoundsOnViewportChange()));
-        createEffect(on(() => [isActivated(), isDragging(), isCopying(), isPromptMode(), crosshairVisible(), targetElement(), dragBounds(), store.grabbedBoxes, pluginRegistry.store.theme.enabled, pluginRegistry.store.theme.selectionBox.enabled, pluginRegistry.store.theme.dragBox.enabled, isDraggingBeyondThreshold(), effectiveElement(), didJustCopy(), currentToolbarState()], ([active, dragging, copying, inputMode, isCrosshairVisible, target, drag, grabbedBoxes, themeEnabled, selectionBoxEnabled, dragBoxEnabled, draggingBeyondThreshold, effectiveTarget, justCopied, toolbarState]) => {
+        const stateChangeGrabbedBoxes = createMemo(() => store.grabbedBoxes.map((box) => ({
+          id: box.id,
+          bounds: box.bounds,
+          createdAt: box.createdAt
+        })));
+        const stateChangeLabelInstances = createMemo(() => store.labelInstances.map((instance) => ({
+          id: instance.id,
+          status: instance.status,
+          tagName: instance.tagName,
+          componentName: instance.componentName,
+          createdAt: instance.createdAt
+        })));
+        createEffect(on(() => [isActivated(), isDragging(), isCopying(), isPromptMode(), crosshairVisible(), targetElement(), dragBounds(), pluginRegistry.store.theme.enabled, pluginRegistry.store.theme.selectionBox.enabled, pluginRegistry.store.theme.dragBox.enabled, isDraggingBeyondThreshold(), effectiveElement(), didJustCopy(), currentToolbarState(), stateChangeGrabbedBoxes(), stateChangeLabelInstances(), store.selectionFilePath], ([active, dragging, copying, inputMode, isCrosshairVisible, target, drag, themeEnabled, selectionBoxEnabled, dragBoxEnabled, draggingBeyondThreshold, effectiveTarget, justCopied, toolbarState, grabbedBoxes, labelInstances, selectionFilePath]) => {
           const isSelectionBoxVisible = Boolean(themeEnabled && selectionBoxEnabled && active && !copying && !justCopied && !dragging && effectiveTarget != null);
           const isDragBoxVisible = Boolean(themeEnabled && dragBoxEnabled && active && !copying && draggingBeyondThreshold);
           pluginRegistry.hooks.onStateChange({
@@ -14649,12 +15059,9 @@ var init_core = __esm({
               width: drag.width,
               height: drag.height
             } : null,
-            grabbedBoxes: grabbedBoxes.map((box) => ({
-              id: box.id,
-              bounds: box.bounds,
-              createdAt: box.createdAt
-            })),
-            selectionFilePath: store.selectionFilePath,
+            grabbedBoxes,
+            labelInstances,
+            selectionFilePath,
             toolbarState
           });
         }));
@@ -14783,7 +15190,7 @@ var init_core = __esm({
           actions.setInputText(value);
         };
         const handleInputSubmit = () => {
-          actions.setLastCopied(null);
+          actions.clearLastCopied();
           const frozenElements2 = [...store.frozenElements];
           const element = store.frozenElement || targetElement();
           const prompt = isPromptMode() ? store.inputText.trim() : "";
@@ -14792,7 +15199,7 @@ var init_core = __esm({
             return;
           }
           const elements = frozenElements2.length > 0 ? frozenElements2 : element ? [element] : [];
-          const currentSelectionBounds = elements.map((el) => createElementBounds(el));
+          const currentSelectionBounds = elements.map((selectedElement) => createElementBounds(selectedElement));
           const firstBounds = currentSelectionBounds[0];
           const currentX = firstBounds.x + firstBounds.width / 2;
           const currentY = firstBounds.y + firstBounds.height / 2;
@@ -14801,8 +15208,8 @@ var init_core = __esm({
             const currentReplySessionId = store.replySessionId;
             const selectedAgent = store.selectedAgent;
             deactivateRenderer();
-            actions.setReplySessionId(null);
-            actions.clearSelectedAgent();
+            actions.clearReplySessionId();
+            actions.setSelectedAgent(null);
             void agentManager.session.start({
               elements,
               prompt,
@@ -14833,7 +15240,7 @@ var init_core = __esm({
           });
         };
         const handleInputCancel = () => {
-          actions.setLastCopied(null);
+          actions.clearLastCopied();
           if (!isPromptMode()) return;
           const currentInput = store.inputText.trim();
           if (currentInput && !isPendingDismiss()) {
@@ -14931,7 +15338,7 @@ var init_core = __esm({
           };
           saveToolbarState(newState);
           setCurrentToolbarState(newState);
-          toolbarStateChangeCallbacks.forEach((cb) => cb(newState));
+          toolbarStateChangeCallbacks.forEach((callback) => callback(newState));
           if (!newEnabled) {
             if (isHoldingKeys()) {
               actions.release();
@@ -14939,7 +15346,7 @@ var init_core = __esm({
             if (isActivated()) {
               deactivateRenderer();
             }
-            dismissRecentDropdown();
+            dismissHistoryDropdown();
             if (toggleFeedbackTimerId !== null) {
               window.clearTimeout(toggleFeedbackTimerId);
               toggleFeedbackTimerId = null;
@@ -15160,7 +15567,7 @@ var init_core = __esm({
             actions.setPointer(center);
             preparePromptMode(copiedElement, center.x, center.y);
             actions.setFrozenElement(copiedElement);
-            actions.setLastCopied(null);
+            actions.clearLastCopied();
             activatePromptMode();
             if (!isActivated()) {
               activateRenderer();
@@ -15251,7 +15658,7 @@ var init_core = __esm({
             }
             isScreenshotInProgress = false;
             rendererRoot.style.visibility = "";
-            updateLabelInstance(instanceId, didSucceed ? "copied" : "error", didSucceed ? void 0 : errorMessage || "Unknown error");
+            actions.updateLabelInstance(instanceId, didSucceed ? "copied" : "error", didSucceed ? void 0 : errorMessage || "Unknown error");
             scheduleLabelFade(instanceId);
             if (shouldDeactivate) {
               deactivateRenderer();
@@ -15377,9 +15784,13 @@ var init_core = __esm({
             return;
           }
           if (!isTargetKeyCombination(event, pluginRegistry.store.options)) {
-            if (isActivated() && !store.wasActivatedByToggle && (event.metaKey || event.ctrlKey)) {
-              if (!MODIFIER_KEYS.includes(event.key) && !isEnterCode(event.code)) {
+            if ((event.metaKey || event.ctrlKey) && !MODIFIER_KEYS.includes(event.key) && !isEnterCode(event.code)) {
+              if (isActivated() && !store.wasActivatedByToggle) {
                 deactivateRenderer();
+              } else if (isHoldingKeys()) {
+                clearHoldTimer();
+                resetCopyConfirmation();
+                actions.release();
               }
             }
             if (!isEnterCode(event.code) || !isHoldingKeys()) {
@@ -15448,6 +15859,10 @@ var init_core = __esm({
             handleInputCancel();
             return;
           }
+          if (event.key === "Escape" && historyDropdownPosition() !== null) {
+            dismissHistoryDropdown();
+            return;
+          }
           const isFromOverlay = isEventFromOverlay(event, "data-react-grab-ignore-events") && !isEnterToActivateInput;
           if (isPromptMode() || isFromOverlay) {
             if (event.key === "Escape") {
@@ -15632,7 +16047,7 @@ var init_core = __esm({
           actions.setPointer(position);
           actions.freeze();
           actions.showContextMenu(position, element);
-          dismissRecentDropdown();
+          dismissHistoryDropdown();
           pluginRegistry.hooks.onContextMenu(element, position);
         }, {
           capture: true
@@ -15672,6 +16087,13 @@ var init_core = __esm({
             }
           }
         });
+        eventListenerManager.addWindowListener("blur", () => {
+          if (isHoldingKeys()) {
+            clearHoldTimer();
+            actions.release();
+            resetCopyConfirmation();
+          }
+        });
         eventListenerManager.addWindowListener("focus", () => {
           lastWindowFocusTimestamp = Date.now();
         });
@@ -15764,11 +16186,17 @@ var init_core = __esm({
         });
         onCleanup(() => {
           eventListenerManager.abort();
+          if (dragPreviewDebounceTimerId !== null) {
+            window.clearTimeout(dragPreviewDebounceTimerId);
+          }
           if (keydownSpamTimerId) window.clearTimeout(keydownSpamTimerId);
           if (toggleFeedbackTimerId) window.clearTimeout(toggleFeedbackTimerId);
           if (actionCycleIdleTimeoutId) {
             window.clearTimeout(actionCycleIdleTimeoutId);
           }
+          if (historyPositionFrameId !== null) {
+            cancelAnimationFrame(historyPositionFrameId);
+          }
           grabbedBoxTimeouts.forEach((timeoutId) => window.clearTimeout(timeoutId));
           grabbedBoxTimeouts.clear();
           autoScroller.stop();
@@ -15778,16 +16206,21 @@ var init_core = __esm({
           keyboardClaimer.restore();
         });
         const rendererRoot = mountRoot(styles_default);
+        const isThemeEnabled = createMemo(() => pluginRegistry.store.theme.enabled);
+        const isSelectionBoxThemeEnabled = createMemo(() => pluginRegistry.store.theme.selectionBox.enabled);
+        const isElementLabelThemeEnabled = createMemo(() => pluginRegistry.store.theme.elementLabel.enabled);
+        const isDragBoxThemeEnabled = createMemo(() => pluginRegistry.store.theme.dragBox.enabled);
+        const isSelectionSuppressed = createMemo(() => didJustCopy());
+        const hasDragPreviewBounds = createMemo(() => dragPreviewBounds().length > 0);
         const selectionVisible = createMemo(() => {
-          if (!pluginRegistry.store.theme.enabled) return false;
-          if (!pluginRegistry.store.theme.selectionBox.enabled) return false;
-          if (didJustCopy()) return false;
-          const hasDragPreview = dragPreviewBounds().length > 0;
-          if (hasDragPreview) return true;
+          if (!isThemeEnabled()) return false;
+          if (!isSelectionBoxThemeEnabled()) return false;
+          if (isSelectionSuppressed()) return false;
+          if (hasDragPreviewBounds()) return true;
           return isSelectionElementVisible();
         });
         const selectionTagName = createMemo(() => {
-          const element = getSelectionElement();
+          const element = selectionElement();
           if (!element) return void 0;
           return getTagName(element) || void 0;
         });
@@ -15808,13 +16241,13 @@ var init_core = __esm({
         const selectionComponentName = resolvedComponentName;
         const selectionLabelVisible = createMemo(() => {
           if (store.contextMenuPosition !== null) return false;
-          if (!pluginRegistry.store.theme.elementLabel.enabled) return false;
-          if (didJustCopy()) return false;
+          if (!isElementLabelThemeEnabled()) return false;
+          if (isSelectionSuppressed()) return false;
           return isSelectionElementVisible();
         });
         const labelInstanceCache = /* @__PURE__ */ new Map();
         const computedLabelInstances = createMemo(() => {
-          if (!pluginRegistry.store.theme.enabled) return [];
+          if (!isThemeEnabled()) return [];
           if (!pluginRegistry.store.theme.grabbedBoxes.enabled) return [];
           void store.viewportVersion;
           const currentIds = new Set(store.labelInstances.map((i2) => i2.id));
@@ -15846,7 +16279,7 @@ var init_core = __esm({
           });
         });
         const computedGrabbedBoxes = createMemo(() => {
-          if (!pluginRegistry.store.theme.enabled) return [];
+          if (!isThemeEnabled()) return [];
           if (!pluginRegistry.store.theme.grabbedBoxes.enabled) return [];
           void store.viewportVersion;
           return store.grabbedBoxes.map((box) => {
@@ -15859,11 +16292,11 @@ var init_core = __esm({
             };
           });
         });
-        const dragVisible = createMemo(() => pluginRegistry.store.theme.enabled && pluginRegistry.store.theme.dragBox.enabled && isRendererActive() && isDraggingBeyondThreshold());
+        const dragVisible = createMemo(() => isThemeEnabled() && isDragBoxThemeEnabled() && isRendererActive() && isDraggingBeyondThreshold());
         const labelVariant = createMemo(() => isCopying() ? "processing" : "hover");
         const labelVisible = createMemo(() => {
-          if (!pluginRegistry.store.theme.enabled) return false;
-          const themeEnabled = pluginRegistry.store.theme.elementLabel.enabled;
+          if (!isThemeEnabled()) return false;
+          const themeEnabled = isElementLabelThemeEnabled();
           const inPromptMode = isPromptMode();
           const copying = isCopying();
           const rendererActive = isRendererActive();
@@ -15908,16 +16341,7 @@ var init_core = __esm({
         const [contextMenuFilePath] = createResource(() => store.contextMenuElement, async (element) => {
           if (!element) return null;
           const stack = await getStack(element);
-          if (!stack || stack.length === 0) return null;
-          for (const frame of stack) {
-            if (frame.fileName && Pe2(frame.fileName)) {
-              return {
-                filePath: Ne2(frame.fileName),
-                lineNumber: frame.lineNumber
-              };
-            }
-          }
-          return null;
+          return resolveSourceFromStack(stack);
         });
         const createPerformWithFeedback = (element, elements, tagName, componentName, options) => {
           return async (action) => {
@@ -15949,7 +16373,7 @@ var init_core = __esm({
               } catch (error) {
                 errorMessage = error instanceof Error && error.message ? error.message : "Action failed";
               }
-              updateLabelInstance(labelInstanceId, didSucceed ? "copied" : "error", didSucceed ? void 0 : errorMessage || "Unknown error");
+              actions.updateLabelInstance(labelInstanceId, didSucceed ? "copied" : "error", didSucceed ? void 0 : errorMessage || "Unknown error");
               scheduleLabelFade(labelInstanceId);
             } else {
               try {
@@ -15967,7 +16391,7 @@ var init_core = __esm({
         const deferHideContextMenu = () => {
           setTimeout(() => {
             actions.hideContextMenu();
-          }, 0);
+          }, DEFERRED_EXECUTION_DELAY_MS);
         };
         const buildActionContext = (options) => {
           const {
@@ -16000,6 +16424,7 @@ var init_core = __esm({
             if (agent) {
               actions.setSelectedAgent(agent);
             }
+            actions.clearLabelInstances();
             onBeforePrompt?.();
             preparePromptMode(element, position.x, position.y);
             actions.setPointer({
@@ -16068,6 +16493,7 @@ var init_core = __esm({
               if (agent) {
                 actions.setSelectedAgent(agent);
               }
+              actions.clearLabelInstances();
               actions.clearInputText();
               actions.enterPromptMode(position, element);
               deferHideContextMenu();
@@ -16078,54 +16504,64 @@ var init_core = __esm({
           setTimeout(() => {
             actions.hideContextMenu();
             deactivateRenderer();
-          }, 0);
+          }, DEFERRED_EXECUTION_DELAY_MS);
         };
-        const clearRecentHoverPreviews = () => {
+        const clearHistoryHoverPreviews = () => {
           for (const {
             boxId,
             labelId
-          } of recentHoverPreviews) {
+          } of historyHoverPreviews) {
             actions.removeGrabbedBox(boxId);
             if (labelId) {
               actions.removeLabelInstance(labelId);
             }
           }
-          recentHoverPreviews = [];
+          historyHoverPreviews = [];
         };
-        const addRecentItemPreview = (item, element, idPrefix) => {
-          const bounds = createElementBounds(element);
-          const boxId = `${idPrefix}-${item.id}`;
-          actions.addGrabbedBox({
-            id: boxId,
-            bounds,
-            createdAt: 0,
-            element
-          });
-          let labelId = null;
-          if (item.isComment && item.commentText) {
-            labelId = `${idPrefix}-label-${item.id}`;
-            actions.addLabelInstance({
-              id: labelId,
+        const addHistoryItemPreview = (item, previewBounds, previewElements, idPrefix) => {
+          if (previewBounds.length === 0) return;
+          const hasCommentText = item.isComment && item.commentText;
+          for (const [index, bounds] of previewBounds.entries()) {
+            const previewElement = previewElements[index];
+            const boxId = `${idPrefix}-${item.id}-${index}`;
+            actions.addGrabbedBox({
+              id: boxId,
               bounds,
-              tagName: item.tagName,
-              componentName: item.componentName,
-              status: "idle",
-              isPromptMode: true,
-              inputValue: item.commentText,
               createdAt: 0,
-              element,
-              mouseX: bounds.x + bounds.width / 2
+              element: previewElement
+            });
+            let labelId = null;
+            if (index === 0) {
+              labelId = `${idPrefix}-label-${item.id}`;
+              actions.addLabelInstance({
+                id: labelId,
+                bounds,
+                tagName: item.tagName,
+                componentName: item.componentName,
+                elementsCount: item.elementsCount,
+                status: "idle",
+                isPromptMode: Boolean(hasCommentText),
+                inputValue: hasCommentText ? item.commentText : void 0,
+                createdAt: 0,
+                element: previewElement,
+                mouseX: bounds.x + bounds.width / 2
+              });
+            }
+            historyHoverPreviews.push({
+              boxId,
+              labelId
             });
           }
-          recentHoverPreviews.push({
-            boxId,
-            labelId
-          });
+        };
+        const showHistoryItemPreview = (item, idPrefix) => {
+          const previewBounds = getHistoryPreviewBounds(item);
+          const connectedElements = getConnectedHistoryElements(item.id);
+          addHistoryItemPreview(item, previewBounds, connectedElements, idPrefix);
         };
         const stopTrackingToolbarPosition = () => {
-          if (recentPositionFrameId !== null) {
-            cancelAnimationFrame(recentPositionFrameId);
-            recentPositionFrameId = null;
+          if (historyPositionFrameId !== null) {
+            cancelAnimationFrame(historyPositionFrameId);
+            historyPositionFrameId = null;
           }
         };
         const getNearestEdge = (rect) => {
@@ -16156,143 +16592,202 @@ var init_core = __esm({
               anchorX = toolbarRect.left + toolbarRect.width / 2;
               anchorY = edge === "top" ? toolbarRect.bottom : toolbarRect.top;
             }
-            setRecentDropdownPosition({
+            setHistoryDropdownPosition({
               x: anchorX,
               y: anchorY,
               edge,
               toolbarWidth: toolbarRect.width
             });
-            recentPositionFrameId = requestAnimationFrame(updatePosition);
+            historyPositionFrameId = requestAnimationFrame(updatePosition);
           };
-          recentPositionFrameId = requestAnimationFrame(updatePosition);
+          historyPositionFrameId = requestAnimationFrame(updatePosition);
         };
-        const dismissRecentDropdown = () => {
+        const dismissHistoryDropdown = () => {
+          cancelHistoryHoverOpenTimeout();
+          cancelHistoryHoverCloseTimeout();
           stopTrackingToolbarPosition();
-          clearRecentHoverPreviews();
-          setRecentDropdownPosition(null);
+          clearHistoryHoverPreviews();
+          setHistoryDropdownPosition(null);
+          setIsHistoryHoverOpen(false);
+        };
+        const openHistoryDropdown = () => {
+          actions.hideContextMenu();
+          setHistoryItems(loadHistory());
+          setHasUnreadHistoryItems(false);
+          startTrackingToolbarPosition();
+        };
+        let historyHoverOpenTimeoutId = null;
+        let historyHoverCloseTimeoutId = null;
+        const cancelHistoryHoverOpenTimeout = () => {
+          if (historyHoverOpenTimeoutId !== null) {
+            clearTimeout(historyHoverOpenTimeoutId);
+            historyHoverOpenTimeoutId = null;
+          }
+        };
+        const cancelHistoryHoverCloseTimeout = () => {
+          if (historyHoverCloseTimeoutId !== null) {
+            clearTimeout(historyHoverCloseTimeoutId);
+            historyHoverCloseTimeoutId = null;
+          }
         };
-        const handleToggleRecent = () => {
-          const isCurrentlyOpen = recentDropdownPosition() !== null;
+        const handleToggleHistory = () => {
+          cancelHistoryHoverOpenTimeout();
+          cancelHistoryHoverCloseTimeout();
+          const isCurrentlyOpen = historyDropdownPosition() !== null;
           if (isCurrentlyOpen) {
-            dismissRecentDropdown();
+            if (isHistoryHoverOpen()) {
+              clearHistoryHoverPreviews();
+              setIsHistoryHoverOpen(false);
+            } else {
+              dismissHistoryDropdown();
+            }
           } else {
-            clearRecentHoverPreviews();
-            actions.hideContextMenu();
-            setRecentItems(loadRecent());
-            setHasUnreadRecentItems(false);
-            startTrackingToolbarPosition();
+            clearHistoryHoverPreviews();
+            openHistoryDropdown();
           }
         };
-        const copyRecentItemContent = (item) => {
+        const copyHistoryItemContent = (item) => {
           copyContent(item.content, {
-            name: item.elementName
+            tagName: item.tagName,
+            componentName: item.componentName ?? item.elementName,
+            commentText: item.commentText
           });
-          const element = recentElementMap.get(item.id);
-          if (element && isElementConnected(element)) {
+          const element = getFirstConnectedHistoryElement(item.id);
+          if (!element) return;
+          actions.clearLabelInstances();
+          requestAnimationFrame(() => {
+            if (!isElementConnected(element)) return;
             const bounds = createElementBounds(element);
             const instanceId = createLabelInstance(bounds, item.tagName, item.componentName, "copied", {
               element,
               mouseX: bounds.x + bounds.width / 2
             });
             scheduleLabelFade(instanceId);
-          }
+          });
         };
-        const handleRecentItemSelect = (item) => {
-          dismissRecentDropdown();
-          const element = recentElementMap.get(item.id);
-          if (item.isComment && item.commentText) {
-            if (element && isElementConnected(element)) {
-              const bounds = createElementBounds(element);
-              const centerX = bounds.x + bounds.width / 2;
-              const centerY = bounds.y + bounds.height / 2;
-              actions.enterPromptMode({
-                x: centerX,
-                y: centerY
-              }, element);
-              actions.setInputText(item.commentText);
-            } else {
-              copyContent(item.content, {
-                name: item.elementName
-              });
-            }
+        const handleHistoryItemSelect = (item) => {
+          clearHistoryHoverPreviews();
+          if (isPromptMode()) {
+            actions.exitPromptMode();
+            actions.clearInputText();
+          }
+          const element = getFirstConnectedHistoryElement(item.id);
+          if (item.isComment && item.commentText && element) {
+            const bounds = createElementBounds(element);
+            const centerX = bounds.x + bounds.width / 2;
+            const centerY = bounds.y + bounds.height / 2;
+            actions.enterPromptMode({
+              x: centerX,
+              y: centerY
+            }, element);
+            actions.setInputText(item.commentText);
           } else {
-            copyRecentItemContent(item);
+            copyHistoryItemContent(item);
           }
         };
-        const handleRecentItemRemove = (item) => {
-          clearRecentHoverPreviews();
-          recentElementMap.delete(item.id);
-          const updatedRecentItems = removeRecentItem(item.id);
-          setRecentItems(updatedRecentItems);
-          if (updatedRecentItems.length === 0) {
-            setHasUnreadRecentItems(false);
-            dismissRecentDropdown();
+        const handleHistoryItemRemove = (item) => {
+          clearHistoryHoverPreviews();
+          historyElementMap.delete(item.id);
+          const updatedHistoryItems = removeHistoryItem(item.id);
+          setHistoryItems(updatedHistoryItems);
+          if (updatedHistoryItems.length === 0) {
+            setHasUnreadHistoryItems(false);
+            dismissHistoryDropdown();
           }
         };
-        const handleRecentCopyAll = () => {
-          const currentRecentItems = recentItems2();
-          if (currentRecentItems.length === 0) return;
-          const combinedContent = joinSnippets(currentRecentItems.map((recentItem) => recentItem.content));
-          const firstItem = currentRecentItems[0];
+        const handleHistoryCopyAll = () => {
+          clearHistoryHoverPreviews();
+          const currentHistoryItems = historyItems2();
+          if (currentHistoryItems.length === 0) return;
+          const combinedContent = joinSnippets(currentHistoryItems.map((historyItem) => historyItem.content));
+          const firstItem = currentHistoryItems[0];
           copyContent(combinedContent, {
-            name: firstItem.componentName ?? firstItem.tagName
+            componentName: firstItem.componentName ?? firstItem.tagName,
+            entries: currentHistoryItems.map((historyItem) => ({
+              tagName: historyItem.tagName,
+              componentName: historyItem.componentName ?? historyItem.elementName,
+              content: historyItem.content,
+              commentText: historyItem.commentText
+            }))
           });
-          dismissRecentDropdown();
           actions.clearLabelInstances();
-          for (const recentItem of currentRecentItems) {
-            const element = recentElementMap.get(recentItem.id);
-            if (!element || !isElementConnected(element)) continue;
-            const bounds = createElementBounds(element);
-            const labelId = `label-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-            actions.addLabelInstance({
-              id: labelId,
-              bounds,
-              tagName: recentItem.tagName,
-              componentName: recentItem.componentName,
-              status: "copied",
-              createdAt: Date.now(),
-              element,
-              mouseX: bounds.x + bounds.width / 2
+          requestAnimationFrame(() => {
+            batch(() => {
+              for (const historyItem of currentHistoryItems) {
+                const connectedElements = getConnectedHistoryElements(historyItem.id);
+                for (const element of connectedElements) {
+                  const bounds = createElementBounds(element);
+                  const labelId = `label-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+                  actions.addLabelInstance({
+                    id: labelId,
+                    bounds,
+                    tagName: historyItem.tagName,
+                    componentName: historyItem.componentName,
+                    status: "copied",
+                    createdAt: Date.now(),
+                    element,
+                    mouseX: bounds.x + bounds.width / 2
+                  });
+                  scheduleLabelFade(labelId);
+                }
+              }
             });
-            scheduleLabelFade(labelId);
-          }
+          });
         };
-        const handleRecentItemHover = (recentItemId) => {
-          clearRecentHoverPreviews();
-          if (recentItemId) {
-            const item = recentItems2().find((innerItem) => innerItem.id === recentItemId);
-            const element = recentElementMap.get(recentItemId);
-            if (item && element && isElementConnected(element)) {
-              addRecentItemPreview(item, element, "recent-hover");
+        const handleHistoryItemHover = (historyItemId) => {
+          clearHistoryHoverPreviews();
+          if (!historyItemId) return;
+          const item = historyItems2().find((innerItem) => innerItem.id === historyItemId);
+          if (!item) return;
+          showHistoryItemPreview(item, "history-hover");
+        };
+        const handleHistoryButtonHover = (isHovered) => {
+          cancelHistoryHoverOpenTimeout();
+          clearHistoryHoverPreviews();
+          if (isHovered) {
+            cancelHistoryHoverCloseTimeout();
+            if (historyDropdownPosition() === null) {
+              showAllHistoryItemPreviews();
+              historyHoverOpenTimeoutId = setTimeout(() => {
+                historyHoverOpenTimeoutId = null;
+                setIsHistoryHoverOpen(true);
+                openHistoryDropdown();
+              }, DROPDOWN_HOVER_OPEN_DELAY_MS);
             }
+          } else if (isHistoryHoverOpen()) {
+            historyHoverCloseTimeoutId = setTimeout(() => {
+              historyHoverCloseTimeoutId = null;
+              dismissHistoryDropdown();
+            }, DROPDOWN_HOVER_OPEN_DELAY_MS);
           }
         };
-        const handleRecentButtonHover = (isHovered) => {
-          clearRecentHoverPreviews();
-          if (isHovered && recentDropdownPosition() === null) {
-            showAllRecentItemPreviews();
+        const handleHistoryDropdownHover = (isHovered) => {
+          if (isHovered) {
+            cancelHistoryHoverCloseTimeout();
+          } else if (isHistoryHoverOpen()) {
+            historyHoverCloseTimeoutId = setTimeout(() => {
+              historyHoverCloseTimeoutId = null;
+              dismissHistoryDropdown();
+            }, DROPDOWN_HOVER_OPEN_DELAY_MS);
           }
         };
-        const handleRecentCopyAllHover = (isHovered) => {
-          clearRecentHoverPreviews();
+        const handleHistoryCopyAllHover = (isHovered) => {
+          clearHistoryHoverPreviews();
           if (isHovered) {
-            showAllRecentItemPreviews();
+            showAllHistoryItemPreviews();
           }
         };
-        const showAllRecentItemPreviews = () => {
-          for (const item of recentItems2()) {
-            const element = recentElementMap.get(item.id);
-            if (element && isElementConnected(element)) {
-              addRecentItemPreview(item, element, "recent-all-hover");
-            }
+        const showAllHistoryItemPreviews = () => {
+          for (const item of historyItems2()) {
+            showHistoryItemPreview(item, "history-all-hover");
           }
         };
-        const handleRecentClear = () => {
-          recentElementMap.clear();
-          const updatedRecentItems = clearRecent();
-          setRecentItems(updatedRecentItems);
-          setHasUnreadRecentItems(false);
-          dismissRecentDropdown();
+        const handleHistoryClear = () => {
+          historyElementMap.clear();
+          const updatedHistoryItems = clearHistory();
+          setHistoryItems(updatedHistoryItems);
+          setHasUnreadHistoryItems(false);
+          dismissHistoryDropdown();
         };
         const handleShowContextMenuSession = (sessionId) => {
           const session = agentManager.sessions().get(sessionId);
@@ -16309,7 +16804,7 @@ var init_core = __esm({
             actions.setFrozenElement(element);
             actions.freeze();
             actions.showContextMenu(session.position, element);
-          }, 0);
+          }, DEFERRED_EXECUTION_DELAY_MS);
         };
         const handleShowContextMenuInstance = (instanceId) => {
           const instance = store.labelInstances.find((labelInstance) => labelInstance.id === instanceId);
@@ -16334,7 +16829,7 @@ var init_core = __esm({
             }
             actions.freeze();
             actions.showContextMenu(position, instance.element);
-          }, 0);
+          }, DEFERRED_EXECUTION_DELAY_MS);
         };
         createEffect(() => {
           const hue = pluginRegistry.store.theme.hue;
@@ -16481,7 +16976,7 @@ var init_core = __esm({
               },
               onToolbarStateChange: (state) => {
                 setCurrentToolbarState(state);
-                toolbarStateChangeCallbacks.forEach((cb) => cb(state));
+                toolbarStateChangeCallbacks.forEach((callback) => callback(state));
               },
               onSubscribeToToolbarStateChanges: (callback) => {
                 toolbarStateChangeCallbacks.add(callback);
@@ -16516,28 +17011,35 @@ var init_core = __esm({
               },
               onContextMenuDismiss: handleContextMenuDismiss,
               onContextMenuHide: deferHideContextMenu,
-              get recentItems() {
-                return recentItems2();
+              get historyItems() {
+                return historyItems2();
+              },
+              get historyDisconnectedItemIds() {
+                return historyDisconnectedItemIds();
               },
-              get recentItemCount() {
-                return recentItems2().length;
+              get historyItemCount() {
+                return historyItems2().length;
               },
-              get hasUnreadRecentItems() {
-                return hasUnreadRecentItems();
+              get hasUnreadHistoryItems() {
+                return hasUnreadHistoryItems();
               },
-              get recentDropdownPosition() {
-                return recentDropdownPosition();
+              get historyDropdownPosition() {
+                return historyDropdownPosition();
               },
-              onToggleRecent: handleToggleRecent,
-              onRecentButtonHover: handleRecentButtonHover,
-              onRecentItemSelect: handleRecentItemSelect,
-              onRecentItemRemove: handleRecentItemRemove,
-              onRecentItemCopy: copyRecentItemContent,
-              onRecentItemHover: handleRecentItemHover,
-              onRecentCopyAll: handleRecentCopyAll,
-              onRecentCopyAllHover: handleRecentCopyAllHover,
-              onRecentClear: handleRecentClear,
-              onRecentDismiss: dismissRecentDropdown
+              get isHistoryPinned() {
+                return memo(() => historyDropdownPosition() !== null)() && !isHistoryHoverOpen();
+              },
+              onToggleHistory: handleToggleHistory,
+              onHistoryButtonHover: handleHistoryButtonHover,
+              onHistoryItemSelect: handleHistoryItemSelect,
+              onHistoryItemRemove: handleHistoryItemRemove,
+              onHistoryItemCopy: copyHistoryItemContent,
+              onHistoryItemHover: handleHistoryItemHover,
+              onHistoryCopyAll: handleHistoryCopyAll,
+              onHistoryCopyAllHover: handleHistoryCopyAllHover,
+              onHistoryClear: handleHistoryClear,
+              onHistoryDismiss: dismissHistoryDropdown,
+              onHistoryDropdownHover: handleHistoryDropdownHover
             });
           }, rendererRoot);
         }
@@ -16640,7 +17142,7 @@ var init_core = __esm({
             if (state.enabled !== void 0 && state.enabled !== isEnabled()) {
               setIsEnabled(state.enabled);
             }
-            toolbarStateChangeCallbacks.forEach((cb) => cb(newState));
+            toolbarStateChangeCallbacks.forEach((callback) => callback(newState));
           },
           onToolbarStateChange: (callback) => {
             toolbarStateChangeCallbacks.add(callback);
@@ -16650,6 +17152,8 @@ var init_core = __esm({
           },
           dispose: () => {
             hasInited = false;
+            cancelHistoryHoverOpenTimeout();
+            cancelHistoryHoverCloseTimeout();
             stopTrackingToolbarPosition();
             toolbarStateChangeCallbacks.clear();
             dispose2();
@@ -16657,17 +17161,13 @@ var init_core = __esm({
           copyElement: copyElementAPI,
           getSource: async (element) => {
             const stack = await getStack(element);
-            if (!stack) return null;
-            for (const frame of stack) {
-              if (frame.fileName && Pe2(frame.fileName)) {
-                return {
-                  filePath: Ne2(frame.fileName),
-                  lineNumber: frame.lineNumber ?? null,
-                  componentName: frame.functionName && checkIsSourceComponentName(frame.functionName) ? frame.functionName : null
-                };
-              }
-            }
-            return null;
+            const source = resolveSourceFromStack(stack);
+            if (!source) return null;
+            return {
+              filePath: source.filePath,
+              lineNumber: source.lineNumber ?? null,
+              componentName: source.componentName
+            };
           },
           getState: () => ({
             isActive: isActivated(),
@@ -16684,6 +17184,13 @@ var init_core = __esm({
               bounds: box.bounds,
               createdAt: box.createdAt
             })),
+            labelInstances: store.labelInstances.map((instance) => ({
+              id: instance.id,
+              status: instance.status,
+              tagName: instance.tagName,
+              componentName: instance.componentName,
+              createdAt: instance.createdAt
+            })),
             selectionFilePath: store.selectionFilePath,
             toolbarState: currentToolbarState()
           }),