react-grab 0.1.13 → 0.1.14

package/dist/react.js

@@ -1884,7 +1884,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-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--radius-sm:.25rem;--ease-out:cubic-bezier(0,0,.2,1);--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:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-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-\\[17px\\]{height:17px}.h-fit{height:fit-content}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.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-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)}.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-\\[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\\/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}@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-black:hover{color:var(--color-black)}}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:opacity-40:disabled{opacity:.4}@media (hover:hover){.disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}}@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 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-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}}';
   }
 });
 
@@ -2136,11 +2136,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, 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, ACTION_CYCLE_INPUT_THROTTLE_MS, ACTION_CYCLE_SCROLL_THRESHOLD_PX, ACTION_CYCLE_SCROLL_LINE_HEIGHT_PX, ACTION_CYCLE_ACTION_IDS, 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_CENTER_PERCENT, 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, 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, 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 init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
-    VERSION = "0.1.13";
+    VERSION = "0.1.14";
     VIEWPORT_MARGIN_PX = 8;
     OFFSCREEN_POSITION = -1e3;
     SELECTION_LERP_FACTOR = 0.95;
@@ -2150,22 +2150,13 @@ var init_constants = __esm({
     DISMISS_ANIMATION_BUFFER_MS = 50;
     KEYDOWN_SPAM_TIMEOUT_MS = 200;
     BLUR_DEACTIVATION_THRESHOLD_MS = 500;
-    INPUT_FOCUS_ACTIVATION_DELAY_MS = 150;
-    INPUT_TEXT_SELECTION_ACTIVATION_DELAY_MS = 300;
-    DEFAULT_KEY_HOLD_DURATION_MS = 75;
+    WINDOW_REFOCUS_GRACE_PERIOD_MS = 200;
+    INPUT_FOCUS_ACTIVATION_DELAY_MS = 200;
+    INPUT_TEXT_SELECTION_ACTIVATION_DELAY_MS = 400;
+    DEFAULT_KEY_HOLD_DURATION_MS = 100;
     MIN_HOLD_FOR_ACTIVATION_AFTER_COPY_MS = 200;
     RECENT_THRESHOLD_MS = 1e4;
     ACTION_CYCLE_IDLE_TRIGGER_MS = 600;
-    ACTION_CYCLE_INPUT_THROTTLE_MS = 100;
-    ACTION_CYCLE_SCROLL_THRESHOLD_PX = 30;
-    ACTION_CYCLE_SCROLL_LINE_HEIGHT_PX = 16;
-    ACTION_CYCLE_ACTION_IDS = [
-      "copy",
-      "comment",
-      "screenshot",
-      "copy-html",
-      "open"
-    ];
     DRAG_THRESHOLD_PX = 2;
     ELEMENT_DETECTION_THROTTLE_MS = 32;
     COMPONENT_NAME_DEBOUNCE_MS = 100;
@@ -2189,7 +2180,10 @@ var init_constants = __esm({
     FROZEN_GLOW_COLOR = `rgba(${GRAB_PURPLE_RGB}, 0.15)`;
     FROZEN_GLOW_EDGE_PX = 50;
     ARROW_HEIGHT_PX = 8;
+    ARROW_MIN_SIZE_PX = 4;
+    ARROW_MAX_LABEL_WIDTH_RATIO = 0.2;
     ARROW_CENTER_PERCENT = 50;
+    ARROW_LABEL_MARGIN_PX = 16;
     LABEL_GAP_PX = 4;
     PREVIEW_ATTR_VALUE_MAX_LENGTH = 15;
     PREVIEW_MAX_ATTRS = 3;
@@ -2249,6 +2243,12 @@ var init_constants = __esm({
     VISIBILITY_CACHE_TTL_MS = 50;
     ZOOM_DETECTION_THRESHOLD = 0.01;
     MOUNT_ROOT_RECHECK_DELAY_MS = 1e3;
+    MAX_RECENT_ITEMS = 20;
+    DROPDOWN_VIEWPORT_PADDING_PX = 8;
+    DROPDOWN_ANCHOR_GAP_PX = 8;
+    DROPDOWN_ICON_SIZE_PX = 11;
+    DROPDOWN_MIN_WIDTH_PX = 180;
+    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>`;
   }
@@ -2515,6 +2515,7 @@ var init_store2 = __esm({
           setStore("contextMenuElement", null);
           setStore("contextMenuClickOffset", null);
           setStore("selectedAgent", null);
+          setStore("lastCopiedElement", null);
         },
         toggle: () => {
           if (store.activationTimestamp !== null) {
@@ -3591,6 +3592,20 @@ var init_overlay_canvas = __esm({
   }
 });
 
+// src/utils/get-arrow-size.ts
+var getArrowSize;
+var init_get_arrow_size = __esm({
+  "src/utils/get-arrow-size.ts"() {
+    "use strict";
+    init_constants();
+    getArrowSize = (labelWidth) => {
+      if (labelWidth <= 0) return ARROW_HEIGHT_PX;
+      const scaledSize = labelWidth * ARROW_MAX_LABEL_WIDTH_RATIO;
+      return Math.max(ARROW_MIN_SIZE_PX, Math.min(ARROW_HEIGHT_PX, scaledSize));
+    };
+  }
+});
+
 // ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r2(e2) {
   var t2, f3, n2 = "";
@@ -6240,21 +6255,24 @@ var init_arrow = __esm({
     init_web();
     init_web();
     init_web();
-    _tmpl$5 = /* @__PURE__ */ template(`<div class="absolute w-0 h-0 z-10"style="border-left:8px solid transparent;border-right:8px solid transparent">`);
+    init_get_arrow_size();
+    _tmpl$5 = /* @__PURE__ */ template(`<div data-react-grab-arrow class="absolute w-0 h-0 z-10">`);
     Arrow = (props) => {
       const arrowColor = () => props.color ?? "white";
       const isBottom = () => props.position === "bottom";
+      const arrowSize = () => getArrowSize(props.labelWidth ?? 0);
       return (() => {
         var _el$ = _tmpl$5();
         createRenderEffect((_p$) => {
-          var _v$ = `calc(${props.leftPercent}% + ${props.leftOffsetPx}px)`, _v$2 = isBottom() ? "0" : void 0, _v$3 = isBottom() ? void 0 : "0", _v$4 = isBottom() ? "translateX(-50%) translateY(-100%)" : "translateX(-50%) translateY(100%)", _v$5 = isBottom() ? `8px solid ${arrowColor()}` : void 0, _v$6 = isBottom() ? void 0 : `8px solid ${arrowColor()}`, _v$7 = isBottom() ? "drop-shadow(-1px -1px 0 rgba(0,0,0,0.06)) drop-shadow(1px -1px 0 rgba(0,0,0,0.06))" : "drop-shadow(-1px 1px 0 rgba(0,0,0,0.06)) drop-shadow(1px 1px 0 rgba(0,0,0,0.06))";
+          var _v$ = `calc(${props.leftPercent}% + ${props.leftOffsetPx}px)`, _v$2 = isBottom() ? "0" : void 0, _v$3 = isBottom() ? void 0 : "0", _v$4 = isBottom() ? "translateX(-50%) translateY(-100%)" : "translateX(-50%) translateY(100%)", _v$5 = `${arrowSize()}px solid transparent`, _v$6 = `${arrowSize()}px solid transparent`, _v$7 = isBottom() ? `${arrowSize()}px solid ${arrowColor()}` : void 0, _v$8 = isBottom() ? void 0 : `${arrowSize()}px solid ${arrowColor()}`;
           _v$ !== _p$.e && setStyleProperty(_el$, "left", _p$.e = _v$);
           _v$2 !== _p$.t && setStyleProperty(_el$, "top", _p$.t = _v$2);
           _v$3 !== _p$.a && setStyleProperty(_el$, "bottom", _p$.a = _v$3);
           _v$4 !== _p$.o && setStyleProperty(_el$, "transform", _p$.o = _v$4);
-          _v$5 !== _p$.i && setStyleProperty(_el$, "border-bottom", _p$.i = _v$5);
-          _v$6 !== _p$.n && setStyleProperty(_el$, "border-top", _p$.n = _v$6);
-          _v$7 !== _p$.s && setStyleProperty(_el$, "filter", _p$.s = _v$7);
+          _v$5 !== _p$.i && setStyleProperty(_el$, "border-left", _p$.i = _v$5);
+          _v$6 !== _p$.n && setStyleProperty(_el$, "border-right", _p$.n = _v$6);
+          _v$7 !== _p$.s && setStyleProperty(_el$, "border-bottom", _p$.s = _v$7);
+          _v$8 !== _p$.h && setStyleProperty(_el$, "border-top", _p$.h = _v$8);
           return _p$;
         }, {
           e: void 0,
@@ -6263,7 +6281,8 @@ var init_arrow = __esm({
           o: void 0,
           i: void 0,
           n: void 0,
-          s: void 0
+          s: void 0,
+          h: void 0
         });
         return _el$;
       })();
@@ -6991,7 +7010,7 @@ var init_completion_view = __esm({
 });
 
 // src/components/selection-label/index.tsx
-var _tmpl$16, _tmpl$26, _tmpl$34, _tmpl$43, _tmpl$53, _tmpl$63, _tmpl$73, _tmpl$83, _tmpl$92, _tmpl$0, _tmpl$1, DEFAULT_OFFSCREEN_POSITION, SelectionLabel;
+var _tmpl$16, _tmpl$26, _tmpl$34, _tmpl$43, _tmpl$53, _tmpl$63, _tmpl$73, _tmpl$83, _tmpl$92, _tmpl$0, _tmpl$1, _tmpl$102, DEFAULT_OFFSCREEN_POSITION, SelectionLabel;
 var init_selection_label = __esm({
   "src/components/selection-label/index.tsx"() {
     "use strict";
@@ -7007,6 +7026,7 @@ var init_selection_label = __esm({
     init_web();
     init_solid();
     init_constants();
+    init_get_arrow_size();
     init_is_keyboard_event_triggered_by_input();
     init_cn();
     init_get_tag_display();
@@ -7026,11 +7046,12 @@ var init_selection_label = __esm({
     _tmpl$43 = /* @__PURE__ */ template(`<div class="flex flex-col w-[calc(100%+16px)] -mx-2 -my-1.5">`);
     _tmpl$53 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col items-start w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 py-1.5 w-fit h-fit px-2">`);
     _tmpl$63 = /* @__PURE__ */ template(`<div class="flex items-center gap-1 w-full mb-1 overflow-hidden"><span class="text-black/40 text-[11px] leading-3 font-medium truncate italic">`);
-    _tmpl$73 = /* @__PURE__ */ template(`<div class="shrink-0 flex justify-between items-end w-full min-h-4"><textarea data-react-grab-ignore-events data-react-grab-input class="text-black text-[13px] leading-4 font-medium bg-transparent border-none outline-none resize-none flex-1 p-0 m-0 wrap-break-word overflow-y-auto"placeholder="Add context"rows=1 style=field-sizing:content;min-height:16px;max-height:95px;scrollbar-width:none></textarea><button data-react-grab-submit class="contain-layout shrink-0 flex items-center justify-center size-4 rounded-full bg-black cursor-pointer ml-1 interactive-scale">`);
-    _tmpl$83 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start w-fit h-fit min-w-[150px] max-w-[280px]"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1.5 pb-1 w-fit h-fit px-2 max-w-full">`);
-    _tmpl$92 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-selection-label style=z-index:2147483647><div>`);
-    _tmpl$0 = /* @__PURE__ */ template(`<span class="text-[11px] font-sans text-black/50 ml-4">`);
-    _tmpl$1 = /* @__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">`);
+    _tmpl$73 = /* @__PURE__ */ template(`<button data-react-grab-submit class="contain-layout shrink-0 flex items-center justify-center size-4 rounded-full bg-black cursor-pointer ml-1 interactive-scale">`);
+    _tmpl$83 = /* @__PURE__ */ template(`<div class="shrink-0 flex justify-between items-end w-full min-h-4"><textarea data-react-grab-ignore-events data-react-grab-input class="text-black text-[13px] leading-4 font-medium bg-transparent border-none outline-none resize-none flex-1 p-0 m-0 wrap-break-word overflow-y-auto"placeholder="Add context"rows=1 style=field-sizing:content;min-height:16px;max-height:95px;scrollbar-width:none>`);
+    _tmpl$92 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start w-fit h-fit min-w-[150px] max-w-[280px]"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1.5 pb-1 w-fit h-fit px-2 max-w-full">`);
+    _tmpl$0 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-selection-label style=z-index:2147483647><div>`);
+    _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,
@@ -7040,12 +7061,14 @@ var init_selection_label = __esm({
     };
     SelectionLabel = (props) => {
       let containerRef;
+      let panelRef;
       let inputRef;
       let isTagCurrentlyHovered = false;
       let lastValidPosition = null;
       let lastElementIdentity = null;
       const [measuredWidth, setMeasuredWidth] = createSignal(0);
       const [measuredHeight, setMeasuredHeight] = createSignal(0);
+      const [panelWidth, setPanelWidth] = createSignal(0);
       const [arrowPosition, setArrowPosition] = createSignal("bottom");
       const [viewportVersion, setViewportVersion] = createSignal(0);
       const [hadValidBounds, setHadValidBounds] = createSignal(false);
@@ -7069,6 +7092,9 @@ var init_selection_label = __esm({
           setMeasuredWidth(rect.width);
           setMeasuredHeight(rect.height);
         }
+        if (panelRef) {
+          setPanelWidth(panelRef.getBoundingClientRect().width);
+        }
       };
       const handleTagHoverChange = (hovered) => {
         isTagCurrentlyHovered = hovered;
@@ -7133,7 +7159,7 @@ var init_selection_label = __esm({
         queueMicrotask(measureContainer);
       });
       createEffect(() => {
-        if (props.isPromptMode && inputRef) {
+        if (props.isPromptMode && inputRef && props.onSubmit) {
           setTimeout(() => {
             inputRef?.focus();
           }, 0);
@@ -7159,9 +7185,10 @@ var init_selection_label = __esm({
         const cursorX = props.mouseX ?? selectionCenterX;
         const selectionBottom = bounds.y + bounds.height;
         const selectionTop = bounds.y;
+        const actualArrowHeight = props.hideArrow ? 0 : getArrowSize(panelWidth());
         const anchorX = cursorX;
         let edgeOffsetX = 0;
-        let positionTop = selectionBottom + ARROW_HEIGHT_PX + LABEL_GAP_PX;
+        let positionTop = selectionBottom + actualArrowHeight + LABEL_GAP_PX;
         if (labelWidth > 0) {
           const labelLeft = anchorX - labelWidth / 2;
           const labelRight = anchorX + labelWidth / 2;
@@ -7172,7 +7199,7 @@ var init_selection_label = __esm({
             edgeOffsetX = VIEWPORT_MARGIN_PX - labelLeft;
           }
         }
-        const totalHeightNeeded = labelHeight + ARROW_HEIGHT_PX + LABEL_GAP_PX;
+        const totalHeightNeeded = labelHeight + actualArrowHeight + LABEL_GAP_PX;
         const fitsBelow = positionTop + labelHeight <= viewportHeight - VIEWPORT_MARGIN_PX;
         if (!fitsBelow) {
           positionTop = selectionTop - totalHeightNeeded;
@@ -7184,7 +7211,12 @@ var init_selection_label = __esm({
           positionTop = VIEWPORT_MARGIN_PX;
         }
         const arrowLeftPercent = ARROW_CENTER_PERCENT;
-        const arrowLeftOffset = -edgeOffsetX;
+        const labelHalfWidth = labelWidth / 2;
+        const arrowCenterPx = labelHalfWidth - edgeOffsetX;
+        const arrowMinPx = Math.min(ARROW_LABEL_MARGIN_PX, labelHalfWidth);
+        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,
@@ -7237,7 +7269,7 @@ var init_selection_label = __esm({
       const handleContainerPointerDown = (event) => {
         event.stopPropagation();
         event.stopImmediatePropagation();
-        const isEditableInputVisible = canInteract() && props.isPromptMode && !props.isPendingDismiss;
+        const isEditableInputVisible = canInteract() && props.isPromptMode && !props.isPendingDismiss && props.onSubmit;
         if (isEditableInputVisible && inputRef) {
           inputRef.focus();
         }
@@ -7248,7 +7280,7 @@ var init_selection_label = __esm({
           return memo(() => props.visible !== false)() && (props.selectionBounds || shouldPersistDuringFade());
         },
         get children() {
-          var _el$ = _tmpl$92(), _el$2 = _el$.firstChild;
+          var _el$ = _tmpl$0(), _el$2 = _el$.firstChild;
           _el$.addEventListener("mouseleave", () => props.onHoverChange?.(false));
           _el$.addEventListener("mouseenter", () => props.onHoverChange?.(true));
           _el$.$$click = (event) => {
@@ -7258,15 +7290,25 @@ var init_selection_label = __esm({
           _el$.$$pointerdown = handleContainerPointerDown;
           var _ref$ = containerRef;
           typeof _ref$ === "function" ? use(_ref$, _el$) : containerRef = _el$;
-          insert(_el$, createComponent(Arrow, {
-            get position() {
-              return arrowPosition();
-            },
-            get leftPercent() {
-              return computedPosition().arrowLeftPercent;
+          insert(_el$, createComponent(Show, {
+            get when() {
+              return !props.hideArrow;
             },
-            get leftOffsetPx() {
-              return computedPosition().arrowLeftOffset;
+            get children() {
+              return createComponent(Arrow, {
+                get position() {
+                  return arrowPosition();
+                },
+                get leftPercent() {
+                  return computedPosition().arrowLeftPercent;
+                },
+                get leftOffsetPx() {
+                  return computedPosition().arrowLeftOffset;
+                },
+                get labelWidth() {
+                  return panelWidth();
+                }
+              });
             }
           }), _el$2);
           insert(_el$, createComponent(Show, {
@@ -7309,6 +7351,8 @@ var init_selection_label = __esm({
               });
             }
           }), _el$2);
+          var _ref$2 = panelRef;
+          typeof _ref$2 === "function" ? use(_ref$2, _el$2) : panelRef = _el$2;
           insert(_el$2, createComponent(Show, {
             get when() {
               return memo(() => props.status === "copying")() && !props.isPendingAbort;
@@ -7328,8 +7372,8 @@ var init_selection_label = __esm({
                   return createComponent(BottomSection, {
                     get children() {
                       var _el$6 = _tmpl$26(), _el$7 = _el$6.firstChild;
-                      var _ref$2 = inputRef;
-                      typeof _ref$2 === "function" ? use(_ref$2, _el$7) : inputRef = _el$7;
+                      var _ref$3 = inputRef;
+                      typeof _ref$3 === "function" ? use(_ref$3, _el$7) : inputRef = _el$7;
                       insert(_el$6, createComponent(Show, {
                         get when() {
                           return props.onAbort;
@@ -7405,23 +7449,23 @@ var init_selection_label = __esm({
                           return actionCycleItems();
                         },
                         children: (item, itemIndex) => (() => {
-                          var _el$17 = _tmpl$1(), _el$18 = _el$17.firstChild;
+                          var _el$17 = _tmpl$102(), _el$18 = _el$17.firstChild;
                           insert(_el$18, () => item.label);
                           insert(_el$17, createComponent(Show, {
                             get when() {
                               return item.shortcut;
                             },
                             get children() {
-                              var _el$19 = _tmpl$0();
+                              var _el$19 = _tmpl$1();
                               insert(_el$19, () => formatShortcut(item.shortcut));
                               return _el$19;
                             }
                           }), null);
                           createRenderEffect((_p$) => {
-                            var _v$9 = item.label.toLowerCase(), _v$0 = !!(itemIndex() === actionCycleActiveIndex()), _v$1 = !!(itemIndex() === actionCycleItems().length - 1);
-                            _v$9 !== _p$.e && setAttribute(_el$17, "data-react-grab-action-cycle-item", _p$.e = _v$9);
-                            _v$0 !== _p$.t && _el$17.classList.toggle("bg-black/5", _p$.t = _v$0);
-                            _v$1 !== _p$.a && _el$17.classList.toggle("rounded-b-[6px]", _p$.a = _v$1);
+                            var _v$1 = item.label.toLowerCase(), _v$10 = !!(itemIndex() === actionCycleActiveIndex()), _v$11 = !!(itemIndex() === actionCycleItems().length - 1);
+                            _v$1 !== _p$.e && setAttribute(_el$17, "data-react-grab-action-cycle-item", _p$.e = _v$1);
+                            _v$10 !== _p$.t && _el$17.classList.toggle("bg-black/5", _p$.t = _v$10);
+                            _v$11 !== _p$.a && _el$17.classList.toggle("rounded-b-[6px]", _p$.a = _v$11);
                             return _p$;
                           }, {
                             e: void 0,
@@ -7444,7 +7488,7 @@ var init_selection_label = __esm({
               return memo(() => !!(canInteract() && props.isPromptMode))() && !props.isPendingDismiss;
             },
             get children() {
-              var _el$10 = _tmpl$83(), _el$11 = _el$10.firstChild;
+              var _el$10 = _tmpl$92(), _el$11 = _el$10.firstChild;
               insert(_el$11, createComponent(TagBadge, {
                 get tagName() {
                   return tagDisplay();
@@ -7475,17 +7519,34 @@ var init_selection_label = __esm({
                       return _el$12;
                     }
                   }), (() => {
-                    var _el$14 = _tmpl$73(), _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling;
+                    var _el$14 = _tmpl$83(), _el$15 = _el$14.firstChild;
                     _el$15.$$keydown = handleKeyDown;
                     _el$15.$$input = handleInput;
-                    var _ref$3 = inputRef;
-                    typeof _ref$3 === "function" ? use(_ref$3, _el$15) : inputRef = _el$15;
-                    _el$16.$$click = () => props.onSubmit?.();
-                    insert(_el$16, createComponent(IconSubmit, {
-                      size: 10,
-                      "class": "text-white"
-                    }));
-                    createRenderEffect((_$p) => setStyleProperty(_el$14, "padding-left", props.replyToPrompt ? "14px" : "0"));
+                    var _ref$4 = inputRef;
+                    typeof _ref$4 === "function" ? use(_ref$4, _el$15) : inputRef = _el$15;
+                    insert(_el$14, createComponent(Show, {
+                      get when() {
+                        return props.onSubmit;
+                      },
+                      get children() {
+                        var _el$16 = _tmpl$73();
+                        _el$16.$$click = () => props.onSubmit?.();
+                        insert(_el$16, createComponent(IconSubmit, {
+                          size: 10,
+                          "class": "text-white"
+                        }));
+                        return _el$16;
+                      }
+                    }), null);
+                    createRenderEffect((_p$) => {
+                      var _v$ = props.replyToPrompt ? "14px" : "0", _v$2 = !props.onSubmit;
+                      _v$ !== _p$.e && setStyleProperty(_el$14, "padding-left", _p$.e = _v$);
+                      _v$2 !== _p$.t && (_el$15.readOnly = _p$.t = _v$2);
+                      return _p$;
+                    }, {
+                      e: void 0,
+                      t: void 0
+                    });
                     createRenderEffect(() => _el$15.value = props.inputValue ?? "");
                     return _el$14;
                   })()];
@@ -7528,15 +7589,15 @@ var init_selection_label = __esm({
             }
           }), null);
           createRenderEffect((_p$) => {
-            var _v$ = cn("fixed font-sans text-[13px] antialiased filter-[drop-shadow(0px_1px_2px_#51515140)] select-none transition-opacity duration-100 ease-out"), _v$2 = `${computedPosition().top}px`, _v$3 = `${computedPosition().left}px`, _v$4 = `translateX(calc(-50% + ${computedPosition().edgeOffsetX}px))`, _v$5 = shouldEnablePointerEvents() ? "auto" : "none", _v$6 = props.status === "fading" || isInternalFading() ? 0 : 1, _v$7 = cn("contain-layout flex items-center gap-[5px] rounded-[10px] antialiased w-fit h-fit p-0 [font-synthesis:none] [corner-shape:superellipse(1.25)]", PANEL_STYLES), _v$8 = isCompletedStatus() && !props.error ? "none" : void 0;
-            _v$ !== _p$.e && className(_el$, _p$.e = _v$);
-            _v$2 !== _p$.t && setStyleProperty(_el$, "top", _p$.t = _v$2);
-            _v$3 !== _p$.a && setStyleProperty(_el$, "left", _p$.a = _v$3);
-            _v$4 !== _p$.o && setStyleProperty(_el$, "transform", _p$.o = _v$4);
-            _v$5 !== _p$.i && setStyleProperty(_el$, "pointer-events", _p$.i = _v$5);
-            _v$6 !== _p$.n && setStyleProperty(_el$, "opacity", _p$.n = _v$6);
-            _v$7 !== _p$.s && className(_el$2, _p$.s = _v$7);
-            _v$8 !== _p$.h && setStyleProperty(_el$2, "display", _p$.h = _v$8);
+            var _v$3 = cn("fixed font-sans text-[13px] antialiased filter-[drop-shadow(0px_1px_2px_#51515140)] select-none transition-opacity duration-100 ease-out"), _v$4 = `${computedPosition().top}px`, _v$5 = `${computedPosition().left}px`, _v$6 = `translateX(calc(-50% + ${computedPosition().edgeOffsetX}px))`, _v$7 = shouldEnablePointerEvents() ? "auto" : "none", _v$8 = props.status === "fading" || isInternalFading() ? 0 : 1, _v$9 = cn("contain-layout flex items-center gap-[5px] rounded-[10px] antialiased w-fit h-fit p-0 [font-synthesis:none] [corner-shape:superellipse(1.25)]", PANEL_STYLES), _v$0 = isCompletedStatus() && !props.error ? "none" : void 0;
+            _v$3 !== _p$.e && className(_el$, _p$.e = _v$3);
+            _v$4 !== _p$.t && setStyleProperty(_el$, "top", _p$.t = _v$4);
+            _v$5 !== _p$.a && setStyleProperty(_el$, "left", _p$.a = _v$5);
+            _v$6 !== _p$.o && setStyleProperty(_el$, "transform", _p$.o = _v$6);
+            _v$7 !== _p$.i && setStyleProperty(_el$, "pointer-events", _p$.i = _v$7);
+            _v$8 !== _p$.n && setStyleProperty(_el$, "opacity", _p$.n = _v$8);
+            _v$9 !== _p$.s && className(_el$2, _p$.s = _v$9);
+            _v$0 !== _p$.h && setStyleProperty(_el$2, "display", _p$.h = _v$0);
             return _p$;
           }, {
             e: void 0,
@@ -7686,6 +7747,55 @@ var init_icon_comment = __esm({
   }
 });
 
+// src/components/icons/icon-inbox.tsx
+var _tmpl$20, _tmpl$27, IconInbox, IconInboxUnread;
+var init_icon_inbox = __esm({
+  "src/components/icons/icon-inbox.tsx"() {
+    "use strict";
+    init_web();
+    init_web();
+    init_web();
+    _tmpl$20 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=currentColor><path d="M12.8277 1.75C15.0033 1.74998 15.7381 1.74997 17.0981 1.93282C18.5025 2.12164 19.6563 2.52175 20.5687 3.43414C21.4811 4.34653 21.8812 5.50033 22.07 6.90471C22.234 8.12428 22.2509 10.047 22.2526 12L22.2494 12.75H20.2528C20.2528 10.4826 20.2507 8.38258 20.0878 7.17121C19.9288 5.9886 19.6333 5.3272 19.1545 4.84835C18.6756 4.3695 18.0142 4.07399 16.8316 3.91499C15.6202 3.75212 15.0203 3.75 12.7528 3.75C10.4854 3.75 8.3854 3.75212 7.17403 3.91499C5.99143 4.07399 5.33003 4.3695 4.85118 4.84835C4.37232 5.3272 4.07681 5.9886 3.91782 7.17121C3.75495 8.38258 3.75283 10.4826 3.75283 12.75L1.75195 12.7518L1.75302 11.9999C1.75475 10.0469 1.77169 8.12426 1.93565 6.90471C2.12447 5.50033 2.52457 4.34653 3.43696 3.43414C4.34935 2.52175 5.50316 2.12164 6.90754 1.93282C8.26767 1.74996 10.0024 1.74998 12.1783 1.75H12.1784H12.8277H12.8277Z"></path><path d="M22.2453 13.5037C22.2368 15.2454 22.1975 16.6539 21.9924 17.7892C21.7834 18.9461 21.3919 19.8839 20.6368 20.6391C19.7786 21.4973 18.6863 21.8843 17.3097 22.0694C15.9662 22.25 14.2455 22.25 12.0548 22.25H11.9405C9.74978 22.25 8.02911 22.25 6.6857 22.0694C5.30904 21.8843 4.21679 21.4973 3.35859 20.6391C2.60342 19.8839 2.21192 18.9461 2.00296 17.7892C1.79789 16.6539 1.75858 15.2454 1.75 13.5037L1.75107 12.7518L3.75194 12.75L7.42333 12.75C8.70352 12.75 9.55879 13.7898 9.96929 14.6123C10.2595 15.1938 10.8231 15.75 11.9977 15.75C13.1723 15.75 13.7358 15.1938 14.0261 14.6123C14.4366 13.7898 15.2918 12.75 16.572 12.75L20.2519 12.75H22.2486L22.2453 13.5037Z">`);
+    _tmpl$27 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=currentColor><path fill=#404040 d="M14.25 5.5C14.25 3.15279 16.1528 1.25 18.5 1.25C20.8472 1.25 22.75 3.15279 22.75 5.5C22.75 7.84721 20.8472 9.75 18.5 9.75C16.1528 9.75 14.25 7.84721 14.25 5.5Z"></path><path d="M20.2156 10.9897C19.9813 11.0629 19.8641 11.0994 19.8057 11.1792C19.7474 11.259 19.748 11.373 19.7491 11.6009C19.7513 12.0381 19.7518 12.4898 19.7519 12.9499C19.752 13.1155 19.6176 13.25 19.4519 13.25L16.072 13.25C14.7918 13.25 13.9366 14.2898 13.5261 15.1123C13.2358 15.6938 12.6723 16.25 11.4977 16.25C10.3231 16.25 9.7595 15.6938 9.46929 15.1123C9.05879 14.2898 8.20352 13.25 6.92333 13.25L3.55194 13.25C3.38626 13.25 3.25193 13.1155 3.25197 12.9499C3.25245 10.7983 3.26128 8.82894 3.41693 7.67121C3.57593 6.4886 3.87144 5.8272 4.35029 5.34835C4.82915 4.8695 5.49055 4.57399 6.67315 4.41499C7.88452 4.25212 9.9845 4.25 12.2519 4.25C12.3035 4.25 12.3542 4.25 12.4041 4.25001C12.6299 4.25002 12.7427 4.25003 12.822 4.19171C12.9014 4.13339 12.9377 4.0171 13.0103 3.78451C13.0682 3.59881 13.1354 3.41715 13.2111 3.24007C13.4166 2.75982 13.5193 2.51969 13.4304 2.38492C13.3415 2.25015 13.1029 2.25011 12.6257 2.25002C12.5291 2.25 12.4296 2.25 12.3268 2.25H11.6775C9.50152 2.24998 7.76678 2.24996 6.40666 2.43283C5.00228 2.62164 3.84847 3.02175 2.93608 3.93414C2.02369 4.84653 1.62358 6.00033 1.43477 7.40471C1.2708 8.62426 1.25387 10.5469 1.25214 12.4999L1.25 14.0037C1.25858 15.7454 1.29789 17.1539 1.50296 18.2892C1.71192 19.4461 2.10342 20.3839 2.85859 21.1391C3.71679 21.9973 4.80904 22.3843 6.1857 22.5694C7.52911 22.75 9.24978 22.75 11.4405 22.75H11.5548C13.7455 22.75 15.4662 22.75 16.8097 22.5694C18.1863 22.3843 19.2786 21.9973 20.1368 21.1391C20.8919 20.3839 21.2834 19.4461 21.4924 18.2892C21.6975 17.1539 21.7368 15.7454 21.7453 14.0037L21.7517 12.5C21.7514 12.1187 21.7505 11.7385 21.748 11.3645C21.7449 10.8942 21.7433 10.6591 21.6087 10.5709C21.4741 10.4828 21.2371 10.5844 20.763 10.7876C20.585 10.8638 20.4023 10.9314 20.2156 10.9897Z">`);
+    IconInbox = (props) => {
+      const size = () => props.size ?? 14;
+      return (() => {
+        var _el$ = _tmpl$20();
+        createRenderEffect((_p$) => {
+          var _v$ = size(), _v$2 = size(), _v$3 = props.class;
+          _v$ !== _p$.e && setAttribute(_el$, "width", _p$.e = _v$);
+          _v$2 !== _p$.t && setAttribute(_el$, "height", _p$.t = _v$2);
+          _v$3 !== _p$.a && setAttribute(_el$, "class", _p$.a = _v$3);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        });
+        return _el$;
+      })();
+    };
+    IconInboxUnread = (props) => {
+      const size = () => props.size ?? 14;
+      return (() => {
+        var _el$2 = _tmpl$27();
+        createRenderEffect((_p$) => {
+          var _v$4 = size(), _v$5 = size(), _v$6 = props.class;
+          _v$4 !== _p$.e && setAttribute(_el$2, "width", _p$.e = _v$4);
+          _v$5 !== _p$.t && setAttribute(_el$2, "height", _p$.t = _v$5);
+          _v$6 !== _p$.a && setAttribute(_el$2, "class", _p$.a = _v$6);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        });
+        return _el$2;
+      })();
+    };
+  }
+});
+
 // src/utils/freeze-updates.ts
 var isUpdatesPaused, getOrCache, patchedDispatchers, wrappedDispatchCache, wrappedStartTransitionCache, pendingStoreCallbacks, pendingTransitionCallbacks, pendingStateUpdates, pausedQueueStates, pausedContextStates, renderersWithPatchedDispatcher, typedFiberRoots, getFiberRoot, collectFiberRoots, mergePendingChains, pauseHookQueue, resumeHookQueue, pauseContextDependency, resumeContextDependency, forEachHookQueue, forEachContextDependency, traverseFibers, pauseFiber, resumeFiber, patchDispatcher, installDispatcherPatching, scheduleReactUpdate, invokeCallbacks, initializeFreezeSupport, freezeUpdates;
 var init_freeze_updates = __esm({
@@ -8158,7 +8268,28 @@ var init_freeze_animations = __esm({
       );
     };
     unfreezeGlobalAnimations = () => {
-      globalAnimationStyleElement?.remove();
+      if (!globalAnimationStyleElement) return;
+      globalAnimationStyleElement.textContent = `
+*, *::before, *::after {
+  transition: none !important;
+}
+`;
+      for (const animation of document.getAnimations()) {
+        if (animation.effect instanceof KeyframeEffect) {
+          const target = animation.effect.target;
+          if (target instanceof Element) {
+            const rootNode = target.getRootNode();
+            if (rootNode instanceof ShadowRoot) {
+              continue;
+            }
+          }
+        }
+        try {
+          animation.finish();
+        } catch {
+        }
+      }
+      globalAnimationStyleElement.remove();
       globalAnimationStyleElement = null;
     };
   }
@@ -8467,7 +8598,7 @@ var init_freeze_pseudo_states = __esm({
 });
 
 // src/components/tooltip.tsx
-var _tmpl$20, tooltipCloseTimestamp, wasTooltipRecentlyVisible, Tooltip;
+var _tmpl$21, tooltipCloseTimestamp, wasTooltipRecentlyVisible, Tooltip;
 var init_tooltip = __esm({
   "src/components/tooltip.tsx"() {
     "use strict";
@@ -8479,7 +8610,7 @@ var init_tooltip = __esm({
     init_solid();
     init_cn();
     init_constants();
-    _tmpl$20 = /* @__PURE__ */ template(`<div style=z-index:2147483647>`);
+    _tmpl$21 = /* @__PURE__ */ template(`<div style=z-index:2147483647>`);
     tooltipCloseTimestamp = 0;
     wasTooltipRecentlyVisible = () => {
       return Date.now() - tooltipCloseTimestamp < TOOLTIP_GRACE_PERIOD_MS;
@@ -8523,7 +8654,7 @@ var init_tooltip = __esm({
           return delayedVisible();
         },
         get children() {
-          var _el$ = _tmpl$20();
+          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")));
           return _el$;
@@ -8547,7 +8678,7 @@ var init_get_toolbar_icon_color = __esm({
 });
 
 // src/components/toolbar/index.tsx
-var _tmpl$21, _tmpl$27, Toolbar;
+var _tmpl$28, _tmpl$29, Toolbar;
 var init_toolbar = __esm({
   "src/components/toolbar/index.tsx"() {
     "use strict";
@@ -8569,17 +8700,20 @@ var init_toolbar = __esm({
     init_icon_select();
     init_icon_chevron();
     init_icon_comment();
+    init_icon_inbox();
     init_constants();
     init_freeze_updates();
     init_freeze_animations();
     init_freeze_pseudo_states();
     init_tooltip();
     init_get_toolbar_icon_color();
-    _tmpl$21 = /* @__PURE__ */ template(`<div style=z-index:2147483647>Enable to continue`);
-    _tmpl$27 = /* @__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><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 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$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">`);
     Toolbar = (props) => {
       let containerRef;
+      let expandableButtonsRef;
       let unfreezeUpdatesCallback = null;
+      let lastKnownExpandableWidth = 0;
       const [isVisible, setIsVisible] = createSignal(false);
       const [isCollapsed, setIsCollapsed] = createSignal(false);
       const [isDragging, setIsDragging] = createSignal(false);
@@ -8606,12 +8740,18 @@ var init_toolbar = __esm({
       const [isCommentTooltipVisible, setIsCommentTooltipVisible] = createSignal(false);
       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 tooltipPosition = () => snapEdge() === "top" ? "bottom" : "top";
       const stopEventPropagation = (event) => {
         event.stopPropagation();
         event.stopImmediatePropagation();
       };
-      const createFreezeHandlers = (setTooltipVisible) => ({
+      const createFreezeHandlers = (setTooltipVisible, onHoverChange) => ({
         onMouseEnter: () => {
           setTooltipVisible(true);
           props.onSelectHoverChange?.(true);
@@ -8620,6 +8760,7 @@ var init_toolbar = __esm({
             freezeGlobalAnimations();
             freezePseudoStates();
           }
+          onHoverChange?.(true);
         },
         onMouseLeave: () => {
           setTooltipVisible(false);
@@ -8630,6 +8771,7 @@ var init_toolbar = __esm({
             unfreezeGlobalAnimations();
             unfreezePseudoStates();
           }
+          onHoverChange?.(false);
         }
       });
       const collapsedEdgeClasses = () => {
@@ -8671,6 +8813,64 @@ var init_toolbar = __esm({
           unfreezeUpdatesCallback = null;
         }
       }));
+      const reclampToolbarToViewport = () => {
+        if (!containerRef) return;
+        const rect = containerRef.getBoundingClientRect();
+        expandedDimensions = {
+          width: rect.width,
+          height: rect.height
+        };
+        const currentPos = position();
+        const viewport = getVisualViewport();
+        const edge = snapEdge();
+        let clampedX = currentPos.x;
+        let clampedY = currentPos.y;
+        if (edge === "top" || edge === "bottom") {
+          const minX = viewport.offsetLeft + TOOLBAR_SNAP_MARGIN_PX;
+          const maxX = Math.max(minX, viewport.offsetLeft + viewport.width - rect.width - TOOLBAR_SNAP_MARGIN_PX);
+          clampedX = clampToViewport2(currentPos.x, minX, maxX);
+          clampedY = edge === "top" ? viewport.offsetTop + TOOLBAR_SNAP_MARGIN_PX : viewport.offsetTop + viewport.height - rect.height - TOOLBAR_SNAP_MARGIN_PX;
+        } else {
+          const minY = viewport.offsetTop + TOOLBAR_SNAP_MARGIN_PX;
+          const maxY = Math.max(minY, viewport.offsetTop + viewport.height - rect.height - TOOLBAR_SNAP_MARGIN_PX);
+          clampedY = clampToViewport2(currentPos.y, minY, maxY);
+          clampedX = edge === "left" ? viewport.offsetLeft + TOOLBAR_SNAP_MARGIN_PX : viewport.offsetLeft + viewport.width - rect.width - TOOLBAR_SNAP_MARGIN_PX;
+        }
+        const newRatio = getRatioFromPosition(edge, clampedX, clampedY, rect.width, rect.height);
+        setPositionRatio(newRatio);
+        const didPositionChange = clampedX !== currentPos.x || clampedY !== currentPos.y;
+        if (didPositionChange) {
+          setIsCollapseAnimating(true);
+          requestAnimationFrame(() => {
+            requestAnimationFrame(() => {
+              setPosition({
+                x: clampedX,
+                y: clampedY
+              });
+              if (collapseAnimationTimeout) {
+                clearTimeout(collapseAnimationTimeout);
+              }
+              collapseAnimationTimeout = setTimeout(() => {
+                setIsCollapseAnimating(false);
+              }, TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS);
+            });
+          });
+        }
+      };
+      createEffect(on(() => props.recentItemCount ?? 0, () => {
+        if (isCollapsed()) return;
+        if (recentItemCountTimeout) {
+          clearTimeout(recentItemCountTimeout);
+        }
+        recentItemCountTimeout = setTimeout(reclampToolbarToViewport, TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS);
+        onCleanup(() => {
+          if (recentItemCountTimeout) {
+            clearTimeout(recentItemCountTimeout);
+          }
+        });
+      }, {
+        defer: true
+      }));
       let lastPointerPosition = {
         x: 0,
         y: 0,
@@ -8688,7 +8888,7 @@ var init_toolbar = __esm({
         width: TOOLBAR_COLLAPSED_SHORT_PX,
         height: TOOLBAR_COLLAPSED_SHORT_PX
       });
-      const clampToViewport = (value, min, max) => Math.max(min, Math.min(value, max));
+      const clampToViewport2 = (value, min, max) => Math.max(min, Math.min(value, max));
       const getVisualViewport = () => {
         const visualViewport = window.visualViewport;
         if (visualViewport) {
@@ -8721,7 +8921,7 @@ var init_toolbar = __esm({
         if (edge === "top" || edge === "bottom") {
           const xOffset = (expandedWidth - actualCollapsedWidth) / 2;
           const newExpandedX = collapsedPosition.x - xOffset;
-          const clampedX = clampToViewport(newExpandedX, viewport.offsetLeft + TOOLBAR_SNAP_MARGIN_PX, viewport.offsetLeft + viewportWidth - expandedWidth - TOOLBAR_SNAP_MARGIN_PX);
+          const clampedX = clampToViewport2(newExpandedX, viewport.offsetLeft + TOOLBAR_SNAP_MARGIN_PX, viewport.offsetLeft + viewportWidth - expandedWidth - TOOLBAR_SNAP_MARGIN_PX);
           const newExpandedY = edge === "top" ? viewport.offsetTop + TOOLBAR_SNAP_MARGIN_PX : viewport.offsetTop + viewportHeight - expandedHeight - TOOLBAR_SNAP_MARGIN_PX;
           newPosition = {
             x: clampedX,
@@ -8730,7 +8930,7 @@ var init_toolbar = __esm({
         } else {
           const yOffset = (expandedHeight - actualCollapsedHeight) / 2;
           const newExpandedY = collapsedPosition.y - yOffset;
-          const clampedY = clampToViewport(newExpandedY, viewport.offsetTop + TOOLBAR_SNAP_MARGIN_PX, viewport.offsetTop + viewportHeight - expandedHeight - TOOLBAR_SNAP_MARGIN_PX);
+          const clampedY = clampToViewport2(newExpandedY, viewport.offsetTop + TOOLBAR_SNAP_MARGIN_PX, viewport.offsetTop + viewportHeight - expandedHeight - TOOLBAR_SNAP_MARGIN_PX);
           const newExpandedX = edge === "left" ? viewport.offsetLeft + TOOLBAR_SNAP_MARGIN_PX : viewport.offsetLeft + viewportWidth - expandedWidth - TOOLBAR_SNAP_MARGIN_PX;
           newPosition = {
             x: newExpandedX,
@@ -8797,6 +8997,7 @@ var init_toolbar = __esm({
       };
       const handleToggle = createDragAwareHandler(() => props.onToggle?.());
       const handleComment = createDragAwareHandler(() => props.onComment?.());
+      const handleRecent = createDragAwareHandler(() => props.onToggleRecent?.());
       const handleToggleCollapse = createDragAwareHandler(() => {
         const rect = containerRef?.getBoundingClientRect();
         const wasCollapsed = isCollapsed();
@@ -8839,7 +9040,61 @@ var init_toolbar = __esm({
           }
         }, TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS);
       });
-      const handleToggleEnabled = createDragAwareHandler(() => props.onToggleEnabled?.());
+      const handleToggleEnabled = createDragAwareHandler(() => {
+        const isCurrentlyEnabled = Boolean(props.enabled);
+        const edge = snapEdge();
+        const preTogglePosition = position();
+        const expandableWidth = lastKnownExpandableWidth;
+        const shouldCompensatePosition = expandableWidth > 0 && edge !== "left";
+        if (shouldCompensatePosition) {
+          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
+          });
+          clearTimeout(toggleAnimationTimeout);
+          toggleAnimationTimeout = setTimeout(() => {
+            setIsToggleAnimating(false);
+            const newRatio = getRatioFromPosition(edge, position().x, position().y, expandedDimensions.width, expandedDimensions.height);
+            setPositionRatio(newRatio);
+            saveAndNotify({
+              edge,
+              ratio: newRatio,
+              collapsed: isCollapsed(),
+              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);
+        }
+      });
       const getSnapPosition = (currentX, currentY, elementWidth, elementHeight, velocityX, velocityY) => {
         const viewport = getVisualViewport();
         const viewportWidth = viewport.width;
@@ -8986,7 +9241,7 @@ var init_toolbar = __esm({
           case "bottom": {
             const xOffset = (expandedWidth - collapsedWidth) / 2;
             const centeredX = pos.x + xOffset;
-            const clampedX = clampToViewport(centeredX, viewport.offsetLeft, viewport.offsetLeft + viewport.width - collapsedWidth);
+            const clampedX = clampToViewport2(centeredX, viewport.offsetLeft, viewport.offsetLeft + viewport.width - collapsedWidth);
             return {
               x: clampedX,
               y: edge === "top" ? viewport.offsetTop : viewport.offsetTop + viewport.height - collapsedHeight
@@ -8996,7 +9251,7 @@ var init_toolbar = __esm({
           case "right": {
             const yOffset = (expandedHeight - collapsedHeight) / 2;
             const centeredY = pos.y + yOffset;
-            const clampedY = clampToViewport(centeredY, viewport.offsetTop, viewport.offsetTop + viewport.height - collapsedHeight);
+            const clampedY = clampToViewport2(centeredY, viewport.offsetTop, viewport.offsetTop + viewport.height - collapsedHeight);
             return {
               x: edge === "left" ? viewport.offsetLeft : viewport.offsetLeft + viewport.width - collapsedWidth,
               y: clampedY
@@ -9025,6 +9280,8 @@ var init_toolbar = __esm({
       let resizeTimeout;
       let collapseAnimationTimeout;
       let snapAnimationTimeout;
+      let toggleAnimationTimeout;
+      let recentItemCountTimeout;
       const handleResize = () => {
         if (isDragging()) return;
         setIsResizing(true);
@@ -9049,6 +9306,9 @@ var init_toolbar = __esm({
         props.onStateChange?.(state);
       };
       onMount(() => {
+        if (containerRef) {
+          props.onContainerRef?.(containerRef);
+        }
         const savedState = loadToolbarState();
         const rect = containerRef?.getBoundingClientRect();
         const viewport = getVisualViewport();
@@ -9085,9 +9345,12 @@ 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.onSubscribeToStateChanges) {
           const unsubscribe = props.onSubscribeToStateChanges((state) => {
-            if (isCollapseAnimating()) return;
+            if (isCollapseAnimating() || isToggleAnimating()) return;
             const rect2 = containerRef?.getBoundingClientRect();
             if (!rect2) return;
             const didCollapsedChange = isCollapsed() !== state.collapsed;
@@ -9102,18 +9365,14 @@ var init_toolbar = __esm({
               } = calculateExpandedPositionFromCollapsed(collapsedPos, state.edge);
               setPosition(newPos);
               setPositionRatio(newRatio);
-              if (collapseAnimationTimeout) {
-                clearTimeout(collapseAnimationTimeout);
-              }
+              clearTimeout(collapseAnimationTimeout);
               collapseAnimationTimeout = setTimeout(() => {
                 setIsCollapseAnimating(false);
               }, TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS);
             } else {
               if (didCollapsedChange) {
                 setIsCollapseAnimating(true);
-                if (collapseAnimationTimeout) {
-                  clearTimeout(collapseAnimationTimeout);
-                }
+                clearTimeout(collapseAnimationTimeout);
                 collapseAnimationTimeout = setTimeout(() => {
                   setIsCollapseAnimating(false);
                 }, TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS);
@@ -9142,18 +9401,12 @@ var init_toolbar = __esm({
         window.visualViewport?.removeEventListener("scroll", handleResize);
         window.removeEventListener("pointermove", handleWindowPointerMove);
         window.removeEventListener("pointerup", handleWindowPointerUp);
-        if (resizeTimeout) {
-          clearTimeout(resizeTimeout);
-        }
-        if (collapseAnimationTimeout) {
-          clearTimeout(collapseAnimationTimeout);
-        }
-        if (shakeTooltipTimeout) {
-          clearTimeout(shakeTooltipTimeout);
-        }
-        if (snapAnimationTimeout) {
-          clearTimeout(snapAnimationTimeout);
-        }
+        clearTimeout(resizeTimeout);
+        clearTimeout(collapseAnimationTimeout);
+        clearTimeout(shakeTooltipTimeout);
+        clearTimeout(snapAnimationTimeout);
+        clearTimeout(toggleAnimationTimeout);
+        clearTimeout(recentItemCountTimeout);
         unfreezeUpdatesCallback?.();
       });
       const currentPosition = () => {
@@ -9176,7 +9429,7 @@ var init_toolbar = __esm({
         if (isSnapping()) {
           return "transition-[transform,opacity] duration-300 ease-out";
         }
-        if (isCollapseAnimating()) {
+        if (isCollapseAnimating() || isToggleAnimating()) {
           return "transition-[transform,opacity] duration-150 ease-out";
         }
         return "transition-opacity duration-300 ease-out";
@@ -9197,7 +9450,7 @@ var init_toolbar = __esm({
         }
       };
       return (() => {
-        var _el$ = _tmpl$27(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$5.nextSibling, _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$1 = _el$8.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$3.nextSibling;
+        var _el$ = _tmpl$29(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$6.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$9.nextSibling, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$5.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$17 = _el$3.nextSibling;
         _el$.$$pointerdown = handlePointerDown;
         var _ref$ = containerRef;
         typeof _ref$ === "function" ? use(_ref$, _el$) : containerRef = _el$;
@@ -9227,23 +9480,25 @@ var init_toolbar = __esm({
           }
         };
         _el$2.addEventListener("animationend", () => setIsShaking(false));
-        _el$7.$$click = (event) => {
+        var _ref$2 = expandableButtonsRef;
+        typeof _ref$2 === "function" ? use(_ref$2, _el$5) : expandableButtonsRef = _el$5;
+        _el$8.$$click = (event) => {
           setIsSelectTooltipVisible(false);
           handleToggle(event);
         };
-        addEventListener(_el$7, "mousedown", stopEventPropagation);
-        addEventListener(_el$7, "pointerdown", (event) => {
+        addEventListener(_el$8, "mousedown", stopEventPropagation);
+        addEventListener(_el$8, "pointerdown", (event) => {
           stopEventPropagation(event);
           handlePointerDown(event);
         });
-        spread(_el$7, mergeProps(() => createFreezeHandlers(setIsSelectTooltipVisible)), false, true);
-        insert(_el$7, createComponent(IconSelect, {
+        spread(_el$8, mergeProps(() => createFreezeHandlers(setIsSelectTooltipVisible)), false, true);
+        insert(_el$8, createComponent(IconSelect, {
           size: 14,
           get ["class"]() {
             return cn("transition-colors", getToolbarIconColor(Boolean(props.isActive) && !props.isCommentMode, Boolean(props.isCommentMode)));
           }
         }));
-        insert(_el$6, createComponent(Tooltip, {
+        insert(_el$7, createComponent(Tooltip, {
           get visible() {
             return memo(() => !!isSelectTooltipVisible())() && !isCollapsed();
           },
@@ -9252,23 +9507,23 @@ var init_toolbar = __esm({
           },
           children: "Select"
         }), null);
-        _el$0.$$click = (event) => {
+        _el$1.$$click = (event) => {
           setIsCommentTooltipVisible(false);
           handleComment(event);
         };
-        addEventListener(_el$0, "mousedown", stopEventPropagation);
-        addEventListener(_el$0, "pointerdown", (event) => {
+        addEventListener(_el$1, "mousedown", stopEventPropagation);
+        addEventListener(_el$1, "pointerdown", (event) => {
           stopEventPropagation(event);
           handlePointerDown(event);
         });
-        spread(_el$0, mergeProps(() => createFreezeHandlers(setIsCommentTooltipVisible)), false, true);
-        insert(_el$0, createComponent(IconComment, {
+        spread(_el$1, mergeProps(() => createFreezeHandlers(setIsCommentTooltipVisible)), false, true);
+        insert(_el$1, createComponent(IconComment, {
           size: 14,
           get ["class"]() {
             return cn("transition-colors", getToolbarIconColor(Boolean(props.isCommentMode), Boolean(props.isActive) && !props.isCommentMode));
           }
         }));
-        insert(_el$9, createComponent(Tooltip, {
+        insert(_el$0, createComponent(Tooltip, {
           get visible() {
             return memo(() => !!isCommentTooltipVisible())() && !isCollapsed();
           },
@@ -9277,13 +9532,51 @@ var init_toolbar = __esm({
           },
           children: "Comment"
         }), null);
-        _el$10.addEventListener("mouseleave", () => setIsToggleTooltipVisible(false));
-        _el$10.addEventListener("mouseenter", () => setIsToggleTooltipVisible(true));
-        _el$10.$$click = (event) => {
+        _el$12.$$click = (event) => {
+          setIsRecentTooltipVisible(false);
+          handleRecent(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);
+        insert(_el$12, createComponent(Show, {
+          get when() {
+            return props.hasUnreadRecentItems;
+          },
+          get fallback() {
+            return createComponent(IconInbox, {
+              size: 14,
+              "class": "text-[#B3B3B3] transition-colors"
+            });
+          },
+          get children() {
+            return createComponent(IconInboxUnread, {
+              size: 14,
+              "class": "text-[#B3B3B3] transition-colors"
+            });
+          }
+        }));
+        insert(_el$11, createComponent(Tooltip, {
+          get visible() {
+            return memo(() => !!isRecentTooltipVisible())() && !isCollapsed();
+          },
+          get position() {
+            return tooltipPosition();
+          },
+          get children() {
+            return recentTooltipLabel();
+          }
+        }), null);
+        _el$14.addEventListener("mouseleave", () => setIsToggleTooltipVisible(false));
+        _el$14.addEventListener("mouseenter", () => setIsToggleTooltipVisible(true));
+        _el$14.$$click = (event) => {
           setIsToggleTooltipVisible(false);
           handleToggleEnabled(event);
         };
-        insert(_el$1, createComponent(Tooltip, {
+        insert(_el$13, createComponent(Tooltip, {
           get visible() {
             return memo(() => !!isToggleTooltipVisible())() && !isCollapsed();
           },
@@ -9294,8 +9587,9 @@ var init_toolbar = __esm({
             return props.enabled ? "Disable" : "Enable";
           }
         }), null);
-        addEventListener(_el$13, "click", handleToggleCollapse, true);
-        insert(_el$13, createComponent(IconChevron, {
+        addEventListener(_el$17, "click", handleToggleCollapse, true);
+        insert(_el$17, createComponent(IconChevron, {
+          size: 14,
           get ["class"]() {
             return cn("text-[#B3B3B3] transition-transform duration-150", chevronRotation());
           }
@@ -9305,23 +9599,24 @@ var init_toolbar = __esm({
             return isShakeTooltipVisible();
           },
           get children() {
-            var _el$14 = _tmpl$21();
-            createRenderEffect(() => className(_el$14, 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")));
-            return _el$14;
+            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")));
+            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("relative w-5 h-3 rounded-full transition-colors", props.enabled ? "bg-black" : "bg-black/25"), _v$0 = 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 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");
           _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$5, _p$.s = _v$7);
-          _v$8 !== _p$.h && className(_el$8, _p$.h = _v$8);
-          _v$9 !== _p$.r && className(_el$11, _p$.r = _v$9);
-          _v$0 !== _p$.d && className(_el$12, _p$.d = _v$0);
+          _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);
           return _p$;
         }, {
           e: void 0,
@@ -9333,7 +9628,8 @@ var init_toolbar = __esm({
           s: void 0,
           h: void 0,
           r: void 0,
-          d: void 0
+          d: void 0,
+          l: void 0
         });
         return _el$;
       })();
@@ -9374,7 +9670,7 @@ var init_is_event_from_overlay = __esm({
 });
 
 // src/components/context-menu.tsx
-var _tmpl$28, _tmpl$29, _tmpl$35, _tmpl$44, ContextMenu;
+var _tmpl$30, _tmpl$210, _tmpl$35, _tmpl$44, ContextMenu;
 var init_context_menu = __esm({
   "src/components/context-menu.tsx"() {
     "use strict";
@@ -9397,8 +9693,8 @@ var init_context_menu = __esm({
     init_get_tag_display();
     init_resolve_action_enabled();
     init_is_event_from_overlay();
-    _tmpl$28 = /* @__PURE__ */ template(`<div class="flex flex-col w-[calc(100%+16px)] -mx-2 -my-1.5">`);
-    _tmpl$29 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-context-menu 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 gap-1 pt-1.5 pb-1 w-fit h-fit px-2">`);
+    _tmpl$30 = /* @__PURE__ */ template(`<div class="flex flex-col w-[calc(100%+16px)] -mx-2 -my-1.5">`);
+    _tmpl$210 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-context-menu 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 gap-1 pt-1.5 pb-1 w-fit h-fit px-2">`);
     _tmpl$35 = /* @__PURE__ */ template(`<span class="text-[11px] font-sans text-black/50 ml-4">`);
     _tmpl$44 = /* @__PURE__ */ template(`<button data-react-grab-ignore-events class="contain-layout flex items-center justify-between w-full px-2 py-1 cursor-pointer transition-colors hover:bg-black/5 text-left border-none bg-transparent disabled:opacity-40 disabled:cursor-default disabled:hover:bg-transparent"><span class="text-[13px] leading-4 font-sans font-medium text-black">`);
     ContextMenu = (props) => {
@@ -9552,7 +9848,7 @@ var init_context_menu = __esm({
           return isVisible();
         },
         get children() {
-          var _el$ = _tmpl$29(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+          var _el$ = _tmpl$210(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
           _el$.$$contextmenu = handleMenuEvent;
           _el$.$$click = handleMenuEvent;
           _el$.$$mousedown = handleMenuEvent;
@@ -9592,7 +9888,7 @@ var init_context_menu = __esm({
           }));
           insert(_el$2, createComponent(BottomSection, {
             get children() {
-              var _el$4 = _tmpl$28();
+              var _el$4 = _tmpl$30();
               insert(_el$4, createComponent(For, {
                 get each() {
                   return menuItems();
@@ -9646,67 +9942,415 @@ var init_context_menu = __esm({
   }
 });
 
-// src/components/renderer.tsx
-var _tmpl$30, ReactGrabRenderer;
-var init_renderer = __esm({
-  "src/components/renderer.tsx"() {
+// src/utils/clamp-to-viewport.ts
+var clampToViewport;
+var init_clamp_to_viewport = __esm({
+  "src/utils/clamp-to-viewport.ts"() {
+    "use strict";
+    clampToViewport = (value, elementSize, viewportSize, padding) => Math.max(padding, Math.min(value, viewportSize - elementSize - padding));
+  }
+});
+
+// src/components/icons/icon-trash.tsx
+var _tmpl$31, IconTrash;
+var init_icon_trash = __esm({
+  "src/components/icons/icon-trash.tsx"() {
+    "use strict";
+    init_web();
+    init_web();
+    init_web();
+    _tmpl$31 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=currentColor><path fill-rule=evenodd clip-rule=evenodd d="M4.63751 20.1665L3.82444 6.75092L3.73431 5.06621C3.72513 4.89447 3.8619 4.75018 4.03388 4.75018H19.9945C20.1685 4.75018 20.306 4.89769 20.2938 5.07124L20.1756 6.75092L19.3625 20.1665C19.2745 21.618 18.0717 22.7502 16.6176 22.7502H7.38247C5.9283 22.7502 4.72548 21.618 4.63751 20.1665ZM8.74963 16.5002C8.74963 16.9144 9.08542 17.2502 9.49963 17.2502C9.91385 17.2502 10.2496 16.9144 10.2496 16.5002V10.5002C10.2496 10.086 9.91385 9.75018 9.49963 9.75018C9.08542 9.75018 8.74963 10.086 8.74963 10.5002V16.5002ZM14.4996 9.75018C14.9138 9.75018 15.2496 10.086 15.2496 10.5002V16.5002C15.2496 16.9144 14.9138 17.2502 14.4996 17.2502C14.0854 17.2502 13.7496 16.9144 13.7496 16.5002V10.5002C13.7496 10.086 14.0854 9.75018 14.4996 9.75018Z"></path><path fill-rule=evenodd clip-rule=evenodd d="M8.31879 2.46286C8.63394 1.7275 9.35702 1.2507 10.1571 1.2507H13.8383C14.6383 1.2507 15.3614 1.7275 15.6766 2.46286L16.6569 4.75034H19.2239C19.2903 4.75034 19.3523 4.75034 19.4102 4.7507H19.4637C19.4857 4.74973 19.5079 4.74972 19.5303 4.7507H20.9977C21.55 4.7507 21.9977 5.19842 21.9977 5.7507C21.9977 6.30299 21.55 6.7507 20.9977 6.7507H2.99768C2.4454 6.7507 1.99768 6.30299 1.99768 5.7507C1.99768 5.19842 2.4454 4.7507 2.99768 4.7507H4.46507C4.48746 4.74972 4.50968 4.74973 4.53167 4.7507H4.58469C4.6426 4.75034 4.70457 4.75034 4.77093 4.75034H7.33844L8.31879 2.46286ZM13.8903 3.37192L14.481 4.75034H9.5144L10.1052 3.37192C10.1367 3.29838 10.209 3.2507 10.289 3.2507L13.7064 3.2507C13.7864 3.2507 13.8587 3.29838 13.8903 3.37192Z">`);
+    IconTrash = (props) => {
+      const size = () => props.size ?? 14;
+      return (() => {
+        var _el$ = _tmpl$31();
+        createRenderEffect((_p$) => {
+          var _v$ = size(), _v$2 = size(), _v$3 = props.class;
+          _v$ !== _p$.e && setAttribute(_el$, "width", _p$.e = _v$);
+          _v$2 !== _p$.t && setAttribute(_el$, "height", _p$.t = _v$2);
+          _v$3 !== _p$.a && setAttribute(_el$, "class", _p$.a = _v$3);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        });
+        return _el$;
+      })();
+    };
+  }
+});
+
+// src/components/icons/icon-copy.tsx
+var _tmpl$36, IconCopy;
+var init_icon_copy = __esm({
+  "src/components/icons/icon-copy.tsx"() {
+    "use strict";
+    init_web();
+    init_web();
+    init_web();
+    _tmpl$36 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=currentColor><path d="M16.0549 8.25C17.4225 8.24998 18.5248 8.24996 19.3918 8.36652C20.2919 8.48754 21.0497 8.74643 21.6517 9.34835C22.2536 9.95027 22.5125 10.7081 22.6335 11.6083C22.75 12.4752 22.75 13.5775 22.75 14.9451V14.9451V16.0549V16.0549C22.75 17.4225 22.75 18.5248 22.6335 19.3918C22.5125 20.2919 22.2536 21.0497 21.6517 21.6517C21.0497 22.2536 20.2919 22.5125 19.3918 22.6335C18.5248 22.75 17.4225 22.75 16.0549 22.75H16.0549H14.9451H14.9451C13.5775 22.75 12.4752 22.75 11.6082 22.6335C10.7081 22.5125 9.95027 22.2536 9.34835 21.6516C8.74643 21.0497 8.48754 20.2919 8.36652 19.3918C8.24996 18.5248 8.24998 17.4225 8.25 16.0549V16.0549V14.9451V14.9451C8.24998 13.5775 8.24996 12.4752 8.36652 11.6082C8.48754 10.7081 8.74643 9.95027 9.34835 9.34835C9.95027 8.74643 10.7081 8.48754 11.6083 8.36652C12.4752 8.24996 13.5775 8.24998 14.9451 8.25H14.9451H16.0549H16.0549Z"></path><path d="M6.75 14.8569C6.74991 13.5627 6.74983 12.3758 6.8799 11.4084C7.0232 10.3425 7.36034 9.21504 8.28769 8.28769C9.21504 7.36034 10.3425 7.0232 11.4084 6.8799C12.3758 6.74983 13.5627 6.74991 14.8569 6.75L17.0931 6.75C17.3891 6.75 17.5371 6.75 17.6261 6.65419C17.7151 6.55838 17.7045 6.4142 17.6833 6.12584C17.6648 5.87546 17.6412 5.63892 17.6111 5.41544C17.4818 4.45589 17.2232 3.6585 16.6718 2.98663C16.4744 2.74612 16.2539 2.52558 16.0134 2.3282C15.3044 1.74638 14.4557 1.49055 13.4248 1.36868C12.4205 1.24998 11.1512 1.24999 9.54893 1.25H9.45109C7.84883 1.24999 6.57947 1.24998 5.57525 1.36868C4.54428 1.49054 3.69558 1.74638 2.98663 2.3282C2.74612 2.52558 2.52558 2.74612 2.3282 2.98663C1.74638 3.69558 1.49055 4.54428 1.36868 5.57525C1.24998 6.57947 1.24999 7.84882 1.25 9.45108V9.54891C1.24999 11.1512 1.24998 12.4205 1.36868 13.4247C1.49054 14.4557 1.74638 15.3044 2.3282 16.0134C2.52558 16.2539 2.74612 16.4744 2.98663 16.6718C3.6585 17.2232 4.45589 17.4818 5.41544 17.6111C5.63892 17.6412 5.87546 17.6648 6.12584 17.6833C6.4142 17.7045 6.55838 17.7151 6.65419 17.6261C6.75 17.5371 6.75 17.3891 6.75 17.0931V14.8569Z">`);
+    IconCopy = (props) => {
+      const size = () => props.size ?? 14;
+      return (() => {
+        var _el$ = _tmpl$36();
+        createRenderEffect((_p$) => {
+          var _v$ = size(), _v$2 = size(), _v$3 = props.class;
+          _v$ !== _p$.e && setAttribute(_el$, "width", _p$.e = _v$);
+          _v$2 !== _p$.t && setAttribute(_el$, "height", _p$.t = _v$2);
+          _v$3 !== _p$.a && setAttribute(_el$, "class", _p$.a = _v$3);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        });
+        return _el$;
+      })();
+    };
+  }
+});
+
+// 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"() {
     "use strict";
     init_web();
     init_web();
     init_web();
     init_web();
     init_web();
+    init_web();
+    init_web();
+    init_web();
     init_solid();
     init_constants();
-    init_build_open_file_url();
-    init_overlay_canvas();
-    init_selection_label();
-    init_toolbar();
-    init_context_menu();
-    _tmpl$30 = /* @__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, {
-        get crosshairVisible() {
-          return props.crosshairVisible;
-        },
-        get mouseX() {
-          return props.mouseX;
-        },
-        get mouseY() {
-          return props.mouseY;
-        },
-        get selectionVisible() {
-          return props.selectionVisible;
-        },
-        get selectionBounds() {
-          return props.selectionBounds;
-        },
-        get selectionBoundsMultiple() {
-          return props.selectionBoundsMultiple;
-        },
-        get selectionShouldSnap() {
-          return props.selectionShouldSnap;
-        },
-        get selectionIsFading() {
-          return props.selectionLabelStatus === "fading";
-        },
-        get dragVisible() {
-          return props.dragVisible;
-        },
-        get dragBounds() {
-          return props.dragBounds;
-        },
-        get grabbedBoxes() {
-          return props.grabbedBoxes;
-        },
-        get agentSessions() {
-          return props.agentSessions;
-        },
-        get labelInstances() {
+    init_clamp_to_viewport();
+    init_cn();
+    init_is_event_from_overlay();
+    init_icon_trash();
+    init_icon_copy();
+    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$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>`);
+    DEFAULT_OFFSCREEN_POSITION2 = {
+      left: -9999,
+      top: -9999
+    };
+    ITEM_ACTION_CLASS = "flex items-center justify-center cursor-pointer text-black/25 transition-colors press-scale";
+    formatRelativeTime = (timestamp) => {
+      const elapsedSeconds = Math.floor((Date.now() - timestamp) / 1e3);
+      if (elapsedSeconds < 60) return "now";
+      const elapsedMinutes = Math.floor(elapsedSeconds / 60);
+      if (elapsedMinutes < 60) return `${elapsedMinutes}m`;
+      const elapsedHours = Math.floor(elapsedMinutes / 60);
+      if (elapsedHours < 24) return `${elapsedHours}h`;
+      return `${Math.floor(elapsedHours / 24)}d`;
+    };
+    RecentDropdown = (props) => {
+      let containerRef;
+      const [measuredWidth, setMeasuredWidth] = createSignal(0);
+      const [measuredHeight, setMeasuredHeight] = createSignal(0);
+      const [activeHeaderTooltip, setActiveHeaderTooltip] = createSignal(null);
+      const isVisible = () => props.position !== null;
+      const measureContainer = () => {
+        if (containerRef) {
+          const rect = containerRef.getBoundingClientRect();
+          setMeasuredWidth(rect.width);
+          setMeasuredHeight(rect.height);
+        }
+      };
+      createEffect(() => {
+        if (isVisible()) {
+          requestAnimationFrame(measureContainer);
+        }
+      });
+      const computedPosition = () => {
+        const anchor = props.position;
+        const width = measuredWidth();
+        const height = measuredHeight();
+        if (!anchor || width === 0 || height === 0) {
+          return DEFAULT_OFFSCREEN_POSITION2;
+        }
+        const {
+          edge
+        } = anchor;
+        let rawLeft;
+        let rawTop;
+        if (edge === "left" || edge === "right") {
+          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;
+          rawTop = edge === "top" ? anchor.y + DROPDOWN_ANCHOR_GAP_PX : anchor.y - height - DROPDOWN_ANCHOR_GAP_PX;
+        }
+        return {
+          left: clampToViewport(rawLeft, width, window.innerWidth, DROPDOWN_VIEWPORT_PADDING_PX),
+          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 panelMinWidth = () => Math.max(DROPDOWN_MIN_WIDTH_PX, props.position?.toolbarWidth ?? 0);
+      const handleMenuEvent = (event) => {
+        if (event.type === "contextmenu") {
+          event.preventDefault();
+        }
+        event.stopImmediatePropagation();
+      };
+      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") {
+            event.preventDefault();
+            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
+          });
+          window.removeEventListener("keydown", handleKeyDown, {
+            capture: true
+          });
+        });
+      });
+      return createComponent(Show, {
+        get when() {
+          return isVisible();
+        },
+        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;
+          _el$.$$contextmenu = handleMenuEvent;
+          _el$.$$click = handleMenuEvent;
+          _el$.$$mousedown = handleMenuEvent;
+          _el$.$$pointerdown = handleMenuEvent;
+          var _ref$ = containerRef;
+          typeof _ref$ === "function" ? use(_ref$, _el$) : containerRef = _el$;
+          insert(_el$3, createComponent(Show, {
+            get when() {
+              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;
+              _el$7.addEventListener("mouseleave", () => setActiveHeaderTooltip(null));
+              _el$7.addEventListener("mouseenter", () => setActiveHeaderTooltip("clear"));
+              _el$7.$$click = (event) => {
+                event.stopPropagation();
+                setActiveHeaderTooltip(null);
+                props.onClearAll?.();
+              };
+              insert(_el$7, createComponent(IconTrash, {
+                size: DROPDOWN_ICON_SIZE_PX
+              }));
+              insert(_el$6, createComponent(Tooltip, {
+                get visible() {
+                  return activeHeaderTooltip() === "clear";
+                },
+                position: "top",
+                children: "Clear all"
+              }), null);
+              _el$9.addEventListener("mouseleave", () => {
+                setActiveHeaderTooltip(null);
+                props.onCopyAllHover?.(false);
+              });
+              _el$9.addEventListener("mouseenter", () => {
+                setActiveHeaderTooltip("copy");
+                props.onCopyAllHover?.(true);
+              });
+              _el$9.$$click = (event) => {
+                event.stopPropagation();
+                setActiveHeaderTooltip(null);
+                props.onCopyAll?.();
+              };
+              insert(_el$9, createComponent(IconCopy, {
+                size: DROPDOWN_ICON_SIZE_PX
+              }), _el$0);
+              insert(_el$8, createComponent(Tooltip, {
+                get visible() {
+                  return activeHeaderTooltip() === "copy";
+                },
+                position: "top",
+                children: "Copy all"
+              }), null);
+              return _el$5;
+            }
+          }), null);
+          insert(_el$10, 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) => {
+                if (event.code === "Space" && event.currentTarget === event.target) {
+                  event.preventDefault();
+                  event.stopPropagation();
+                  props.onSelectItem?.(item);
+                }
+              };
+              _el$11.$$click = (event) => {
+                event.stopPropagation();
+                props.onSelectItem?.(item);
+              };
+              _el$11.$$pointerdown = (event) => event.stopPropagation();
+              insert(_el$13, () => item.componentName ?? item.tagName);
+              insert(_el$12, createComponent(Show, {
+                get when() {
+                  return item.commentText;
+                },
+                get children() {
+                  var _el$14 = _tmpl$38();
+                  insert(_el$14, () => item.commentText);
+                  return _el$14;
+                }
+              }), null);
+              insert(_el$16, () => formatRelativeTime(item.timestamp));
+              _el$18.$$click = (event) => {
+                event.stopPropagation();
+                props.onRemoveItem?.(item);
+              };
+              insert(_el$18, createComponent(IconTrash, {
+                size: DROPDOWN_ICON_SIZE_PX
+              }));
+              _el$19.$$click = (event) => {
+                event.stopPropagation();
+                props.onCopyItem?.(item);
+              };
+              insert(_el$19, createComponent(IconCopy, {
+                size: DROPDOWN_ICON_SIZE_PX
+              }));
+              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);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0
+              });
+              return _el$11;
+            })()
+          }));
+          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`;
+            _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);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0,
+            i: void 0,
+            n: void 0
+          });
+          return _el$;
+        }
+      });
+    };
+    delegateEvents(["pointerdown", "mousedown", "click", "contextmenu", "keydown"]);
+  }
+});
+
+// src/components/renderer.tsx
+var _tmpl$39, ReactGrabRenderer;
+var init_renderer = __esm({
+  "src/components/renderer.tsx"() {
+    "use strict";
+    init_web();
+    init_web();
+    init_web();
+    init_web();
+    init_web();
+    init_solid();
+    init_constants();
+    init_build_open_file_url();
+    init_overlay_canvas();
+    init_selection_label();
+    init_toolbar();
+    init_context_menu();
+    init_recent_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, {
+        get crosshairVisible() {
+          return props.crosshairVisible;
+        },
+        get mouseX() {
+          return props.mouseX;
+        },
+        get mouseY() {
+          return props.mouseY;
+        },
+        get selectionVisible() {
+          return props.selectionVisible;
+        },
+        get selectionBounds() {
+          return props.selectionBounds;
+        },
+        get selectionBoundsMultiple() {
+          return props.selectionBoundsMultiple;
+        },
+        get selectionShouldSnap() {
+          return props.selectionShouldSnap;
+        },
+        get selectionIsFading() {
+          return props.selectionLabelStatus === "fading";
+        },
+        get dragVisible() {
+          return props.dragVisible;
+        },
+        get dragBounds() {
+          return props.dragBounds;
+        },
+        get grabbedBoxes() {
+          return props.grabbedBoxes;
+        },
+        get agentSessions() {
+          return props.agentSessions;
+        },
+        get labelInstances() {
           return props.labelInstances;
         }
       }), (() => {
-        var _el$ = _tmpl$30();
+        var _el$ = _tmpl$39();
         setStyleProperty(_el$, "z-index", Z_INDEX_OVERLAY_CANVAS);
         setStyleProperty(_el$, "box-shadow", `inset 0 0 ${FROZEN_GLOW_EDGE_PX}px ${FROZEN_GLOW_COLOR}`);
         createRenderEffect((_$p) => setStyleProperty(_el$, "opacity", props.isFrozen ? 1 : 0));
@@ -9887,9 +10531,24 @@ var init_renderer = __esm({
           get status() {
             return instance().status;
           },
+          get statusText() {
+            return instance().statusText;
+          },
+          get hasAgent() {
+            return Boolean(instance().statusText);
+          },
+          get isPromptMode() {
+            return instance().isPromptMode;
+          },
+          get inputValue() {
+            return instance().inputValue;
+          },
           get error() {
             return instance().errorMessage;
           },
+          get hideArrow() {
+            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;
           },
@@ -9933,6 +10592,21 @@ var init_renderer = __esm({
             },
             get onSelectHoverChange() {
               return props.onToolbarSelectHoverChange;
+            },
+            get onContainerRef() {
+              return props.onToolbarRef;
+            },
+            get recentItemCount() {
+              return props.recentItemCount;
+            },
+            get hasUnreadRecentItems() {
+              return props.hasUnreadRecentItems;
+            },
+            get onToggleRecent() {
+              return props.onToggleRecent;
+            },
+            get onRecentButtonHover() {
+              return props.onRecentButtonHover;
             }
           });
         }
@@ -9966,6 +10640,37 @@ var init_renderer = __esm({
           return props.onContextMenuHide ?? (() => {
           });
         }
+      }), createComponent(RecentDropdown, {
+        get position() {
+          return props.recentDropdownPosition ?? null;
+        },
+        get items() {
+          return props.recentItems ?? [];
+        },
+        get onSelectItem() {
+          return props.onRecentItemSelect;
+        },
+        get onRemoveItem() {
+          return props.onRecentItemRemove;
+        },
+        get onCopyItem() {
+          return props.onRecentItemCopy;
+        },
+        get onItemHover() {
+          return props.onRecentItemHover;
+        },
+        get onCopyAll() {
+          return props.onRecentCopyAll;
+        },
+        get onCopyAllHover() {
+          return props.onRecentCopyAllHover;
+        },
+        get onClearAll() {
+          return props.onRecentClear;
+        },
+        get onDismiss() {
+          return props.onRecentDismiss;
+        }
       })];
     };
   }
@@ -11022,20 +11727,18 @@ var init_events = __esm({
 });
 
 // src/utils/copy-content.ts
-var LEXICAL_EDITOR_MIME_TYPE, REACT_GRAB_MIME_TYPE, generateUuid, createMentionNode, createTextNode, createLexicalClipboardData, copyContent;
+var LEXICAL_EDITOR_MIME_TYPE, REACT_GRAB_MIME_TYPE, generateUuid, createMentionNode, createTextNode, escapeHtml, createClipboardData, copyContent;
 var init_copy_content = __esm({
   "src/utils/copy-content.ts"() {
     "use strict";
     init_constants();
     LEXICAL_EDITOR_MIME_TYPE = "application/x-lexical-editor";
     REACT_GRAB_MIME_TYPE = "application/x-react-grab";
-    generateUuid = () => {
-      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (char) => {
-        const random = Math.random() * 16 | 0;
-        const value = char === "x" ? random : random & 3 | 8;
-        return value.toString(16);
-      });
-    };
+    generateUuid = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (character) => {
+      const randomNibble = Math.random() * 16 | 0;
+      const hexValue = character === "x" ? randomNibble : randomNibble & 3 | 8;
+      return hexValue.toString(16);
+    });
     createMentionNode = (displayName, mentionKey, typeaheadType, metadata) => ({
       detail: 1,
       format: 0,
@@ -11059,7 +11762,8 @@ var init_copy_content = __esm({
       type: "text",
       version: 1
     });
-    createLexicalClipboardData = (content, elementName) => {
+    escapeHtml = (text) => text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    createClipboardData = (content, elementName) => {
       const mentionKey = String(Math.floor(Math.random() * 1e4));
       const namespaceUuid = generateUuid();
       const displayName = `<${elementName}>`;
@@ -11082,16 +11786,12 @@ var init_copy_content = __esm({
         selection: { type: 0 },
         selectedOption
       };
-      const escapedMentionMetadata = JSON.stringify(mentionMetadata).replace(
-        /"/g,
-        "&quot;"
-      );
       return {
         plainText: `@${displayName}
 
 ${content}
 `,
-        htmlContent: `<meta charset='utf-8'><span data-mention-key="${mentionKey}" data-lexical-mention="true" data-mention-name="${displayName}" data-typeahead-type="[object Object]" data-mention-metadata="${escapedMentionMetadata}">@${displayName}</span><pre><code>${content}</code></pre>`,
+        htmlContent: `<meta charset='utf-8'><pre><code>${escapeHtml(content)}</code></pre>`,
         lexicalData: JSON.stringify({
           namespace: `chat-input${namespaceUuid}-pane`,
           nodes: [
@@ -11110,7 +11810,7 @@ ${content}`)
     };
     copyContent = (content, options) => {
       const elementName = options?.name ?? "div";
-      const { plainText, htmlContent, lexicalData } = createLexicalClipboardData(
+      const { plainText, htmlContent, lexicalData } = createClipboardData(
         content,
         elementName
       );
@@ -11169,6 +11869,19 @@ var init_generate_snippet = __esm({
   }
 });
 
+// src/utils/join-snippets.ts
+var joinSnippets;
+var init_join_snippets = __esm({
+  "src/utils/join-snippets.ts"() {
+    "use strict";
+    joinSnippets = (snippets) => {
+      if (snippets.length <= 1) return snippets[0] ?? "";
+      return snippets.map((snippet, index) => `[${index + 1}]
+${snippet}`).join("\n\n");
+    };
+  }
+});
+
 // src/core/copy.ts
 var tryCopyWithFallback;
 var init_copy = __esm({
@@ -11176,6 +11889,7 @@ var init_copy = __esm({
     "use strict";
     init_copy_content();
     init_generate_snippet();
+    init_join_snippets();
     tryCopyWithFallback = async (options, hooks, elements, extraPrompt) => {
       let didCopy = false;
       let copiedContent = "";
@@ -11193,7 +11907,8 @@ var init_copy = __esm({
               (snippet, index) => snippet.trim() ? hooks.transformSnippet(snippet, elements[index]) : Promise.resolve("")
             )
           );
-          generatedContent = transformedSnippets.filter((s3) => s3.trim()).join("\n\n");
+          const nonEmptySnippets = transformedSnippets.filter((s3) => s3.trim());
+          generatedContent = joinSnippets(nonEmptySnippets);
         }
         if (generatedContent.trim()) {
           const transformedContent = await hooks.transformCopyContent(
@@ -11803,44 +12518,6 @@ var init_delay = __esm({
   }
 });
 
-// src/utils/create-scroll-cycler.ts
-var createScrollCycler;
-var init_create_scroll_cycler = __esm({
-  "src/utils/create-scroll-cycler.ts"() {
-    "use strict";
-    createScrollCycler = (options) => {
-      const { thresholdPx, throttleMs, lineHeightPx, onStep } = options;
-      let accumulatedDelta = 0;
-      let currentDirection = null;
-      let lastStepTimestamp = 0;
-      const handleWheel = (event) => {
-        const primaryAxisDelta = Math.abs(event.deltaY) >= Math.abs(event.deltaX) ? event.deltaY : event.deltaX;
-        if (primaryAxisDelta === 0) return;
-        let normalizedDelta = primaryAxisDelta;
-        if (event.deltaMode === 1) {
-          normalizedDelta *= lineHeightPx;
-        } else if (event.deltaMode === 2) {
-          normalizedDelta *= window.innerHeight;
-        }
-        const direction = normalizedDelta > 0 ? 1 : -1;
-        if (currentDirection !== direction) {
-          currentDirection = direction;
-          accumulatedDelta = 0;
-        }
-        accumulatedDelta += Math.abs(normalizedDelta);
-        const now = Date.now();
-        if (now - lastStepTimestamp < throttleMs || accumulatedDelta < thresholdPx) {
-          return;
-        }
-        accumulatedDelta -= thresholdPx;
-        lastStepTimestamp = now;
-        onStep(direction < 0 ? "backward" : "forward");
-      };
-      return { handleWheel };
-    };
-  }
-});
-
 // src/core/theme.ts
 var DEFAULT_THEME, mergeThemeWithBase, deepMergeTheme;
 var init_theme = __esm({
@@ -12929,7 +13606,7 @@ var init_log_intro = __esm({
     init_is_extension_context();
     logIntro = () => {
       try {
-        const version = "0.1.13";
+        const version = "0.1.14";
         const logoDataUri = `data:image/svg+xml;base64,${btoa(LOGO_SVG)}`;
         console.log(
           `%cReact Grab${version ? ` v${version}` : ""}%c
@@ -13171,6 +13848,53 @@ 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"() {
+    "use strict";
+    init_constants();
+    SESSION_STORAGE_KEY = "react-grab-recent-items";
+    loadFromSessionStorage = () => {
+      try {
+        const serializedRecentItems = sessionStorage.getItem(SESSION_STORAGE_KEY);
+        if (!serializedRecentItems) return [];
+        return JSON.parse(serializedRecentItems);
+      } catch {
+        return [];
+      }
+    };
+    saveToSessionStorage = (items) => {
+      try {
+        sessionStorage.setItem(SESSION_STORAGE_KEY, JSON.stringify(items));
+      } catch {
+      }
+    };
+    recentItems = loadFromSessionStorage();
+    generateRecentItemId = () => `recent-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+    loadRecent = () => recentItems;
+    addRecentItem = (item) => {
+      const newItem = {
+        ...item,
+        id: generateRecentItemId()
+      };
+      recentItems = [newItem, ...recentItems].slice(0, MAX_RECENT_ITEMS);
+      saveToSessionStorage(recentItems);
+      return recentItems;
+    };
+    removeRecentItem = (itemId) => {
+      recentItems = recentItems.filter((item) => item.id !== itemId);
+      saveToSessionStorage(recentItems);
+      return recentItems;
+    };
+    clearRecent = () => {
+      recentItems = [];
+      saveToSessionStorage(recentItems);
+      return recentItems;
+    };
+  }
+});
+
 // src/core/index.tsx
 var core_exports = {};
 __export(core_exports, {
@@ -13220,7 +13944,6 @@ var init_core = __esm({
     init_is_screenshot_supported();
     init_delay();
     init_resolve_action_enabled();
-    init_create_scroll_cycler();
     init_theme();
     init_plugin_registry();
     init_agent();
@@ -13241,6 +13964,9 @@ var init_core = __esm({
     init_freeze_animations();
     init_freeze_pseudo_states();
     init_freeze_updates();
+    init_recent_storage();
+    init_copy_content();
+    init_join_snippets();
     init_context();
     init_dist();
     init_theme();
@@ -13316,6 +14042,13 @@ 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);
+        let toolbarElement;
+        let recentPositionFrameId = null;
+        const recentElementMap = /* @__PURE__ */ new Map();
+        const [hasUnreadRecentItems, setHasUnreadRecentItems] = createSignal(false);
+        let recentHoverPreviews = [];
         const pendingAbortSessionId = createMemo(() => store.pendingAbortSessionId);
         const hasAgentProvider = createMemo(() => store.hasAgentProvider);
         const clearHoldTimer = () => {
@@ -13371,14 +14104,9 @@ var init_core = __esm({
           }
           previouslyHoldingKeys = currentlyHolding;
         });
-        const elementInputCache = /* @__PURE__ */ new WeakMap();
-        const loadCachedInput = (element) => {
-          const cachedInput = elementInputCache.get(element);
-          actions.setInputText(cachedInput ?? "");
-        };
         const preparePromptMode = (element, positionX, positionY) => {
           setCopyStartPosition(element, positionX, positionY);
-          loadCachedInput(element);
+          actions.clearInputText();
         };
         const activatePromptMode = () => {
           const element = store.frozenElement || targetElement();
@@ -13418,6 +14146,7 @@ var init_core = __esm({
         let copyWaitingForConfirmation = false;
         let holdTimerFiredWaitingForConfirmation = false;
         let isScreenshotInProgress = false;
+        let lastWindowFocusTimestamp = 0;
         let inToggleFeedbackPeriod = false;
         let toggleFeedbackTimerId = null;
         let actionCycleIdleTimeoutId = null;
@@ -13494,25 +14223,27 @@ var init_core = __esm({
             }
           }));
         };
-        const createLabelInstance = (bounds, tagName, componentName, status, element, mouseX, elements, boundsMultiple) => {
+        const createLabelInstance = (bounds, tagName, componentName, status, options) => {
           actions.clearLabelInstances();
           const instanceId = `label-${Date.now()}-${Math.random().toString(36).slice(2)}`;
           const boundsCenterX = bounds.x + bounds.width / 2;
           const boundsHalfWidth = bounds.width / 2;
+          const mouseX = options?.mouseX;
           const mouseXOffset = mouseX !== void 0 ? mouseX - boundsCenterX : void 0;
           const instance = {
             id: instanceId,
             bounds,
-            boundsMultiple,
+            boundsMultiple: options?.boundsMultiple,
             tagName,
             componentName,
             status,
             createdAt: Date.now(),
-            element,
-            elements,
+            element: options?.element,
+            elements: options?.elements,
             mouseX,
             mouseXOffsetFromCenter: mouseXOffset,
-            mouseXOffsetRatio: mouseXOffset !== void 0 && boundsHalfWidth > 0 ? mouseXOffset / boundsHalfWidth : void 0
+            mouseXOffsetRatio: mouseXOffset !== void 0 && boundsHalfWidth > 0 ? mouseXOffset / boundsHalfWidth : void 0,
+            hideArrow: options?.hideArrow
           };
           actions.addLabelInstance(instance);
           return instanceId;
@@ -13556,7 +14287,11 @@ var init_core = __esm({
         const executeCopyOperation = async (positionX, positionY, operation, bounds, tagName, componentName, element, shouldDeactivateAfter, elements) => {
           inToggleFeedbackPeriod = false;
           actions.startCopy();
-          const instanceId = bounds && tagName ? createLabelInstance(bounds, tagName, componentName, "copying", element, positionX, elements) : null;
+          const instanceId = bounds && tagName ? createLabelInstance(bounds, tagName, componentName, "copying", {
+            element,
+            mouseX: positionX,
+            elements
+          }) : null;
           await operation().finally(() => {
             actions.completeCopy(element);
             if (instanceId) {
@@ -13578,9 +14313,9 @@ var init_core = __esm({
             }
           });
         };
-        const copyWithFallback = (elements, extraPrompt) => {
+        const copyWithFallback = (elements, extraPrompt, resolvedComponentName2) => {
           const firstElement = elements[0];
-          const componentName = firstElement ? getComponentDisplayName(firstElement) : null;
+          const componentName = resolvedComponentName2 ?? (firstElement ? getComponentDisplayName(firstElement) : null);
           const tagName = firstElement ? getTagName(firstElement) : null;
           const elementName = componentName ?? tagName ?? void 0;
           return tryCopyWithFallback({
@@ -13592,11 +14327,50 @@ var init_core = __esm({
             transformSnippet: pluginRegistry.hooks.transformSnippet,
             transformCopyContent: pluginRegistry.hooks.transformCopyContent,
             onAfterCopy: pluginRegistry.hooks.onAfterCopy,
-            onCopySuccess: pluginRegistry.hooks.onCopySuccess,
+            onCopySuccess: (copiedElements, content) => {
+              pluginRegistry.hooks.onCopySuccess(copiedElements, content);
+              const primaryElement = copiedElements[0];
+              const isComment = Boolean(extraPrompt);
+              if (primaryElement) {
+                const currentItems = recentItems2();
+                for (const [existingItemId, mappedElement] of recentElementMap.entries()) {
+                  if (mappedElement !== primaryElement) 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);
+                    break;
+                  }
+                }
+              }
+              const updatedRecentItems = addRecentItem({
+                content,
+                elementName: elementName ?? "element",
+                tagName: tagName ?? "div",
+                componentName: componentName ?? void 0,
+                isComment,
+                commentText: extraPrompt ?? void 0,
+                timestamp: Date.now()
+              });
+              setRecentItems(updatedRecentItems);
+              setHasUnreadRecentItems(true);
+              const newestRecentItem = updatedRecentItems[0];
+              if (newestRecentItem && primaryElement) {
+                recentElementMap.set(newestRecentItem.id, primaryElement);
+              }
+              const currentItemIds = new Set(updatedRecentItems.map((item) => item.id));
+              for (const mapItemId of recentElementMap.keys()) {
+                if (!currentItemIds.has(mapItemId)) {
+                  recentElementMap.delete(mapItemId);
+                }
+              }
+            },
             onCopyError: pluginRegistry.hooks.onCopyError
           }, elements, extraPrompt);
         };
-        const copyElementsToClipboard = async (targetElements, extraPrompt) => {
+        const copyElementsToClipboard = async (targetElements, extraPrompt, resolvedComponentName2) => {
           if (targetElements.length === 0) return;
           for (const element of targetElements) {
             pluginRegistry.hooks.onElementSelect(element);
@@ -13605,7 +14379,7 @@ var init_core = __esm({
             }
           }
           await new Promise((resolve) => requestAnimationFrame(resolve));
-          await copyWithFallback(targetElements, extraPrompt);
+          await copyWithFallback(targetElements, extraPrompt, resolvedComponentName2);
           void notifyElementsSelected(targetElements);
         };
         const performCopyWithLabel = ({
@@ -13629,7 +14403,7 @@ var init_core = __esm({
           const labelPositionX = allElements.length > 1 ? overlayBounds.x + overlayBounds.width / 2 : positionX;
           const tagName = getTagName(element);
           void getNearestComponentName(element).then((componentName) => {
-            void executeCopyOperation(labelPositionX, positionY, () => copyElementsToClipboard(allElements, extraPrompt), overlayBounds, tagName, componentName ?? void 0, element, shouldDeactivateAfter, elements).then(() => {
+            void executeCopyOperation(labelPositionX, positionY, () => copyElementsToClipboard(allElements, extraPrompt, componentName ?? void 0), overlayBounds, tagName, componentName ?? void 0, element, shouldDeactivateAfter, elements).then(() => {
               onComplete?.();
             });
           });
@@ -14012,7 +14786,6 @@ var init_core = __esm({
           const currentY = firstBounds.y + firstBounds.height / 2;
           const labelPositionX = currentX + store.copyOffsetFromCenterX;
           if ((store.selectedAgent || hasAgentProvider()) && prompt) {
-            elementInputCache.delete(element);
             const currentReplySessionId = store.replySessionId;
             const selectedAgent = store.selectedAgent;
             deactivateRenderer();
@@ -14038,11 +14811,6 @@ var init_core = __esm({
           actions.exitPromptMode();
           actions.clearInputText();
           actions.clearReplySessionId();
-          if (prompt) {
-            elementInputCache.set(element, prompt);
-          } else {
-            elementInputCache.delete(element);
-          }
           performCopyWithLabel({
             element,
             positionX: labelPositionX,
@@ -14060,10 +14828,6 @@ var init_core = __esm({
             actions.setPendingDismiss(true);
             return;
           }
-          const element = store.frozenElement || targetElement();
-          if (element && currentInput) {
-            elementInputCache.set(element, currentInput);
-          }
           actions.clearInputText();
           actions.clearReplySessionId();
           deactivateRenderer();
@@ -14125,7 +14889,7 @@ var init_core = __esm({
         };
         const enterCommentModeForElement = (element, positionX, positionY) => {
           actions.setPendingCommentMode(false);
-          loadCachedInput(element);
+          actions.clearInputText();
           actions.enterPromptMode({
             x: positionX,
             y: positionY
@@ -14163,6 +14927,7 @@ var init_core = __esm({
             if (isActivated()) {
               deactivateRenderer();
             }
+            dismissRecentDropdown();
             if (toggleFeedbackTimerId !== null) {
               window.clearTimeout(toggleFeedbackTimerId);
               toggleFeedbackTimerId = null;
@@ -14372,6 +15137,7 @@ var init_core = __esm({
         };
         const handleEnterKeyActivation = (event) => {
           if (!isEnterCode(event.code)) return false;
+          if (isKeyboardEventTriggeredByInput(event)) return false;
           const copiedElement = store.lastCopiedElement;
           const canActivateFromCopied = !isHoldingKeys() && !isPromptMode() && !isActivated() && copiedElement && isElementConnected(copiedElement) && !store.labelInstances.some((instance) => instance.status === "copied" || instance.status === "fading");
           if (canActivateFromCopied) {
@@ -14449,7 +15215,11 @@ var init_core = __esm({
           const shouldDeactivate = store.wasActivatedByToggle;
           const overlayBounds = createFlatOverlayBounds(bounds);
           const selectionBoundsArray = allBounds.length > 1 ? allBounds : singleBounds ? [singleBounds] : [];
-          const instanceId = createLabelInstance(overlayBounds, tagName, void 0, "copying", element ?? void 0, bounds.x + bounds.width / 2, void 0, selectionBoundsArray);
+          const instanceId = createLabelInstance(overlayBounds, tagName, void 0, "copying", {
+            element: element ?? void 0,
+            mouseX: bounds.x + bounds.width / 2,
+            boundsMultiple: selectionBoundsArray
+          });
           isScreenshotInProgress = true;
           rendererRoot.style.visibility = "hidden";
           const elementsForScreenshot = store.frozenElements.length > 0 ? [...store.frozenElements] : element ? [element] : [];
@@ -14528,13 +15298,9 @@ var init_core = __esm({
           });
         };
         const availableActionCycleItems = createMemo(() => {
-          const element = selectionElement();
-          if (!element) return [];
-          const actionsById = new Map(pluginRegistry.store.actions.map((action) => [action.id, action]));
+          if (!selectionElement()) return [];
           const cycleItems = [];
-          for (const actionId of ACTION_CYCLE_ACTION_IDS) {
-            const action = actionsById.get(actionId);
-            if (!action) continue;
+          for (const action of pluginRegistry.store.actions) {
             const isStaticallyDisabled = typeof action.enabled === "boolean" && !action.enabled;
             if (isStaticallyDisabled) continue;
             cycleItems.push({
@@ -14570,33 +15336,23 @@ var init_core = __esm({
             }
           }, ACTION_CYCLE_IDLE_TRIGGER_MS);
         };
-        const applyActionCycleItems = (cycleItems, direction) => {
+        const advanceActionCycle = () => {
+          if (!canCycleActions()) return false;
+          const cycleItems = availableActionCycleItems();
           if (cycleItems.length === 0) return false;
           setActionCycleItems(cycleItems);
           const currentIndex = actionCycleActiveIndex();
           const isCurrentIndexValid = currentIndex !== null && currentIndex < cycleItems.length;
-          const stepOffset = direction === "forward" ? 1 : -1;
-          let nextIndex;
-          if (!isCurrentIndexValid) {
-            nextIndex = direction === "forward" ? 0 : cycleItems.length - 1;
-          } else {
-            nextIndex = (currentIndex + stepOffset + cycleItems.length) % cycleItems.length;
-          }
+          const nextIndex = isCurrentIndexValid ? (currentIndex + 1) % cycleItems.length : 0;
           setActionCycleActiveIndex(nextIndex);
           scheduleActionCycleActivation();
           return true;
         };
-        const handleActionCycleInput = (direction) => {
-          if (!canCycleActions()) return false;
-          const cycleItems = availableActionCycleItems();
-          if (cycleItems.length === 0) return false;
-          return applyActionCycleItems(cycleItems, direction);
-        };
         const handleActionCycleKey = (event) => {
           if (event.code !== "KeyC") return false;
           if (event.altKey || event.repeat) return false;
           if (isKeyboardEventTriggeredByInput(event)) return false;
-          if (!handleActionCycleInput("forward")) return false;
+          if (!advanceActionCycle()) return false;
           event.preventDefault();
           event.stopPropagation();
           if (event.metaKey || event.ctrlKey) {
@@ -14604,23 +15360,6 @@ var init_core = __esm({
           }
           return true;
         };
-        const actionCycleScrollCycler = createScrollCycler({
-          thresholdPx: ACTION_CYCLE_SCROLL_THRESHOLD_PX,
-          throttleMs: ACTION_CYCLE_INPUT_THROTTLE_MS,
-          lineHeightPx: ACTION_CYCLE_SCROLL_LINE_HEIGHT_PX,
-          onStep: handleActionCycleInput
-        });
-        const handleActionCycleWheel = (event) => {
-          if (!canCycleActions()) return;
-          const isActionCycleActive = actionCycleActiveIndex() !== null;
-          if (!isActionCycleActive) {
-            const cycleItems = availableActionCycleItems();
-            if (cycleItems.length === 0) return;
-          }
-          event.preventDefault();
-          event.stopPropagation();
-          actionCycleScrollCycler.handleWheel(event);
-        };
         const handleActivationKeys = (event) => {
           if (!pluginRegistry.store.options.allowActivationInsideInput && isKeyboardEventTriggeredByInput(event)) {
             return;
@@ -14728,18 +15467,18 @@ var init_core = __esm({
               return;
             }
           }
-          if (handleActionCycleKey(event)) return;
+          const didWindowJustRegainFocus = Date.now() - lastWindowFocusTimestamp < WINDOW_REFOCUS_GRACE_PERIOD_MS;
+          if (!didWindowJustRegainFocus && handleActionCycleKey(event)) return;
           if (handleArrowNavigation(event)) return;
           if (handleEnterKeyActivation(event)) return;
           if (handleOpenFileShortcut(event)) return;
           if (handleScreenshotShortcut(event)) return;
-          handleActivationKeys(event);
+          if (!didWindowJustRegainFocus) {
+            handleActivationKeys(event);
+          }
         }, {
           capture: true
         });
-        eventListenerManager.addWindowListener("wheel", handleActionCycleWheel, {
-          passive: false
-        });
         eventListenerManager.addWindowListener("keyup", (event) => {
           if (blockEnterIfNeeded(event)) return;
           const requiredModifiers = getRequiredModifiers(pluginRegistry.store.options);
@@ -14810,6 +15549,7 @@ var init_core = __esm({
           actions.setTouchMode(isTouchPointer);
           if (isEventFromOverlay(event, "data-react-grab-ignore-events")) return;
           if (store.contextMenuPosition !== null) return;
+          if (isTouchPointer && !isHoldingKeys() && !isActivated()) return;
           const isActiveState = isTouchPointer ? isHoldingKeys() : isActivated();
           if (isActiveState && !isPromptMode() && isToggleFrozen()) {
             actions.unfreeze();
@@ -14880,6 +15620,7 @@ var init_core = __esm({
           actions.setPointer(position);
           actions.freeze();
           actions.showContextMenu(position, element);
+          dismissRecentDropdown();
           pluginRegistry.hooks.onContextMenu(element, position);
         }, {
           capture: true
@@ -14919,7 +15660,11 @@ var init_core = __esm({
             }
           }
         });
+        eventListenerManager.addWindowListener("focus", () => {
+          lastWindowFocusTimestamp = Date.now();
+        });
         const redetectElementUnderPointer = () => {
+          if (store.isTouchMode && !isHoldingKeys() && !isActivated()) return;
           if (isEnabled() && !isPromptMode() && !isToggleFrozen() && !isDragging() && store.contextMenuPosition === null && store.frozenElements.length === 0) {
             const candidate = getElementAtPosition(store.pointer.x, store.pointer.y);
             actions.setDetectedElement(candidate);
@@ -15176,7 +15921,12 @@ var init_core = __esm({
             actions.hideContextMenu();
             if (labelBounds) {
               const labelPositionX = hasMultipleElements ? labelBounds.x + labelBounds.width / 2 : position.x;
-              const labelInstanceId = createLabelInstance(labelBounds, tagName || "element", componentName, "copying", element, labelPositionX, hasMultipleElements ? elements : void 0, selectionBoundsForLabel);
+              const labelInstanceId = createLabelInstance(labelBounds, tagName || "element", componentName, "copying", {
+                element,
+                mouseX: labelPositionX,
+                elements: hasMultipleElements ? elements : void 0,
+                boundsMultiple: selectionBoundsForLabel
+              });
               let didSucceed = false;
               let errorMessage;
               try {
@@ -15306,7 +16056,7 @@ var init_core = __esm({
               if (agent) {
                 actions.setSelectedAgent(agent);
               }
-              loadCachedInput(element);
+              actions.clearInputText();
               actions.enterPromptMode(position, element);
               deferHideContextMenu();
             }
@@ -15318,6 +16068,220 @@ var init_core = __esm({
             deactivateRenderer();
           }, 0);
         };
+        const clearRecentHoverPreviews = () => {
+          for (const {
+            boxId,
+            labelId
+          } of recentHoverPreviews) {
+            actions.removeGrabbedBox(boxId);
+            if (labelId) {
+              actions.removeLabelInstance(labelId);
+            }
+          }
+          recentHoverPreviews = [];
+        };
+        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,
+              bounds,
+              tagName: item.tagName,
+              componentName: item.componentName,
+              status: "idle",
+              isPromptMode: true,
+              inputValue: item.commentText,
+              createdAt: 0,
+              element,
+              mouseX: bounds.x + bounds.width / 2
+            });
+          }
+          recentHoverPreviews.push({
+            boxId,
+            labelId
+          });
+        };
+        const stopTrackingToolbarPosition = () => {
+          if (recentPositionFrameId !== null) {
+            cancelAnimationFrame(recentPositionFrameId);
+            recentPositionFrameId = null;
+          }
+        };
+        const getNearestEdge = (rect) => {
+          const centerX = rect.left + rect.width / 2;
+          const centerY = rect.top + rect.height / 2;
+          const distanceToTop = centerY;
+          const distanceToBottom = window.innerHeight - centerY;
+          const distanceToLeft = centerX;
+          const distanceToRight = window.innerWidth - centerX;
+          const minimumDistance = Math.min(distanceToTop, distanceToBottom, distanceToLeft, distanceToRight);
+          if (minimumDistance === distanceToTop) return "top";
+          if (minimumDistance === distanceToLeft) return "left";
+          if (minimumDistance === distanceToRight) return "right";
+          return "bottom";
+        };
+        const startTrackingToolbarPosition = () => {
+          stopTrackingToolbarPosition();
+          const updatePosition = () => {
+            if (!toolbarElement) return;
+            const toolbarRect = toolbarElement.getBoundingClientRect();
+            const edge = getNearestEdge(toolbarRect);
+            let anchorX;
+            let anchorY;
+            if (edge === "left" || edge === "right") {
+              anchorX = edge === "left" ? toolbarRect.right : toolbarRect.left;
+              anchorY = toolbarRect.top + toolbarRect.height / 2;
+            } else {
+              anchorX = toolbarRect.left + toolbarRect.width / 2;
+              anchorY = edge === "top" ? toolbarRect.bottom : toolbarRect.top;
+            }
+            setRecentDropdownPosition({
+              x: anchorX,
+              y: anchorY,
+              edge,
+              toolbarWidth: toolbarRect.width
+            });
+            recentPositionFrameId = requestAnimationFrame(updatePosition);
+          };
+          recentPositionFrameId = requestAnimationFrame(updatePosition);
+        };
+        const dismissRecentDropdown = () => {
+          stopTrackingToolbarPosition();
+          clearRecentHoverPreviews();
+          setRecentDropdownPosition(null);
+        };
+        const handleToggleRecent = () => {
+          const isCurrentlyOpen = recentDropdownPosition() !== null;
+          if (isCurrentlyOpen) {
+            dismissRecentDropdown();
+          } else {
+            clearRecentHoverPreviews();
+            actions.hideContextMenu();
+            setRecentItems(loadRecent());
+            setHasUnreadRecentItems(false);
+            startTrackingToolbarPosition();
+          }
+        };
+        const copyRecentItemContent = (item) => {
+          copyContent(item.content, {
+            name: item.elementName
+          });
+          const element = recentElementMap.get(item.id);
+          if (element && isElementConnected(element)) {
+            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
+              });
+            }
+          } else {
+            copyRecentItemContent(item);
+          }
+        };
+        const handleRecentItemRemove = (item) => {
+          clearRecentHoverPreviews();
+          recentElementMap.delete(item.id);
+          const updatedRecentItems = removeRecentItem(item.id);
+          setRecentItems(updatedRecentItems);
+          if (updatedRecentItems.length === 0) {
+            setHasUnreadRecentItems(false);
+            dismissRecentDropdown();
+          }
+        };
+        const handleRecentCopyAll = () => {
+          const currentRecentItems = recentItems2();
+          if (currentRecentItems.length === 0) return;
+          const combinedContent = joinSnippets(currentRecentItems.map((recentItem) => recentItem.content));
+          const firstItem = currentRecentItems[0];
+          copyContent(combinedContent, {
+            name: firstItem.componentName ?? firstItem.tagName
+          });
+          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
+            });
+            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 handleRecentButtonHover = (isHovered) => {
+          clearRecentHoverPreviews();
+          if (isHovered && recentDropdownPosition() === null) {
+            showAllRecentItemPreviews();
+          }
+        };
+        const handleRecentCopyAllHover = (isHovered) => {
+          clearRecentHoverPreviews();
+          if (isHovered) {
+            showAllRecentItemPreviews();
+          }
+        };
+        const showAllRecentItemPreviews = () => {
+          for (const item of recentItems2()) {
+            const element = recentElementMap.get(item.id);
+            if (element && isElementConnected(element)) {
+              addRecentItemPreview(item, element, "recent-all-hover");
+            }
+          }
+        };
+        const handleRecentClear = () => {
+          recentElementMap.clear();
+          const updatedRecentItems = clearRecent();
+          setRecentItems(updatedRecentItems);
+          setHasUnreadRecentItems(false);
+          dismissRecentDropdown();
+        };
         const handleShowContextMenuSession = (sessionId) => {
           const session = agentManager.sessions().get(sessionId);
           if (!session) return;
@@ -15514,6 +16478,9 @@ var init_core = __esm({
                 };
               },
               onToolbarSelectHoverChange: setIsToolbarSelectHovered,
+              onToolbarRef: (element) => {
+                toolbarElement = element;
+              },
               get contextMenuPosition() {
                 return contextMenuPosition();
               },
@@ -15536,7 +16503,29 @@ var init_core = __esm({
                 return contextMenuActionContext();
               },
               onContextMenuDismiss: handleContextMenuDismiss,
-              onContextMenuHide: deferHideContextMenu
+              onContextMenuHide: deferHideContextMenu,
+              get recentItems() {
+                return recentItems2();
+              },
+              get recentItemCount() {
+                return recentItems2().length;
+              },
+              get hasUnreadRecentItems() {
+                return hasUnreadRecentItems();
+              },
+              get recentDropdownPosition() {
+                return recentDropdownPosition();
+              },
+              onToggleRecent: handleToggleRecent,
+              onRecentButtonHover: handleRecentButtonHover,
+              onRecentItemSelect: handleRecentItemSelect,
+              onRecentItemRemove: handleRecentItemRemove,
+              onRecentItemCopy: copyRecentItemContent,
+              onRecentItemHover: handleRecentItemHover,
+              onRecentCopyAll: handleRecentCopyAll,
+              onRecentCopyAllHover: handleRecentCopyAllHover,
+              onRecentClear: handleRecentClear,
+              onRecentDismiss: dismissRecentDropdown
             });
           }, rendererRoot);
         }
@@ -15649,6 +16638,7 @@ var init_core = __esm({
           },
           dispose: () => {
             hasInited = false;
+            stopTrackingToolbarPosition();
             toolbarStateChangeCallbacks.clear();
             dispose2();
           },